大家好，小弟最近在教朋友 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，与浏览器的关系要先讲，不然根本是背步骤做事而已。

帮推 :) 人家就说了试着用做小专案方式呈现，而不是传统方式的教材，不用嫌弃成这样吧，有点类似 Wes Bos 那个 JavaScript 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 能用 awaitmodule.exports 的 function 用 async 内部就能 awaitrequire async function 如果不用 await 接就当 promise 用

推

一楼标准嘴砲脑XDDD 你说新手看不懂就看不懂喔这边的人怎么都只会出一张嘴 人家编排有它的风格啊啊不然要别人怎么学　看MDN？还是又是那一套旧的教学？旧的教学那么了不起那么好 那就不用来看这个教材就好说要丢github更好笑 新手最好是搞得懂github怎么用真的是要怎么嫌 什么可悲智障理由都有欸 笑死

不放 github 提供档案下载连结直接下载也可以重点不是放 github, 是提供完整可执行的档案我是觉得直接档案拉进浏览器能跑会比较直白啦其实放 github 也一样可以给档案连结新手不用会用 github, 只要会开连结, 复制贴上或另存

超赞的 如果我一开始学的时候就读这套就不会学得那么辛苦了！

有热情推

推风气

shter感谢大大

推分享，有这种热情很赞

推

网页很完整，如果新手期看到这个会很感激

觉得人家有可改进做不好的地方也不用讲话这么gy吧

我有其他语言经验，最近在学js，已经看过基础书籍，这篇内容刚好符合我的需求，谢谢分享，感觉如果完全没语言经验可能还要自己再多学基础，才比较适合

推推推

推

从DOM开始很OK，不过接javascript新手应该看不懂

推好心

推

某Dr到处呛人，人家捐钱却嫌人捐太少？自己捐多少？

推分享

推分享

感谢分享

推热情 赞赞

赞

推推 一楼大概人生很不如意吧可怜R

支持

推用心

推

不用看视频W3 school教村狂做三篇必有所得，看不懂英文说明装 chrome外挂“侧边翻译”，看不懂句子段落翻一下。

帮推

我就好奇 所以有新手看了这个有兴趣吗？

我是觉得新手连第一个教学都无法做出来

一楼只是语气不够客气，但评语很紥实

推

推

真的"超"新手应该没办法理解这份教材吧

推用心

一楼语气不好但讲的没错教材看得懂的用不太到 看不懂的还是看不懂感觉教材族群偏窄 但真的谢谢热心

推好心

推

确实是给JS新手 而不是程式新手吧 第一堂课就提到HTML/CSS 新手不可能懂吧

纯嘘一楼，干什么东西

推 用心～

推好心

推好心

好

一楼就标准只会嘴炮主管性格，自己跳下来什么都不会做

推