為什麼這篇JavaScript 入門 PTT鄉民發文收入到精華區：因為在JavaScript 入門 PTT這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者poopoo888888 (阿川)看板Soft_Job標題[分享] 我寫了一份超新手 JavaS...
JavaScript 入門 PTT 在 Sonia Wu Instagram 的精選貼文
2021-05-27 22:24:24
//工程師筆記// #零基礎也可以輕鬆學程式 #一起創造斜槓人生第二專長 大家都知道，姐是個停不下來的工作狂 我討厭一成不變的人生 更無法接受自己的停滯不前😤 除了平常工程師的黑肝生活跟經營這裡外 一有空就愛學習新事物嘗試新挑戰💪🏻 但自從去年疫情爆發加上擁有小娜後,實在沒辦法自在的出門, 可是...
大家好，小弟最近在教朋友 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
→ DrTech: 真的完全不懂的新手，連你教材上的 HTML onclick要怎麼跑 01/23 10:19
→ DrTech: 起來，都做不到好嗎。建議站在使用者的角度寫教材。 01/23 10:19
→ DrTech: JS，HTML，與瀏覽器的關係要先講，不然根本是背步驟做事而 01/23 10:22
→ DrTech: 已。 01/23 10:22
→ DrTech: 作業更好笑：不想把商品報價、聯絡方式直接顯示在畫面上。 01/23 10:31
→ DrTech: 違反正常UX的做法。沒事增加一個按鈕步驟來湊作業題。明明 01/23 10:31
→ DrTech: 有更好的例子onclick可以用在哪裡。 01/23 10:31
推 Hsins: 幫推 :) 人家就說了試著用做小專案方式呈現，而不是傳統方 01/23 10:53
→ Hsins: 式的教材，不用嫌棄成這樣吧，有點類似 Wes Bos 那個 JavaS 01/23 10:53
→ Hsins: cript 30 的簡易版本 01/23 10:53
推 mercurycgt68: 推 01/23 11:04
→ TheArrow: 推好心~ 01/23 11:22
推 makeout: 推好心，原PO的動機很好，願意嘗試並提供新手入門，樓上 01/23 11:32
→ makeout: 的說明也是合理，但如果能用建議的口氣更好，沒看過影片 01/23 11:32
→ makeout: ，但覺得原PO用不同角度切入不錯 01/23 11:32
推 holebro: 我也很好奇有經驗工程師跟完全菜鳥的gap之間對教材設計 01/23 11:39
→ holebro: 的影響 但不知道資工所碩論做這個教授給不給過 01/23 11:39
推 javy0521: 推 01/23 11:54
→ GoalBased: 16樓 我聽過有人報告給教授類似的東西 被教授說了一聲 01/23 12:15
→ GoalBased: 垃圾丟到地上 第一次看我們在學校教授發飆 01/23 12:15
→ GoalBased: *第一次看到教授在學校發飆 01/23 12:16
推 chchchuang: 推好心 01/23 12:21
推 hobnob: 這個主題不是學術研究，所以產不出論文，當然就拿不到補助 01/23 14:38
→ hobnob: ，只可以當做好事但不能畢業 01/23 14:38
→ adsl12367: 教授當然不給過啊 01/23 14:47
推 lovdkkkk: 建議可以直接用 Github 提供完整檔案，下載或復制內容另 01/23 14:52
→ lovdkkkk: 存再用瀏覽器打開等等，真的嬰兒看 jsfiddle 也是不清楚 01/23 14:53
推 Apache: 師大資教所 01/23 16:28
推 andrew0220: 推好心 01/23 17:01
推 NTUTM04: 推有心 01/23 18:21
推 canis831025: 推好心 01/23 19:10
推 MoonCode: 讚 比出張嘴的強不知道多少了 01/23 19:20
推 smdf: 推好心 01/23 19:39
→ new122851: 免費的還嫌喔，心胸狹窄欸 01/23 19:50
推 Csongs: 1f竟然還有耐心看完 01/23 20:19
推 t510599: 推 01/23 20:21
→ eva19452002: 我有稍微看一下，第一個課程就在教function概念及撰 01/23 22:06
→ eva19452002: 寫，完全不認為沒寫過程式的人就看得懂，如果是給完 01/23 22:06
→ eva19452002: 全沒寫過javascript的程式設計師學習，那就很適合 01/23 22:07
推 yuinami: 好心推 01/23 22:14
→ async: 市面上已經有很多本基礎入門的書，已經是校閱過的，直接買 01/23 23:13
→ async: 來看應該比較完整 01/23 23:13
推 tkd09152129: 推 01/24 01:18
推 OkamiIII: 推推 01/24 01:30
推 s06yji3: 1F的回饋有道理 01/24 01:37
推 vi000246: 我也覺得直接看W3C school會比較好 01/24 02:03
→ vi000246: 不過對初學者是引起興趣比較重要 01/24 02:04
推 jay123peter: 推 01/24 05:44
→ hduek153: 這種中間的就是 太菜的看不懂 不夠菜的不一定看 01/24 05:47
推 analyze0: 推 01/24 09:21
推 gtjs45: 雖然很基本 但有分享有推 01/24 12:08
→ gtr22101361: 分享知識給推 01/24 12:16
推 silenthillwu: 感恩，好心 01/24 13:43
推 mohai: 回樓上，資訊教育這個主題也是學術研究，如果你的教授是軟 01/24 16:19
→ mohai: 體工程領域的，或是師範大學軟體相關系所才會有興趣做類似 01/24 16:19
→ mohai: 的題目 01/24 16:19
推 mohai: 如果真的要做類似研究要找到對教授跟學校，我身邊就一堆碩 01/24 16:22
→ mohai: 士用資訊教育相關的題目畢業，眼界不要這麼狹隘。 01/24 16:22
推 stygian2357: 推熱情 01/24 18:50
→ peter98: 確實 這是新手教學 上面在那邊扯UX的真的很會 01/24 20:37
→ peter98: 乾脆說教C的一開始教printf("Hello World");的很廢算了 01/24 20:38
→ peter98: 反正debug都馬是printf("123"); 01/24 20:38
推 menesn: 我想學async，要怎麼確保可以從DB讀到內容再作下一件事 01/24 22:37
→ menesn: nodejs function在module裡面沒辦法用await，很苦惱 01/24 22:37
推 shter: 為何 module 裡面不能用 async await ? 01/24 23:01
→ shter: Node.js 8 之後就原生支援 async function 能用 await 01/24 23:02
推 shter: module.exports 的 function 用 async 內部就能 await 01/24 23:04
→ shter: require async function 如果不用 await 接就當 promise 用 01/24 23:07
推 kenny61410: 推 01/24 23:14
推 secretfly: 一樓標準嘴砲腦XDDD 你說新手看不懂就看不懂喔 01/24 23:28
→ secretfly: 這邊的人怎麼都只會出一張嘴 人家編排有它的風格啊 01/24 23:29
→ secretfly: 啊不然要別人怎麼學 看MDN？還是又是那一套舊的教學？ 01/24 23:30
→ secretfly: 舊的教學那麼了不起那麼好 那就不用來看這個教材就好 01/24 23:30
→ secretfly: 說要丟github更好笑 新手最好是搞得懂github怎麼用 01/24 23:32
→ secretfly: 真的是要怎麼嫌 什麼可悲智障理由都有欸 笑死 01/24 23:32
推 lovdkkkk: 不放 github 提供檔案下載連結直接下載也可以 01/25 00:02
→ lovdkkkk: 重點不是放 github, 是提供完整可執行的檔案 01/25 00:03
→ lovdkkkk: 我是覺得直接檔案拉進瀏覽器能跑會比較直白啦 01/25 00:04
→ lovdkkkk: 其實放 github 也一樣可以給檔案連結 01/25 00:05
→ lovdkkkk: 新手不用會用 github, 只要會開連結, 複製貼上或另存 01/25 00:06
推 kenkio: 超讚的 如果我一開始學的時候就讀這套就不會學得那麼辛苦 01/25 00:14
→ kenkio: 了！ 01/25 00:14
推 jason8607: 有熱情推 01/25 00:18
推 geraldliu98: 推風氣 01/25 00:44
推 menesn: shter感謝大大 01/25 08:17
推 mathrew: 推分享，有這種熱情很讚 01/25 14:26
推 shaly0815: 推 01/25 19:36
推 kuochuwon: 網頁很完整，如果新手期看到這個會很感激 01/25 21:56
推 ku399999: 覺得人家有可改進做不好的地方也不用講話這麼gy吧 01/25 22:21
推 hanksky: 我有其他語言經驗，最近在學js，已經看過基礎書籍，這篇 01/26 06:58
→ hanksky: 內容剛好符合我的需求，謝謝分享，感覺如果完全沒語言經 01/26 06:58
→ hanksky: 驗可能還要自己再多學基礎，才比較適合 01/26 06:58
推 dingdingcho: 推推推 01/26 12:57
推 rkl: 推 01/26 13:24
→ lazarus1121: 從DOM開始很OK，不過接javascript新手應該看不懂 01/26 15:52
推 demon990280: 推好心 01/26 19:02
推 zxcchiou: 推 01/26 20:14
推 pacino: 某Dr到處嗆人，人家捐錢卻嫌人捐太少？自己捐多少？ 01/26 20:45
推 hsiliang: 推分享 01/27 12:10
推 anselhsuen: 推分享 01/27 12:14
推 mcps5601: 感謝分享 01/27 13:26
推 i78524: 推熱情 讚讚 01/27 14:28
推 LenaPark: 讚 01/27 15:07
推 CarpeDiemAL: 推推 一樓大概人生很不如意吧可憐R 01/28 17:08
推 paly: 支持 01/28 18:47
推 a82611141: 推用心 01/29 14:06
推 michael4210: 推 01/29 22:48
推 upasaka: 不用看視頻W3 school教村狂做三篇必有所得，看不懂英文説 01/30 02:57
→ upasaka: 明裝 chrome外掛「側邊翻譯」，看不懂句子段落翻一下。 01/30 02:57
推 sx4152: 幫推 01/30 13:27
→ loadingN: 我就好奇 所以有新手看了這個有興趣嗎？ 01/30 14:06
→ sx4152: 我是覺得新手連第一個教學都無法做出來 01/30 16:11
推 overhead: 一樓只是語氣不夠客氣，但評語很紥實 01/31 01:14
推 victor999: 推 01/31 09:28
推 jackal998: 推 01/31 11:57
推 zonppp: 真的"超"新手應該沒辦法理解這份教材吧 01/31 13:56
推 sjr500: 推用心 01/31 21:28
推 DSB520: 一樓語氣不好但講的沒錯 01/31 22:12
→ DSB520: 教材看得懂的用不太到 看不懂的還是看不懂 01/31 22:12
→ DSB520: 感覺教材族群偏窄 但真的謝謝熱心 01/31 22:12
推 vi86199764: 推好心 02/01 00:29
推 t7552175: 推 02/01 17:51
推 ZincAllure: 確實是給JS新手 而不是程式新手吧 第一堂課就提到HTML 02/02 11:24
→ ZincAllure: /CSS 新手不可能懂吧 02/02 11:24
噓 johnny94: 純噓一樓，幹什麼東西 02/03 21:03
推 dyjo4949: 推 用心～ 02/03 22:31
推 tenpoinyuki: 推好心 02/04 22:59
推 chien2013: 推好心 02/05 01:13
推 lokuyan: 好 02/07 22:17
→ ch1rmon: 一樓就標準只會嘴炮主管性格，自己跳下來什麼都不會做 02/10 07:18
推 newwer: 推 02/10 22:41
推 virdust2003: 推 03/15 08:04