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

看板Soft_Job作者 (阿川)時間1年前 (2023/01/23 10:16), 編輯推噓70(71156)
留言128則, 80人參與, 1年前最新討論串1/2 (看更多)
大家好,小弟最近在教朋友 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

01/23 10:19, 1年前 , 1F
真的完全不懂的新手,連你教材上的 HTML onclick要怎麼跑
01/23 10:19, 1F

01/23 10:19, 1年前 , 2F
起來,都做不到好嗎。建議站在使用者的角度寫教材。
01/23 10:19, 2F

01/23 10:22, 1年前 , 3F
JS,HTML,與瀏覽器的關係要先講,不然根本是背步驟做事而
01/23 10:22, 3F

01/23 10:22, 1年前 , 4F
已。
01/23 10:22, 4F

01/23 10:31, 1年前 , 5F
作業更好笑:不想把商品報價、聯絡方式直接顯示在畫面上。
01/23 10:31, 5F

01/23 10:31, 1年前 , 6F
違反正常UX的做法。沒事增加一個按鈕步驟來湊作業題。明明
01/23 10:31, 6F

01/23 10:31, 1年前 , 7F
有更好的例子onclick可以用在哪裡。
01/23 10:31, 7F

01/23 10:53, 1年前 , 8F
幫推 :) 人家就說了試著用做小專案方式呈現,而不是傳統方
01/23 10:53, 8F

01/23 10:53, 1年前 , 9F
式的教材,不用嫌棄成這樣吧,有點類似 Wes Bos 那個 JavaS
01/23 10:53, 9F

01/23 10:53, 1年前 , 10F
cript 30 的簡易版本
01/23 10:53, 10F

01/23 11:04, 1年前 , 11F
01/23 11:04, 11F

01/23 11:22, 1年前 , 12F
推好心~
01/23 11:22, 12F

01/23 11:32, 1年前 , 13F
推好心,原PO的動機很好,願意嘗試並提供新手入門,樓上
01/23 11:32, 13F

01/23 11:32, 1年前 , 14F
的說明也是合理,但如果能用建議的口氣更好,沒看過影片
01/23 11:32, 14F

01/23 11:32, 1年前 , 15F
,但覺得原PO用不同角度切入不錯
01/23 11:32, 15F

01/23 11:39, 1年前 , 16F
我也很好奇有經驗工程師跟完全菜鳥的gap之間對教材設計
01/23 11:39, 16F

01/23 11:39, 1年前 , 17F
的影響 但不知道資工所碩論做這個教授給不給過
01/23 11:39, 17F

01/23 11:54, 1年前 , 18F
01/23 11:54, 18F

01/23 12:15, 1年前 , 19F
16樓 我聽過有人報告給教授類似的東西 被教授說了一聲
01/23 12:15, 19F

01/23 12:15, 1年前 , 20F
垃圾丟到地上 第一次看我們在學校教授發飆
01/23 12:15, 20F

01/23 12:16, 1年前 , 21F
*第一次看到教授在學校發飆
01/23 12:16, 21F

01/23 12:21, 1年前 , 22F
推好心
01/23 12:21, 22F

01/23 14:38, 1年前 , 23F
這個主題不是學術研究,所以產不出論文,當然就拿不到補助
01/23 14:38, 23F

01/23 14:38, 1年前 , 24F
,只可以當做好事但不能畢業
01/23 14:38, 24F

01/23 14:47, 1年前 , 25F
教授當然不給過啊
01/23 14:47, 25F

01/23 14:52, 1年前 , 26F
建議可以直接用 Github 提供完整檔案,下載或復制內容另
01/23 14:52, 26F

01/23 14:53, 1年前 , 27F
存再用瀏覽器打開等等,真的嬰兒看 jsfiddle 也是不清楚
01/23 14:53, 27F

01/23 16:28, 1年前 , 28F
師大資教所
01/23 16:28, 28F

01/23 17:01, 1年前 , 29F
推好心
01/23 17:01, 29F

01/23 18:21, 1年前 , 30F
推有心
01/23 18:21, 30F

01/23 19:10, 1年前 , 31F
推好心
01/23 19:10, 31F

01/23 19:20, 1年前 , 32F
讚 比出張嘴的強不知道多少了
01/23 19:20, 32F

01/23 19:39, 1年前 , 33F
推好心
01/23 19:39, 33F

01/23 19:50, 1年前 , 34F
免費的還嫌喔,心胸狹窄欸
01/23 19:50, 34F

01/23 20:19, 1年前 , 35F
1f竟然還有耐心看完
01/23 20:19, 35F

01/23 20:21, 1年前 , 36F
01/23 20:21, 36F

01/23 22:06, 1年前 , 37F
我有稍微看一下,第一個課程就在教function概念及撰
01/23 22:06, 37F

01/23 22:06, 1年前 , 38F
寫,完全不認為沒寫過程式的人就看得懂,如果是給完
01/23 22:06, 38F

01/23 22:07, 1年前 , 39F
全沒寫過javascript的程式設計師學習,那就很適合
01/23 22:07, 39F
還有 49 則推文
01/25 22:21, 1年前 , 89F
覺得人家有可改進做不好的地方也不用講話這麼gy吧
01/25 22:21, 89F

01/26 06:58, 1年前 , 90F
我有其他語言經驗,最近在學js,已經看過基礎書籍,這篇
01/26 06:58, 90F

01/26 06:58, 1年前 , 91F
內容剛好符合我的需求,謝謝分享,感覺如果完全沒語言經
01/26 06:58, 91F

01/26 06:58, 1年前 , 92F
驗可能還要自己再多學基礎,才比較適合
01/26 06:58, 92F

01/26 12:57, 1年前 , 93F
推推推
01/26 12:57, 93F

01/26 13:24, 1年前 , 94F
01/26 13:24, 94F

01/26 15:52, 1年前 , 95F
從DOM開始很OK,不過接javascript新手應該看不懂
01/26 15:52, 95F

01/26 19:02, 1年前 , 96F
推好心
01/26 19:02, 96F

01/26 20:14, 1年前 , 97F
01/26 20:14, 97F

01/26 20:45, 1年前 , 98F
某Dr到處嗆人,人家捐錢卻嫌人捐太少?自己捐多少?
01/26 20:45, 98F

01/27 12:10, 1年前 , 99F
推分享
01/27 12:10, 99F

01/27 12:14, 1年前 , 100F
推分享
01/27 12:14, 100F

01/27 13:26, 1年前 , 101F
感謝分享
01/27 13:26, 101F

01/27 14:28, 1年前 , 102F
推熱情 讚讚
01/27 14:28, 102F

01/27 15:07, 1年前 , 103F
01/27 15:07, 103F

01/28 17:08, 1年前 , 104F
推推 一樓大概人生很不如意吧可憐R
01/28 17:08, 104F

01/28 18:47, 1年前 , 105F
支持
01/28 18:47, 105F

01/29 14:06, 1年前 , 106F
推用心
01/29 14:06, 106F

01/29 22:48, 1年前 , 107F
01/29 22:48, 107F

01/30 02:57, 1年前 , 108F
不用看視頻W3 school教村狂做三篇必有所得,看不懂英文説
01/30 02:57, 108F

01/30 02:57, 1年前 , 109F
明裝 chrome外掛「側邊翻譯」,看不懂句子段落翻一下。
01/30 02:57, 109F

01/30 13:27, 1年前 , 110F
幫推
01/30 13:27, 110F

01/30 14:06, 1年前 , 111F
我就好奇 所以有新手看了這個有興趣嗎?
01/30 14:06, 111F

01/30 16:11, 1年前 , 112F
我是覺得新手連第一個教學都無法做出來
01/30 16:11, 112F

01/31 01:14, 1年前 , 113F
一樓只是語氣不夠客氣,但評語很紥實
01/31 01:14, 113F

01/31 09:28, 1年前 , 114F
01/31 09:28, 114F

01/31 11:57, 1年前 , 115F
01/31 11:57, 115F

01/31 13:56, 1年前 , 116F
真的"超"新手應該沒辦法理解這份教材吧
01/31 13:56, 116F

01/31 21:28, 1年前 , 117F
推用心
01/31 21:28, 117F

01/31 22:12, 1年前 , 118F
一樓語氣不好但講的沒錯
01/31 22:12, 118F

01/31 22:12, 1年前 , 119F
教材看得懂的用不太到 看不懂的還是看不懂
01/31 22:12, 119F

01/31 22:12, 1年前 , 120F
感覺教材族群偏窄 但真的謝謝熱心
01/31 22:12, 120F

02/01 00:29, 1年前 , 121F
推好心
02/01 00:29, 121F

02/01 17:51, 1年前 , 122F
02/01 17:51, 122F

02/02 11:24, 1年前 , 123F
確實是給JS新手 而不是程式新手吧 第一堂課就提到HTML
02/02 11:24, 123F

02/02 11:24, 1年前 , 124F
/CSS 新手不可能懂吧
02/02 11:24, 124F

02/03 21:03, 1年前 , 125F
純噓一樓,幹什麼東西
02/03 21:03, 125F

02/03 22:31, 1年前 , 126F
推 用心~
02/03 22:31, 126F

02/04 22:59, 1年前 , 127F
推好心
02/04 22:59, 127F

02/05 01:13, 1年前 , 128F
推好心
02/05 01:13, 128F
文章代碼(AID): #1ZpUtWha (Soft_Job)
文章代碼(AID): #1ZpUtWha (Soft_Job)