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。

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

之前的文章列表：

• 22 Sep 2013 » Day7 visual studio 2012 模擬器(Simulator)的介紹
• 22 Sep 2013 » Day7 介紹空白應用程式 Blank App
• 21 Sep 2013 » Day6 Windows API For Windows App（二） WinJS
• 20 Sep 2013 » Day5 Windows API For Windows App（一） WinRT
• 19 Sep 2013 » Day4 Programming Windows 8 Apps with HTML CSS and JavaScript ~ ch01讀書筆記
• 18 Sep 2013 » Day3 學習 Windows 8 App 的資源列表
• 18 Sep 2013 » Day3 介紹 Windows 8 App 開發方式
• 17 Sep 2013 » Day2 windows 8 的界面設計(Windows UI)
• 16 Sep 2013 » Day1 開場白與環境介紹

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

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

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

我的blog有第二站

Dear All:

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

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

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

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


還麻煩大家多多包涵！

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

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

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

目前新 blog 還很空洞，如果有任何建議，也歡迎告知，謝謝：）


祝 順心
Win 

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

活動官網：

http://ithelp.ithome.com.tw/ironman6/earlybird

有興趣的話趕快找個主題報名吧！！

今年我也參加了
不過不知道能不能稱到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

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

（其實這張上週就來了，只是我今天才去考場拿XDD）

說到考 TQC，我也算是老屁股了，從大二考到現在，平均一年考個一張左右，雖然對工作也沒什麼幫助，不過也習慣這樣一直考下去。

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

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

Pure CSS 實作練習：homepage

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

• 認識 Pure CSS 之筆記一：了解Base, Grids, Forms
• 認識 Pure CSS 之筆記二：了解Buttons, Tables, Menus
• Demo頁面：http://winwu.github.io/pureCSS-practice/homepage/

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