大家好，小弟最近在教朋友 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個月左右）
作者:
DrTech (竹科管理處網軍研發人員)
2023-01-23 10:19:00真的完全不懂的新手，連你教材上的 HTML onclick要怎麼跑起來，都做不到好嗎。建議站在使用者的角度寫教材。JS，HTML，與瀏覽器的關係要先講，不然根本是背步驟做事而已。
作者:
Hsins (翔)
2023-01-23 10:53:00幫推 :) 人家就說了試著用做小專案方式呈現，而不是傳統方式的教材，不用嫌棄成這樣吧，有點類似 Wes Bos 那個 JavaScript 30 的簡易版本
作者: mercurycgt68 (發芽的吉它手) 2023-01-23 11:04:00
推
作者:
TheArrow (TheArrow)
2023-01-23 11:22:00推好心~
作者:
makeout (美考特)
2023-01-23 11:32:00推好心，原PO的動機很好，願意嘗試並提供新手入門，樓上的說明也是合理，但如果能用建議的口氣更好，沒看過影片，但覺得原PO用不同角度切入不錯
作者:
holebro (穴弟弟)
2023-01-23 11:39:00我也很好奇有經驗工程師跟完全菜鳥的gap之間對教材設計的影響 但不知道資工所碩論做這個教授給不給過
作者: javy0521 2023-01-23 11:54:00
推
作者:
GoalBased (Artificail Intelligence)
2023-01-23 12:15:0016樓 我聽過有人報告給教授類似的東西 被教授說了一聲垃圾丟到地上 第一次看我們在學校教授發飆*第一次看到教授在學校發飆
作者: chchchuang 2023-01-23 12:21:00
推好心
作者: hobnob (hobnob) 2023-01-23 14:38:00
這個主題不是學術研究，所以產不出論文，當然就拿不到補助，只可以當做好事但不能畢業
作者: adsl12367 (adsl12367) 2023-01-23 14:47:00
教授當然不給過啊
建議可以直接用 Github 提供完整檔案，下載或復制內容另存再用瀏覽器打開等等，真的嬰兒看 jsfiddle 也是不清楚
作者:
Apache (阿帕契)
2023-01-23 16:28:00師大資教所
作者: andrew0220 (DrewWai0220) 2023-01-23 17:01:00
推好心
作者:
NTUTM04 (TM終號機)
2023-01-23 18:21:00推有心
作者:
MoonCode (MoonCode)
2023-01-23 19:20:00讚 比出張嘴的強不知道多少了
作者:
smdf (我依然相信)
2023-01-23 19:39:00推好心
作者:
Csongs (西歌)
2023-01-23 20:19:001f竟然還有耐心看完
作者: t510599 (石頭) 2023-01-23 20:21:00
推
我有稍微看一下，第一個課程就在教function概念及撰寫，完全不認為沒寫過程式的人就看得懂，如果是給完全沒寫過javascript的程式設計師學習，那就很適合
作者:
yuinami (yuinami)
2023-01-23 22:14:00好心推
作者:
async (非同步)
2023-01-23 23:13:00市面上已經有很多本基礎入門的書，已經是校閱過的，直接買來看應該比較完整
作者: tkd09152129 (tkd09152129) 2023-01-24 01:18:00
推
作者: OkamiIII (齊柏林公爵一生推) 2023-01-24 01:30:00
推推
作者: s06yji3 (阿南) 2023-01-24 01:37:00
1F的回饋有道理
我也覺得直接看W3C school會比較好不過對初學者是引起興趣比較重要
作者:
hduek153 (專業打醬油)
2023-01-24 05:47:00這種中間的就是 太菜的看不懂 不夠菜的不一定看
作者:
gtjs45 (JK)
2023-01-24 12:08:00雖然很基本 但有分享有推
作者:
mohai (墨海)
2023-01-24 16:19:00回樓上，資訊教育這個主題也是學術研究，如果你的教授是軟體工程領域的，或是師範大學軟體相關系所才會有興趣做類似的題目如果真的要做類似研究要找到對教授跟學校，我身邊就一堆碩士用資訊教育相關的題目畢業，眼界不要這麼狹隘。
作者:
peter98 (新兵)
2023-01-24 20:37:00確實 這是新手教學 上面在那邊扯UX的真的很會乾脆說教C的一開始教printf("Hello World");的很廢算了反正debug都馬是printf("123");
作者:
menesn (迷思)
2023-01-24 22:37:00我想學async，要怎麼確保可以從DB讀到內容再作下一件事nodejs function在module裡面沒辦法用await，很苦惱
作者:
shter (飛梭之影)
2023-01-24 23:01:00為何 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, 只要會開連結, 複製貼上或另存
作者: kenkio (巷弄九號) 2023-01-25 00:14:00
超讚的 如果我一開始學的時候就讀這套就不會學得那麼辛苦了！
作者:
menesn (迷思)
2023-01-25 08:17:00shter感謝大大
作者:
mathrew (Joey)
2023-01-25 14:26:00推分享，有這種熱情很讚
作者: ku399999 2023-01-25 22:21:00
覺得人家有可改進做不好的地方也不用講話這麼gy吧
作者:
hanksky (魯蛇一枚)
2023-01-26 06:58:00我有其他語言經驗，最近在學js，已經看過基礎書籍，這篇內容剛好符合我的需求，謝謝分享，感覺如果完全沒語言經驗可能還要自己再多學基礎，才比較適合
作者:
rkl (拉魯夫--叫我大叔)
2023-01-26 13:24:00推
從DOM開始很OK，不過接javascript新手應該看不懂
作者:
pacino (carry me)
2023-01-26 20:45:00某Dr到處嗆人，人家捐錢卻嫌人捐太少？自己捐多少？
作者:
i78524 (Shulei)
2023-01-27 14:28:00推熱情 讚讚
作者:
paly (口合)
2023-01-28 18:47:00支持
作者: a82611141 2023-01-29 14:06:00
推用心
作者: upasaka (upasaka) 2023-01-30 02:57:00
不用看視頻W3 school教村狂做三篇必有所得，看不懂英文説明裝 chrome外掛「側邊翻譯」，看不懂句子段落翻一下。
作者:
sx4152 (呵呵)
2023-01-30 13:27:00幫推
作者:
loadingN (sarsaparilla)
2023-01-30 14:06:00我就好奇 所以有新手看了這個有興趣嗎？
作者:
sx4152 (呵呵)
2023-01-30 16:11:00我是覺得新手連第一個教學都無法做出來
作者:
overhead (overhead)
2023-01-31 01:14:00一樓只是語氣不夠客氣，但評語很紥實
作者: victor999 (慾盛) 2023-01-31 09:28:00
推
作者: zonppp (冷涼卡好) 2023-01-31 13:56:00
真的"超"新手應該沒辦法理解這份教材吧
作者:
sjr500 (萬年淺水號)
2023-01-31 21:28:00推用心
作者:
DSB520 (Yankees and Sox)
2023-01-31 22:12:00一樓語氣不好但講的沒錯教材看得懂的用不太到 看不懂的還是看不懂感覺教材族群偏窄 但真的謝謝熱心
作者: ZincAllure (香腸人) 2023-02-02 11:24:00
確實是給JS新手 而不是程式新手吧 第一堂課就提到HTML/CSS 新手不可能懂吧
作者:
johnny94 (32767)
2023-02-03 21:03:00純噓一樓，幹什麼東西
作者: dyjo4949 (爌肉王朝) 2023-02-03 22:31:00
推 用心～
作者: chien2013 2023-02-05 01:13:00
推好心
作者:
lokuyan (哭阿)
2023-02-07 22:17:00好
作者:
ch1rmon (tiger)
2023-02-10 07:18:00一樓就標準只會嘴炮主管性格，自己跳下來什麼都不會做
作者:
newwer (在下必須回到家鄉)
2023-02-10 22:41:00推