大家好,小弟最近在教朋友 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个月左右)
作者:
DrTech (竹科管理处网军研发人员)
2023-01-23 10:19:00真的完全不懂的新手,连你教材上的 HTML onclick要怎么跑起来,都做不到好吗。建议站在使用者的角度写教材。JS,HTML,与浏览器的关系要先讲,不然根本是背步骤做事而已。
作者:
Hsins (翔)
2023-01-23 10:53:00帮推 :) 人家就说了试着用做小专案方式呈现,而不是传统方式的教材,不用嫌弃成这样吧,有点类似 Wes Bos 那个 JavaScript 30 的简易版本
作者: mercurycgt68 (发芽的吉它手) 2023-01-23 11:04:00
推
作者:
TheArrow (TheArrow)
2023-01-23 11:22:00推好心~
作者:
makeout (美考特)
2023-01-23 11:32:00推好心,原PO的动机很好,愿意尝试并提供新手入门,楼上的说明也是合理,但如果能用建议的口气更好,没看过影片,但觉得原PO用不同角度切入不错
作者:
holebro (穴弟弟)
2023-01-23 11:39:00我也很好奇有经验工程师跟完全菜鸟的gap之间对教材设计的影响 但不知道资工所硕论做这个教授给不给过
作者: javy0521 2023-01-23 11:54:00
推
作者:
GoalBased (Artificail Intelligence)
2023-01-23 12:15:0016楼 我听过有人报告给教授类似的东西 被教授说了一声垃圾丢到地上 第一次看我们在学校教授发飙*第一次看到教授在学校发飙
作者: chchchuang 2023-01-23 12:21:00
推好心
作者: hobnob (hobnob) 2023-01-23 14:38:00
这个主题不是学术研究,所以产不出论文,当然就拿不到补助,只可以当做好事但不能毕业
作者: adsl12367 (adsl12367) 2023-01-23 14:47:00
教授当然不给过啊
建议可以直接用 Github 提供完整档案,下载或复制内容另存再用浏览器打开等等,真的婴儿看 jsfiddle 也是不清楚
作者:
Apache (阿帕契)
2023-01-23 16:28:00师大资教所
作者: andrew0220 (DrewWai0220) 2023-01-23 17:01:00
推好心
作者:
NTUTM04 (TM终号机)
2023-01-23 18:21:00推有心
作者:
MoonCode (MoonCode)
2023-01-23 19:20:00赞 比出张嘴的强不知道多少了
作者:
smdf (我依然相信)
2023-01-23 19:39:00推好心
作者:
Csongs (西歌)
2023-01-23 20:19:001f竟然还有耐心看完
作者: t510599 (石头) 2023-01-23 20:21:00
推
我有稍微看一下,第一个课程就在教function概念及撰写,完全不认为没写过程式的人就看得懂,如果是给完全没写过javascript的程式设计师学习,那就很适合
作者:
yuinami (yuinami)
2023-01-23 22:14:00好心推
作者:
async (异步)
2023-01-23 23:13:00市面上已经有很多本基础入门的书,已经是校阅过的,直接买来看应该比较完整
作者: tkd09152129 (tkd09152129) 2023-01-24 01:18:00
推
作者: OkamiIII (齐柏林公爵一生推) 2023-01-24 01:30:00
推推
作者: s06yji3 (阿南) 2023-01-24 01:37:00
1F的回馈有道理
我也觉得直接看W3C school会比较好不过对初学者是引起兴趣比较重要
作者:
hduek153 (专业打酱油)
2023-01-24 05:47:00这种中间的就是 太菜的看不懂 不够菜的不一定看
作者:
gtjs45 (JK)
2023-01-24 12:08:00虽然很基本 但有分享有推
作者:
mohai (墨海)
2023-01-24 16:19:00回楼上,资讯教育这个主题也是学术研究,如果你的教授是软件工程领域的,或是师范大学软件相关系所才会有兴趣做类似的题目如果真的要做类似研究要找到对教授跟学校,我身边就一堆硕士用资讯教育相关的题目毕业,眼界不要这么狭隘。
作者:
peter98 (新兵)
2023-01-24 20:37:00确实 这是新手教学 上面在那边扯UX的真的很会干脆说教C的一开始教printf("Hello World");的很废算了反正debug都马是printf("123");
作者:
menesn (迷思)
2023-01-24 22:37:00我想学async,要怎么确保可以从DB读到内容再作下一件事nodejs function在module里面没办法用await,很苦恼
作者:
shter (飞梭之影)
2023-01-24 23:01:00为何 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, 只要会开连结, 复制贴上或另存
作者: kenkio (巷弄九号) 2023-01-25 00:14:00
超赞的 如果我一开始学的时候就读这套就不会学得那么辛苦了!
作者:
menesn (迷思)
2023-01-25 08:17:00shter感谢大大
作者:
mathrew (Joey)
2023-01-25 14:26:00推分享,有这种热情很赞
作者: ku399999 2023-01-25 22:21:00
觉得人家有可改进做不好的地方也不用讲话这么gy吧
作者:
hanksky (鲁蛇一枚)
2023-01-26 06:58:00我有其他语言经验,最近在学js,已经看过基础书籍,这篇内容刚好符合我的需求,谢谢分享,感觉如果完全没语言经验可能还要自己再多学基础,才比较适合
作者:
rkl (拉鲁夫--叫我大叔)
2023-01-26 13:24:00推
从DOM开始很OK,不过接javascript新手应该看不懂
作者:
pacino (carry me)
2023-01-26 20:45:00某Dr到处呛人,人家捐钱却嫌人捐太少?自己捐多少?
作者:
i78524 (Shulei)
2023-01-27 14:28:00推热情 赞赞
作者:
paly (口合)
2023-01-28 18:47:00支持
作者: a82611141 2023-01-29 14:06:00
推用心
作者: upasaka (upasaka) 2023-01-30 02:57:00
不用看视频W3 school教村狂做三篇必有所得,看不懂英文说明装 chrome外挂“侧边翻译”,看不懂句子段落翻一下。
作者:
sx4152 (呵呵)
2023-01-30 13:27:00帮推
作者:
loadingN (sarsaparilla)
2023-01-30 14:06:00我就好奇 所以有新手看了这个有兴趣吗?
作者:
sx4152 (呵呵)
2023-01-30 16:11:00我是觉得新手连第一个教学都无法做出来
作者:
overhead (overhead)
2023-01-31 01:14:00一楼只是语气不够客气,但评语很紥实
作者: victor999 (欲盛) 2023-01-31 09:28:00
推
作者: zonppp (冷凉卡好) 2023-01-31 13:56:00
真的"超"新手应该没办法理解这份教材吧
作者:
sjr500 (万年浅水号)
2023-01-31 21:28:00推用心
作者:
DSB520 (Yankees and Sox)
2023-01-31 22:12:00一楼语气不好但讲的没错教材看得懂的用不太到 看不懂的还是看不懂感觉教材族群偏窄 但真的谢谢热心
作者: ZincAllure (香肠人) 2023-02-02 11:24:00
确实是给JS新手 而不是程式新手吧 第一堂课就提到HTML/CSS 新手不可能懂吧
作者:
johnny94 (32767)
2023-02-03 21:03:00纯嘘一楼,干什么东西
作者: dyjo4949 (爌肉王朝) 2023-02-03 22:31:00
推 用心~
作者: chien2013 2023-02-05 01:13:00
推好心
作者:
lokuyan (哭阿)
2023-02-07 22:17:00好
作者:
ch1rmon (tiger)
2023-02-10 07:18:00一楼就标准只会嘴炮主管性格,自己跳下来什么都不会做
作者:
newwer (在下必须回到家乡)
2023-02-10 22:41:00推