* [第1課 ── 認識 callback hell](https://jsfiddle.net/birdie2019/6dm07yo8/20/) * [第2課 ── 認識 promise chain 鏈接](https://jsfiddle.net/birdie2019/p8uL3r1e/28/) * [第3課 ── 認識 async/await 語法](https://jsfiddle.net/birdie2019/ydzsu43c/24/) 終於有比較清楚了!
工作了很多年,還是搞不太懂 promise、async/await 是什麼嗎?用這份作業包一次搞定觀念! https://codelove.tw/@howtomakeaturn/course/d3obxP --- 另外,練功作業包現在分成「轉職前端」、「現役前端」兩種專區 因為是針對兩種背景,所以分開來方便學員挑選~
老話一句,程式設計領域發展太快速,新進的學習者容易眼花撩亂 為了讓新手清楚脈絡,我認為有必要稍微從歷史脈絡談起 別擔心,老舊的寫法我們就稍微寫過、帶過就好,實務上幾乎都是寫很新的語法 寫完了這份教材,我相信你實務上不論看到哪種語法,都能看懂! --- 寫完本課內容,我認為實務上你已經可以處理絕大多數的需求了! 不過,關於非同步程式設計、promise、async/await 還有很多可以學的 消化、研究完本課程之後,請接著前往下一份教材,繼續邁向資深之路吧! **教材開發中,敬請期待**
工作了很多年,還是搞不太懂 promise、async/await 是什麼嗎?用這份作業包一次搞定觀念! https://codelove.tw/@howtomakeaturn/course/Pam6qL @hung @birdie2019 @superyngo 找時間來寫寫看~
業界很多關於非同步的教材,會從 async/await 語法開始教起 雖然這是最新、也是目前最流行的語法,但我認為對於新手來說,非常難吸收 要教 async/await 必須先談 promise 的基本 `.then()` 語法 然而,要談 promise,我認為再退一步,從 calback hell 開始學起,更好 所以我設計了這份教材,從歷史脈絡開始談起,讓你實務上不論看到哪種語法,都能看懂! --- 關於非同步程式設計、promise、async/await 還有很多可以學的 本課程只是稍微幫您突破盲點,您現在應該有更好的基礎,可以廣泛探索相關概念了! 消化、研究完本課程之後,請接著前往下一份教材,繼續邁向資深之路吧! https://codelove.tw/@howtomakeaturn/course/d3obxP
簡單複習一下,在這次的課程中,我們學會了 - 用 express 處理 http get 請求 - 用 express 處理 http post 請求 - 用 express 提供靜態檔案 - 取得 url 參數 - 取得表單參數 是不是很有趣呢? --- 再次說明,這次的課程主要是學習網頁協定&基本觀念,實務上後端開發有很多東西要學 舉例來說,下面這些東西本課程都省略了: - ejs 模板的 layout 功能 - 連接資料庫軟體 - 會員系統、註冊登入、驗證功能 雖然省略了很多東西,但我認為已經能讓你對於 http 協定與後端開發,有大致的了解 因此基本功比一般的前端開發者更好!這也是本課的目的所在! 很多前端工程師,工作了好一陣子,卻還是搞不清某些觀念、任務屬於前端還是後端!要避免這種混淆,職業發展才能順利又有效率! 後面的課程,我會進一步教你清楚認識前端、後端的區別、以及釐清一些常見迷思!讓你在前端之路上,走得更順遂! --- 消化、研究完本課程之後,請接著前往下一份教材,繼續邁向資深之路吧! **教材研發中,敬請期待**
簡單複習一下,在這次的課程中,我們學會了 - 寫 node 程式 - 讀取、寫入檔案 - 匯入、匯出模組 - 從終端機輸入、輸出訊息 - NPM 套件管理工具 - 非同步語法、同步語法 是不是很有趣呢? --- 補充一點,我在課程中多次提到非同步程式設計很多餘,其實不太精準 拿 node 寫 CLI 當然會覺得非同步程式設計很多餘,那是因為 node 設計的初衷是拿來寫網站後端! 相比於其他像是 php 或 python 語言,js/node 非同步的設計會讓網站後端的效能比較強大! 詳細原因可以先不用知道,有興趣再自己去研究一下即可! --- 再補充一點,隨著 js 與 node 的發展 套件匯入匯出的語法,有時會看到 `require` 的寫法,有時會看到 `import` 的寫法 用 `import` 寫法有一些額外設定&調整要弄 我是為了教學方便,才使用 `require` 的寫法,現在主流都改用 `import` 寫法了! 實務上,就以 `import` 寫法為主吧! 不過,反正就是模組管理而已,你就看情況,隨便哪一種寫法都可以,程式能解決問題最重要! --- 這次的課程內容,完全不需要打開瀏覽器,沒有任何程式是在 `瀏覽器 js 環境` 執行的喔! 都是從 `終端機` 直接要求 `node 主程式` 來執行! --- 坊間的 Node 課程,大多是從「web 後端程式設計」開始教起 雖然也不錯,但是需要一開始就碰 node 的 `http` 模組,或是 `express` 模組 從前端開始認識 javascript 的學習者,常常會在這地方有點「腦袋打結」 分不清 `瀏覽器 js 環境` 以及 `node 環境` 的差別 也分不清為何 `node_modules` 的內容一下是在瀏覽器上出現,一下是在伺服器端出現 所以,我決定退一步來教,我們先學老派的 CLI 應用程式開發 這樣,過程中跟 `網站` `瀏覽器` `web 伺服器` 完全沒關係,你就可以先抓到純粹 node 寫程式的感覺! 古早年代,所有程式都是 CLI 程式,文書處理、作業系統、連電腦遊戲都是 CLI 時至今日,CLI 應用程式看似老派,但依然是開發人員最重要的操作 UI 之一!所以值得學一下! 但我們學一點就好了,不用深入鑽研 CLI 程式的開發技巧,這只是替後面 node 的進階應用、以及後端開發學習鋪路而已! --- 消化、研究完本課程之後,請接著前往下一份教材,繼續邁向資深之路吧! https://codelove.tw/@howtomakeaturn/course/bap2xj
你的轉職路上,還缺少一份自學作業包!寫完這幾包,直接拿作品去面試上班!
本論壇另有附設一個 LINE 新手發問&交流群組!歡迎加入討論!