大家好，小弟最近在教朋友 JavaScript，寫了一份自學教材
我發現傳統的程式設計教法，從程式觀念一個一個介紹，有點無聊，很多人無法吸收
所以我想說換個方法試試，以不斷寫「小專案」為主，然後在過程中
順便吸收會用到的程式觀念，這樣比較好玩，比較好消化
目前已開發五份課程，共35課 + 35份作業
Part 1 - https://codelove.tw/@howtomakeaturn/course/l3j5xk
Part 2 - https://codelove.tw/@howtomakeaturn/course/vx8gqZ
Part 3 - https://codelove.tw/@howtomakeaturn/course/gqveaW
Part 4 - https://codelove.tw/@howtomakeaturn/course/837eq0
Part 5 - https://codelove.tw/@howtomakeaturn/course/Zq4v3w
已經把內容簡化再簡化、先只教最最簡單的東西
應該可以降低新手的入門挫折，而且只談 JavaScript 基礎、DOM 基礎、前端基礎
不教 React, Vue 等等框架，但是背後的觀念都會談，基本功先有，之後學框架更容易
如果有完全沒基礎的朋友，可以試試看，或許會對 web 領域開始有興趣！
跟大家分享一下～！
（教材持續開發中，這邊先分享五份，應該夠新手天天研究、寫作業1個月左右）

真的完全不懂的新手，連你教材上的 HTML onclick要怎麼跑起來，都做不到好嗎。建議站在使用者的角度寫教材。JS，HTML，與瀏覽器的關係要先講，不然根本是背步驟做事而已。

幫推 :) 人家就說了試著用做小專案方式呈現，而不是傳統方式的教材，不用嫌棄成這樣吧，有點類似 Wes Bos 那個 JavaScript 30 的簡易版本

推

推好心~

推好心，原PO的動機很好，願意嘗試並提供新手入門，樓上的說明也是合理，但如果能用建議的口氣更好，沒看過影片，但覺得原PO用不同角度切入不錯

我也很好奇有經驗工程師跟完全菜鳥的gap之間對教材設計的影響 但不知道資工所碩論做這個教授給不給過

推

16樓 我聽過有人報告給教授類似的東西 被教授說了一聲垃圾丟到地上 第一次看我們在學校教授發飆*第一次看到教授在學校發飆

推好心

這個主題不是學術研究，所以產不出論文，當然就拿不到補助，只可以當做好事但不能畢業

教授當然不給過啊

建議可以直接用 Github 提供完整檔案，下載或復制內容另存再用瀏覽器打開等等，真的嬰兒看 jsfiddle 也是不清楚

師大資教所

推好心

推有心

推好心

讚 比出張嘴的強不知道多少了

推好心

免費的還嫌喔，心胸狹窄欸

1f竟然還有耐心看完

推

我有稍微看一下，第一個課程就在教function概念及撰寫，完全不認為沒寫過程式的人就看得懂，如果是給完全沒寫過javascript的程式設計師學習，那就很適合

好心推

市面上已經有很多本基礎入門的書，已經是校閱過的，直接買來看應該比較完整

推

推推

1F的回饋有道理

我也覺得直接看W3C school會比較好不過對初學者是引起興趣比較重要

推

這種中間的就是 太菜的看不懂 不夠菜的不一定看

推

雖然很基本 但有分享有推

分享知識給推

感恩，好心

回樓上，資訊教育這個主題也是學術研究，如果你的教授是軟體工程領域的，或是師範大學軟體相關系所才會有興趣做類似的題目如果真的要做類似研究要找到對教授跟學校，我身邊就一堆碩士用資訊教育相關的題目畢業，眼界不要這麼狹隘。

推熱情

確實 這是新手教學 上面在那邊扯UX的真的很會乾脆說教C的一開始教printf("Hello World");的很廢算了反正debug都馬是printf("123");

我想學async，要怎麼確保可以從DB讀到內容再作下一件事nodejs function在module裡面沒辦法用await，很苦惱

為何 module 裡面不能用 async await ?Node.js 8 之後就原生支援 async function 能用 awaitmodule.exports 的 function 用 async 內部就能 awaitrequire async function 如果不用 await 接就當 promise 用

推

一樓標準嘴砲腦XDDD 你說新手看不懂就看不懂喔這邊的人怎麼都只會出一張嘴 人家編排有它的風格啊啊不然要別人怎麼學　看MDN？還是又是那一套舊的教學？舊的教學那麼了不起那麼好 那就不用來看這個教材就好說要丟github更好笑 新手最好是搞得懂github怎麼用真的是要怎麼嫌 什麼可悲智障理由都有欸 笑死

不放 github 提供檔案下載連結直接下載也可以重點不是放 github, 是提供完整可執行的檔案我是覺得直接檔案拉進瀏覽器能跑會比較直白啦其實放 github 也一樣可以給檔案連結新手不用會用 github, 只要會開連結, 複製貼上或另存

超讚的 如果我一開始學的時候就讀這套就不會學得那麼辛苦了！

有熱情推

推風氣

shter感謝大大

推分享，有這種熱情很讚

推

網頁很完整，如果新手期看到這個會很感激

覺得人家有可改進做不好的地方也不用講話這麼gy吧

我有其他語言經驗，最近在學js，已經看過基礎書籍，這篇內容剛好符合我的需求，謝謝分享，感覺如果完全沒語言經驗可能還要自己再多學基礎，才比較適合

推推推

推

從DOM開始很OK，不過接javascript新手應該看不懂

推好心

推

某Dr到處嗆人，人家捐錢卻嫌人捐太少？自己捐多少？

推分享

推分享

感謝分享

推熱情 讚讚

讚

推推 一樓大概人生很不如意吧可憐R

支持

推用心

推

不用看視頻W3 school教村狂做三篇必有所得，看不懂英文説明裝 chrome外掛「側邊翻譯」，看不懂句子段落翻一下。

幫推

我就好奇 所以有新手看了這個有興趣嗎？

我是覺得新手連第一個教學都無法做出來

一樓只是語氣不夠客氣，但評語很紥實

推

推

真的"超"新手應該沒辦法理解這份教材吧

推用心

一樓語氣不好但講的沒錯教材看得懂的用不太到 看不懂的還是看不懂感覺教材族群偏窄 但真的謝謝熱心

推好心

推

確實是給JS新手 而不是程式新手吧 第一堂課就提到HTML/CSS 新手不可能懂吧

純噓一樓，幹什麼東西

推 用心～

推好心

推好心

好

一樓就標準只會嘴炮主管性格，自己跳下來什麼都不會做

推