2013年9月26日 星期四

Node for Front End Developers : chapter01 讀書筆記


本篇轉載於我的github.io

  • 書籍資訊 : Node for Front-End Developers by Garann Means(O'Reilly).copyright 2012 Garann Means, 978-1-449-31883-3
  • 參考網址:Node for Front-End Developers
本書目錄:
  1. Chapter 1 Getting Node Set Up
  2. Chapter 2 Serving Simple Content
  3. Chapter 3 Interaction with the Client
  4. Chapter 4 Server-Side Templates
  5. Chapter 5 Data Sources and Flow Control
  6. Chapter 6 Model-View-Controller and Sharing Code
我的前言
  • 這本書今年暑假以600多元台幣購入(蠻貴的...),等了快兩週才寄來,至今才開始看:P
  • 內容只有 6 個章節,僅僅45頁。
  • 雖然 node 之於我,我並非熟手,但老實說這本書應該不像是給初學者看的,建議裝過 node.js,裝過 npm 的人看看。
  • 作為 Front-End 寫 node.js,會有一些不適應症,我覺得這是正常的,但這也才是有趣的地方,一直要去想 How about write JavaScript on Back-End,跟自己所熟悉的 browser 的環境,完全是不同的兩世界。
  • 輕鬆學就好,雖然目前工作沒有大量使用,不過 Nice to Know。

2013年9月22日 星期日

Day7 visual studio 2012 模擬器(Simulator)的介紹

之前的文章列表:
或看我的第六屆鐵人賽文章列表

這篇要向大家介紹的是 visual studio 2012 的 Simulator(模擬器)


  • 掐指算一算,感覺我寫的東西需要加快速度了...,不然有些我想寫的我怕寫不到XD
  • 之前有提到過,如果要在 visual studio 跑自己正在編寫的專案,可以點按『本機電腦』的那顆按鈕,就會幫你執行你的 App 在 windows 8 的系統上,現在,你有另外一種選擇,那就是模擬器。
  • 為什麼要特別提這個東西呢? 哦哦也只是一個工具啦!~,不喜歡也可以不用,只是模擬器提供更多的功能,所以才叫模擬器。
  • 執行於本機的模式,環境是真的屬於你的本機,但模擬器,可以模擬出你本機電腦做不到的事。

2013年9月14日 星期六

我的blog有第二站

Dear All:

大家好,要跟大家說一件事,

考慮到發文效率與管理的關係,

強烈地感受到 markdown 的編寫快速,排版一致的感覺很不錯。

未來會把文章放到github
http://winwu.github.io/
我把它當作 『win.心得小筆記』 第二站。


還麻煩大家多多包涵!

新 blog 暫時不會有舊的文章,但有機會移駕過去,看時間吧 Orz..。

但是舊的 blog 會有新的文章,只是不知道會維持到什麼時候。

可以依照自己習慣看哪個 blog 做選擇,兩邊的留言我都會管到,老實說也是不太想放棄這邊,畢竟這裡有我這一兩年的心血。

目前新 blog 還很空洞,如果有任何建議,也歡迎告知,謝謝:)


祝 順心
Win 

2013年9月5日 星期四

一起來參加『2013第六屆it邦幫忙鐵人賽』吧!!

活動官網:
有興趣的話趕快找個主題報名吧!!


今年我也參加了
不過不知道能不能稱到30天 xd
主題選了冷門的 Windows 8 App,不過,是我自己想玩玩看啦

順利的話,那文章都會也轉載到這邊來。
希望大家多多支持。

Joomla! 3.X.X [工具] AcyMailing Starter 介紹

Extension 介紹網址:
http://extensions.joomla.org/extensions/content-sharing/newsletter/10341

AcyMailing Starter可以做些什麼呢?
一個可以讓你寄送電子報的工具。~
我裝了之後才覺得好用,實在太神奇了。
裝起來在後台看起來就像這樣:

  1. 查看用戶有多少,並且設定是否寄送電子報給該用戶的設定,可以匯出所有的會員,也可以匯入。(其實也不一定要說是電子報,簡單來講就是寄送 email 給 user)
  2. 列表可看出你寄出去了哪些電子報。
  3. 提供電子報的編輯,以及內建預設有四種形式的電子報範本可以供你使用。
  4. 佇列是管理準備發送的信件
  5. 統計非常好用,你可以知道你寄出去信,使否有被user打開過(有在信箱點選『顯示圖片』的user才算
  6. 設置裡面有蠻多的設定,可以自行去看看,因為蠻雜的,包含外掛的設定也在此。


這是用戶的清單:




新增電子報:


注意右側要點選收件者是誰(群組)




編輯好之後你可以選擇要先儲存,還是就直接預覽/發送,我在這邊是直接選預覽/發送。




預覽/發送的樣子:



我直接點選發送(在此不送測試信):






然後到信箱收信:


接著再回到統計的頁面:
因為我後來又在追加應外一位user寄出此封信件,因此在這裡總共是寄給兩個人。





大致上的功能都很齊全,也非常好用。
想要更多功能嗎?那就~請~購~買~更高級的版本。

Node.js Taiwan Party 36 筆記 (屬雜記,請忽略我)

這偏是比較屬於個人雜記的部分,請忽略我...(應該只有我自己看得懂...)

Node.js TW 36th Party Note

Topic : Express

Starter need...

* node
* npm
* git
* grunt.js

Express → web base framework

express as cli

- e (ejs) -j(jhtml) -H(hogan)
- jade(as default)
- call help 
- c(css)
- s(session)  

express as css

- -css
- stylus (as default)

* why need template engine -> m”v”c 

run express cli

  • express [-option] [app_name]

folder structure

  • router (like controller + router)
  • static file (at Public folder)
  • app.js is init file

setting in Express

  • app.listen (open port 3000)
  • app.configure (read enviroment variable, ex: develpoment,production…)
  • app.set, app.get
  • app.enable, app.disable (ex, 不啓動view engine)
  • app.use
    • user --> Middleware --> route --> view
      middleware : app.use , will excute every route.
    
  • app.get
  • app.post
  • app.delete
  • app.update
  • app.all
  • app.locals (少用)

req get parameter

  • req.params(抓url)
    • req (像是讀檔案)
    • reponse (寫)
      app.get('/happymen/:id', function(req, res){
          var id = req.params.id;
      }); 
    
  • req.query (取get的資料)
  • req.body
  • req.files
  • req.cookies(read cookie) 重要。

req about HEADER (read only)

  • req.get, req.header (這兩個是相通的)
  • req.is (偵測)
  • req.ip, req.ips
  • req.host (req.subdomains)
  • req.protocol, (req.secure-->'https' == req.protocol; 檢查目前browser是http/https)
  • req.xhr (XMLHttpRequest)
  • Request is READ only in ExpressJS
  • req.status(res.statusCode) 設定header code要給多少(200,400,404,.....)
  • req.clearCookie
  • req.set, res.header
  • req.locals(app.locals is different)
    • life circle is only in url period (<--這好酷)
  • req.redirect (被設成302)
  • req.json, res.send (HEADER:application/json)
  • req.download
  • req.render

Response write data in Express

cross domain access

  • node.js 適合做 api,承載大量的連線 -> know how cross domain access

2013年9月4日 星期三

TQC 雲端技術與網路服務 考後心情


(其實這張上週就來了,只是我今天才去考場拿XDD)
說到考 TQC,我也算是老屁股了,從大二考到現在,平均一年考個一張左右,雖然對工作也沒什麼幫助,不過也習慣這樣一直考下去。

關於這張雲端技術,原本想寫個心得,但覺得實在沒什麼心得可言... 心情嘛...,老實說在準備這張的時候就已經有點失望了,以我考過其他科目的比較來說,這張的失望指數蠻高的,為什麼呢?

  • 考試範圍過大(簡直包山包海了),但卻沒有可以參考的書目
  • 如果有在開發web的工作上打滾過,看了這題目會覺得..對工作有幫助的章節實在不多...,長知識倒是可以。
  • 我實在不曉得為什麼...為什麼 gmail 跟 google 日曆的題目怎麼會這麼多? 這麼多可以跟雲端扯上關係的服務很多啊。
  • 第四類跟第六類的題目反而我覺得挺有價值的,會考些 IaaS, PaaS, MapReduce, Hadoop 等一些比較基本的觀念,我覺得這才是我想讀的...,但好像就只有蜻蜓點水
  • 如果純粹當做長知識而來讀這科,是還ok
  • 然後我沒有勸大家不要考的意思XD 每個人預期的結果不同,如果你想考還是可以考,而且準備起來蠻輕鬆的,就當做平常的課外讀物花個幾天念一下應該就差不多了。


2013年9月1日 星期日

Pure CSS 實作練習:homepage

又到了練習的時間了...,其實這昨天就弄好了只是沒力寫文。
這篇是延續好久好久以前寫的兩篇筆記,只是看看文章而已會讓我覺得學習中斷,感覺不是很好,後來我還是覺得想弄點什麼東西出來。
之前的兩篇是這個:

先來看看練習的結果:
主要是要練習 pureCSS 的 Grid,然後整格排版設計是參考某家搜尋網站的首頁做改造:P,icon 部分搭配的是 Font-Awesome ,Font-Awesome 的使用方式跟在用 bootstrap 的時候一樣,所以非常順手。至於配色就別跟我這個前端挑了(><),這個練習的重點是在做前端不是Art (Orz)。



Vue multiselect set autofocus and tinymce set autofocus

要在畫面一進來 focus multiselect 的方式: 參考: https://jsfiddle.net/shentao/mnphdt2g/ 主要就是在 multiselect 的 tag 加上 ref (例如: my_multiselect), 另外在 mounted...