跳到主要內容

[鐵人賽] Node 30 day 初介- Day1

鐵人賽 Node 30 day

在 Node.js 台灣社群一起合作寫了一本 Node.js 開發手冊,當初主要是希望能夠藉由蒐集,將中文資料集中,讓更多人可以學習如何使用 Node.js,而這次鐵人賽,希望透過這三十天,將內容做個濃縮,讓大家對於 Node.js 有個重新的學習,同時也將這兩年來開發 Node.js 的經驗導入於本書中。

這次資料預計分成四個章節,為編排。

環境建置

雖然 JS 可以在瀏覽器的環境中執行,不過為了流程順暢,初探的部份會先從環境建置開始講起,從 Node.js 在各個不同平台如何安裝。因應 Node.js 版本更新迅速,也會順便提到 NVM (Node.js Version Management) 的安裝方式,以及使用方法。

當然你也需要找個環境,讓你的程式可以進行佈署,因此這邊也會推薦幾個免費的環境給各位使用。

JavaScript 介紹

(接下來 JavaScript 一詞,將會縮減為 JS)

在閱讀此章節之前,請先拋開以往在瀏覽器編輯 JavaScript 的經驗,從現在起將討論是的 JavaScript 本質部份,會從 JavaScript 的變數、陣列、迴圈、函式、類別開始介紹,當中會使用到許多方法,只有在 Node.js 才會看到的方法,所以請記住我先前所說的,拋開以往對於瀏覽器的觀念,在這裡已經沒有瀏覽器的存在。

畢竟在 Node.js 的程式開發中,目前還是使用 JavaScript ,就算全面改用 CoffeeScript, TypeScript,本質上還是回到 JavaSCript 身為一個技術書籍來說,就是教大家最基本的東西,從中體驗 Node.js 開發,請好好的重新體會 JS 的好。

首先會先從 JS 的基本型態開始講起,從 JS 擁有哪些型態,用什麼方式宣告,一開始該怎麼寫,繼續講到 Array 怎麼宣告,其中有哪些方法,可以讓陣列 iterateor 完成自的使命。
Closure ,在大陸名詞翻譯為閉包,這在 JS 裡面是個有趣的議題,關係到 js 變數生命週期,當然這也是個很重要的概念釐清。

接著開始講解 Class, 什麼是類別,什麼是 function ,一個 function 怎麼生成 Class。當然談到這邊就會同時提到 JS Class 最特別東西, this,大多數的開發者都會與 Java 的 this 混淆,這邊將為各位做個釐清。

能夠建立 Class 之後,就不得不講到 js 其中一種特性,prototype ,這到底是什麼,為什麼會有 prototype ,在這邊會有許多 Class 邊際效應的開發討論。

js 基本特性經過四天的探討之後,直接就進入 node.js 的世界,接著會開始講解 Node.js 開發。

Node.js 實戰篇

這裡開始介紹 node.js 裡面專有的名詞,屬性,畢竟是基礎篇,在大家看這個章節的時候,對於初學者來說,有許多與 JS 本質無關的方法或函式,是屬於 Node.js 特有,大家就先忘記掉所有的細節,先跟著步驟一步一步進行 node.js 開發。

因為 Node.js 的核心 module 都是使用最精簡的方式,在建立 Http 服務的時候,事實上有許多基礎的建設,我們直接使用實際例子,從一個實際開發的例子當中開始進行 Node.js 開發,以實際開發的例子帶入情境,讓大家可以更快的了解什麼是 Node.js ,直接進入使用 JS 開發後端的感覺。

主軸會以留言板為應用架構,從 Express 怎麼建立一個討論版,接著加入 Socket.io 進行網站即時化的討論。既然是實戰,再開始寫程式之前要做最重要的事情,就是規劃,所有範例的開頭都是以規劃為基礎,接著才會進行連續幾天的程式寫作。

最後應該將程式進行收斂以及修改,這些步驟我們會邊寫邊改。

Node.js 其他應用

網站開發只是 node.js 的其中一種應用,如果有時間希望多介紹一些 node.js 的其他應用,讓大家可以了解 node.js 到底可以用來作什麼事情,哪些事情可以讓 node.js 來開發,熟悉 js 的朋友也可以來開發以前所沒有想過的事情。

留言

這個網誌中的熱門文章

[CSS] z-index 在不同瀏覽器繼承問題

今天會討論到這個課題,是因為要實做一個Popup dialog,所以我們希望的結果如下圖。 可是在IE7 卻發生了這樣的情況。 Popup不論怎麼設定z-index都無法浮在最上層,我們看一下html架構發生什麼事情。

[教學] 快快樂樂刪除CodeIgniter index.php

預設的CI網址預設都設定為index.php同一層級,因此所有的程式都必須指定index.php導向才能開始,例如 http://localhost/ci/index.php/welcome/test http://localhost/ci/welcome/test 本文將說明如何將惱人的index.php消除,還你一個漂亮的URL。 設定開始: 接下來說明如何使用rewrite方式將惱人的index.php去除。 rewrite不清楚的人,煩請先自行google 首先要先確定Apache的 mod_rewrite 有 開啟 ,如果沒有開啟請設定好之後重新啟動apache。 接著,在根目錄底下建立一個新檔案,檔名為 .htaccess ,裡面程式碼如下: <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*)$ index.php/$1 [L] </IfModule> 接著到 application/config/config.php ,開啟檔案修改 $config['index_page'] = ""; 注意: /index.php/$1 要根據你目錄,例如 http://localhost/index.php ,網站根目錄為 /ci/index.php 則要寫成 /ci/index.php/$1 接著至CI目錄下,尋找 config\config.php , 修改一下裡面的檔案,修改如下: $config['index_page'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明

[教學] Mojito 安裝與入門,install mojito for beginner.

mojito ,最近終於從 YDN 對外公開此專案,這個套件主要用於解決前端多重裝置及瀏覽器端的問題,後端服務採取 node.js ,因此使用上必定要先準備以下幾個元素 準備素材 c++ complier git Node.js > 0.4.x NPM > 1.0.x 安裝方式 git clone git://github.com/yahoo/mojito.git cd mojito/source sudo npm install -g . npm install . 以上四個簡單的步驟,就可以把 mojito module 完整安裝到服務器上,接著就可以開始進入 mojito 的世界 使用方式 mojito 提供了完整的 command line 給開發者使用,接著先建立一個基本 hello world 專案,跟著以下步驟完成第一個專案。首先建立一個 mojito application, mojito create app hello cd hello 切換到目錄之後,再接著建立自己的 mojit,這邊的 mojit 就像是一個應用(application)可能會包含許多個獨立網站體,擁有獨立架構的 MVC ,包含內部設定等,詳細資料可以參考官方的 說明 ,建立 mojit mojito create mojit HelloMojit 輸入指令後,會看到顯示結果如下, creating mojit called 'HelloMojit' (using "default" archetype) ✔ mojit: HelloMojit created! ✔ mojito done. 接著修改 application.json 這個 mojit 設定檔案,讓剛才新建立的 hellp application 指定底下有一個 mojit -> HelloMojit ,讓應用可以去執行 mojit controller ,修改如下, [ { "settings": [ "master" ], "appPort": 8666, "specs": { ...