[分享] 我寫了一份超新手 JavaScript 入門教材
大家好,小弟最近在教朋友 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,與瀏覽器的關係要先講,不然根本是背步驟做事而
已。
作業更好笑:不想把商品報價、聯絡方式直接顯示在畫面上。
違反正常UX的做法。沒事增加一個按鈕步驟來湊作業題。明明
有更好的例子onclick可以用在哪裡。
幫推 :) 人家就說了試著用做小專案方式呈現,而不是傳統方
式的教材,不用嫌棄成這樣吧,有點類似 Wes Bos 那個 JavaS
cript 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 能用 await
module.exports 的 function 用 async 內部就能 await
require async function 如果不用 await 接就當 promise 用
推
一樓標準嘴砲腦XDDD 你說新手看不懂就看不懂喔
這邊的人怎麼都只會出一張嘴 人家編排有它的風格啊
啊不然要別人怎麼學 看MDN?還是又是那一套舊的教學?
舊的教學那麼了不起那麼好 那就不用來看這個教材就好
說要丟github更好笑 新手最好是搞得懂github怎麼用
真的是要怎麼嫌 什麼可悲智障理由都有欸 笑死
不放 github 提供檔案下載連結直接下載也可以
重點不是放 github, 是提供完整可執行的檔案
我是覺得直接檔案拉進瀏覽器能跑會比較直白啦
其實放 github 也一樣可以給檔案連結
新手不用會用 github, 只要會開連結, 複製貼上或另存
超讚的 如果我一開始學的時候就讀這套就不會學得那麼辛苦
了!
有熱情推
推風氣
shter感謝大大
推分享,有這種熱情很讚
推
網頁很完整,如果新手期看到這個會很感激
覺得人家有可改進做不好的地方也不用講話這麼gy吧
我有其他語言經驗,最近在學js,已經看過基礎書籍,這篇
內容剛好符合我的需求,謝謝分享,感覺如果完全沒語言經
驗可能還要自己再多學基礎,才比較適合
推推推
推
從DOM開始很OK,不過接javascript新手應該看不懂
推好心
推
某Dr到處嗆人,人家捐錢卻嫌人捐太少?自己捐多少?