[分享] 我寫了一份超新手 JavaScript 入門教材

軟工

87721

大家好,小弟最近在教朋友 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個月左右)

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.161.36.252 (臺灣) ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1674440160.A.AE4.html
DrTech1樓真的完全不懂的新手,連你教材上的 HTML onclick要怎麼跑 01/23 10:19
DrTech2樓起來,都做不到好嗎。建議站在使用者的角度寫教材。 01/23 10:19
DrTech3樓JS,HTML,與瀏覽器的關係要先講,不然根本是背步驟做事而 01/23 10:22
DrTech4樓已。 01/23 10:22
DrTech5樓作業更好笑:不想把商品報價、聯絡方式直接顯示在畫面上。 01/23 10:31
DrTech6樓違反正常UX的做法。沒事增加一個按鈕步驟來湊作業題。明明 01/23 10:31
DrTech7樓有更好的例子onclick可以用在哪裡。 01/23 10:31
Hsins8樓幫推 :) 人家就說了試著用做小專案方式呈現,而不是傳統方 01/23 10:53
Hsins9樓式的教材,不用嫌棄成這樣吧,有點類似 Wes Bos 那個 JavaS 01/23 10:53
Hsins10樓cript 30 的簡易版本 01/23 10:53
mercurycgt6811樓 01/23 11:04
TheArrow12樓推好心~ 01/23 11:22
makeout13樓推好心,原PO的動機很好,願意嘗試並提供新手入門,樓上 01/23 11:32
makeout14樓的說明也是合理,但如果能用建議的口氣更好,沒看過影片 01/23 11:32
makeout15樓,但覺得原PO用不同角度切入不錯 01/23 11:32
holebro16樓我也很好奇有經驗工程師跟完全菜鳥的gap之間對教材設計 01/23 11:39
holebro17樓的影響 但不知道資工所碩論做這個教授給不給過 01/23 11:39
javy052118樓 01/23 11:54
GoalBased19樓16樓 我聽過有人報告給教授類似的東西 被教授說了一聲 01/23 12:15
GoalBased20樓垃圾丟到地上 第一次看我們在學校教授發飆 01/23 12:15
GoalBased21樓*第一次看到教授在學校發飆 01/23 12:16
chchchuang22樓推好心 01/23 12:21
hobnob23樓這個主題不是學術研究,所以產不出論文,當然就拿不到補助 01/23 14:38
hobnob24樓,只可以當做好事但不能畢業 01/23 14:38
adsl1236725樓教授當然不給過啊 01/23 14:47
lovdkkkk26樓建議可以直接用 Github 提供完整檔案,下載或復制內容另 01/23 14:52
lovdkkkk27樓存再用瀏覽器打開等等,真的嬰兒看 jsfiddle 也是不清楚 01/23 14:53
Apache28樓師大資教所 01/23 16:28
andrew022029樓推好心 01/23 17:01
NTUTM0430樓推有心 01/23 18:21