跳到主要內容

[鐵人賽] 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 的朋友也可以來開發以前所沒有想過的事情。

留言

這個網誌中的熱門文章

[分享] 腳踏車環島注意事項

很多人都期望自己能夠做點什麼,做些什麼,而退伍之後的第二個星期,就展開了環島之旅。 對很多人來說這不算什麼,甚至有人展開了走路、跑步、溜滑板、單輪車等方式環島一周,充分展現對台灣的愛與關懷。 這篇主要讓不知道怎麼準備環島的人,作一個完善的解說,首先隨身的東西要有: 證件現金類 : 身份證 健保卡 學生證 現金 提款卡 悠遊卡

直播錄影設備大公開 - 從線下轉線上到底要哪些裝備

直播錄影設備分享 蠻多朋友都在敲碗詢問,到底一場直播需要準備哪些設備,這邊聽筆者娓娓道來, 網路 好的網路上天堂,壞的網路會讓你掉落到不知道什麼地方。 會建議大家至少是一個獨立的 4G 訊號,意味著當下至少要有 30MB/s 的上傳下載,這樣在透過 Google Meet / Zoom 視訊會議的時候是比較不會卡頓的狀態。 Google Meet 輔助文件 有提到關於頻寬的最低需求, 對位於 8.8.8.8. 的 Google 公用 DNS 伺服器執行連線偵測 (ping) 測試時,延遲時間應低於 50 毫秒。 參與者的上傳訊號 (無論通訊人數多寡) 應符合 3.2 mbps 的頻寬需求。 抓在這樣的標準之上會是比較穩定的, 如果你的需求是要透過 OBS 同時播出到 youtube live / Facebook live 和多個頻道的時候,會建議需要更高頻寬,最好是連接有線網路的狀況下尤佳。 總之,網路越快越好,直接光纖肯定沒錯!(可惜我家無法 …T_T 麥克風 直接說答案,這邊採用的是   Rode Wireless go 購買網址: https://24h.pchome.com.tw/prod/DGCF07-A900B6O2U 沒有考慮類似圓剛 av310 或者 BlueYite 之類的,主要是因為可能當初規劃會有起身轉場可能,且可以支援一對多的方式進行訪談式收音。 但很可惜的是,沒有朋友!(威 Rode Wireless go 的優勢在於內建獨立麥克風,可直接夾在領夾上,或者連接更好的收音麥克風,當作訊號源來處理,可變化性蠻大的,但對於聲音細緻度,可能就沒辦法要求到這麼多,總之是不同面向考量下的選擇。 燈光 首先燈光會比攝影機要重要許多許多許多,一個好的麥克風,加上好的燈光,基本上背景只要稍微設置一下,就可以美美搭。 6 寸桌上型 LED 網美燈 購買網址: https://24h.pchome.com.tw/prod/DGCF2O-A900AFG98?fq=/S/DGCF2O 道蝦皮找應該可以找到許多更便宜的,以目前來說 6 寸網美 LED 環形燈來說算是堪用,為什麼會說堪用,如果場景允許,實際上再加上左右補光會讓畫面呈現效果更佳。 目前上述的需求,都是以大頭照拍攝,或者半身的需求為主。 如果說要拍到全身的話,基本上就是直上攝影用補光燈,這就不在此範圍內

[教學] 快快樂樂刪除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'] = ""; 存檔後,如此一來大功告成。 參考資料 官方網站說明