为了账号安全,请及时绑定邮箱和手机立即绑定

实战课程学后感 | Koa2框架从0开始构建预告片网站

    首先附上实战课程详情地址:《Koa2框架从0开始构建预告片网站》

    慕课平台上Node的入门课程几乎被 Scott 揽包,不管是实战课程还是免费课程。这意味着——如果你在慕课网上学,并且学习Node.js,Scott讲师你一定不会陌生。他的讲课风格幽默风趣,新颖独特,偶尔会穿插段子,显得那么不正经却又接地气。早在2014年,Scott讲师就推出免费课程,已然是一位元老人物和公司伙伴。大家有兴趣的可以看看早期课程,那时候的模板引擎Jade不叫 pug, Node.js版本以0.x.x打头、用的是 Commonjs 规范,ES6还是草案,要兼容过气的IE,3大框架没那么火热,MVV*的理念还未普及,前端也没那么热闹。现在的前端从需求分析、技术选型、本地开发、测试、上线、维护都已经和 Node 息息相关,从 14 年会使用 Node 是加分项,到现在前端熟悉 Node 已经是对实习生的基本要求,2018年不使用 Node 的前端已经 out 了!

    知识如汪洋大海,需要不断的汲取。技术永无止步,需要勤奋好学。书读完有读后感,电影看完有观后感,今天我也来个课程学后感。

    俗话说的好,前人栽树,后人乘凉。我初次接触Node是在17年初,也是跟着 Scott 老师入门的。毕竟这些技术都是利用课余时间自学的,而且个人也独钟慕课网这个IT在线教育网站。带着好奇心和基础的JS知识便栽了进去——不学不知道,一学吓一跳。尽是坑!没有项目经验及零工作经验的自己,初学下来只是走马观花。API没记住几个,只会在命令行中开个3000端口的本地服务器。后续因没有系统的资料、成体系的学,导致对Node.js产生了好难学得心理阴影。俨然,这就不是一个好的开始。之后的学习中,零零散散,也只停留在 npm 安装依赖包的'境界'。

https://img1.sycdn.imooc.com//5afd6cb20001d0e613400276.jpg

    直到 2018-01-25 推出这门实战课,看了导学视频与章节信息,结合自身水平及技术栈,暗下决心准备入手。隔1个多月后,自己正式加入这个大家庭(可惜这个大家庭有些冷清,咱稍后再提)。期间自己利用Node及各种插件搭建静态资源服务器、爬取网站的数据以此巩固基础API,对Node.js又有了新的认识与理解。起初我的期望值蛮高,既然是从0开始手把手教,那我何愁学不会,有些实战项目经验,晓得常见的浏览器通信协议,勤查官方文档,多敲多问应该可以短时间内拿下。可惜,我又想的太天真了。

    这门课程直到今天才算收尾。利用业余时间断断续续将流程走通了一遍。回想一下,拿四个字形容——’满目苍夷‘。

    在开发的过程中,可谓是五谷杂陈。时而困惑时而顿悟,时而迷茫时而清晰,时而焦躁时而冷静。会遇到前所未有的出错、各种莫名其妙的Bug。

    我再介绍下用到的技术栈 —— Node(koa) + MongoDB(mongoose) + Puppeteer+ React(AntDesign) + Pracel(babel)。我现在都觉得Unimaginable,这其中的哪一个我敢说自己用的熟练,没,都手生。但能一节一节跟下来,并看到效果,真不容易,也是Scott老师独家推出的奖励机制在鞭策着自己。也借此手记,记录抒发下学习过程中点滴。

首先,讲下课程整体感受——大全却不精 高深却不透彻

  •  按常理来讲,前几章是最最基础的,都能听的懂的,篇幅短,代码少。可Scott老师第三章讲起了koa2源码,您老体恤下菜鸟的心情吧,当是真是大写的懵。默默安慰自己:“万事开头难,坚持住,后边的风景很美丽!”https://img1.sycdn.imooc.com//5afd79030001fb7204000400.jpg


  • 想必大多数学员会深有同感。在沟通中,慕课的管理员说:‘Scott他设计课程时是好意,总想把高深的东西加到课程中,但好心办坏事,一门课程讲得太多,注定讲不清,而且同其他讲师相比,授课技巧上有待完善‘。让我们期待下一门实战课程更受新老学员的欢迎与追捧。

其次,吐槽下问答讨论与学习氛围

  • 问答区答复不够及时,有时需要等到2-3天才有回复(Scott老师工作忙可以理解)。这段空白区,总不能坐以待毙,只好自己想办法解决,回想起来都有些无助,挣扎着不甘心。

  • 现在课程人数400多人,群内人数130多人,而且老师不在群里(我也买了10余门实战课程,唯独Scott老师不在群里),群内比较冷清,很少消息达到99+,气氛不够活跃,抛出问题如同石沉大海。

然后,分享下学习方法与收获

  • 业务层代码 —— 需要知识的累积与大量动手实战。源码前后端是放在一起进行开发的,所以目录层次显得很多。从 利用爬虫拉取豆瓣电影数据 到 mongoose建立数据模型导入数据库 再到 用装饰器为网站增加路由与控制器层对外提供 API 服务 这算打通了后端。然后 利用AntDesign编写前端页面  实现数据渲染 点击播放 详情跳转功能实现 再到 Parcel打包编译 这算完成了前端。剩下的就是服务器部署反向代理

  • 工程架构 —— 视频中,每个模块、每个功能函数的设计编写,以及对错误进行排查与调试,当我走通一遍后,不得不佩服Scott老师是位大神。那行云流水般的操作,叹为观止。何时自己也能如慕课讲师们那样厉害?!路漫漫其修远兮,吾将上下而求索。

  • 不能钻牛角尖 —— 遇到Bug、暂时解决不了的问题,你要是越慌张头脑越无法冷静,心情烦躁肾上腺素还会激增,耗时耗力,却毫无半点进展。这时候适当的‘搁置’不失一种好调剂。睡一觉起来第二天接着做,指不定灵感就迸发出来。

  • 不是个’专业‘的技术员 —— 自己拥有着很好的兴趣涉猎更广的技术与编程语言,却很少参与博客、论坛、社区,性格使然,总是’潜水‘的那一位。希望在日后工作中可以在人际上活泛起来。

  • 学以致用 —— 过目不忘的本领没有,那就勤复习,多总结,套用在实际的开发中,灵活变通。敲代码是体力活也是脑力活,要手,眼,耳,脑并用,才不算一个‘码农’。遇到问题要不慌不忙,学会利用周围现有的资源去搜寻答案,可以找百度、思否;可以问前辈同事。三人行,必有我师焉。

最后,展示下学习成果与建议

https://img1.sycdn.imooc.com//5afd727e0001a0a919201030.jpg

                              ————————————————————————————————————————

https://img1.sycdn.imooc.com//5afd72860001cd4f19201030.jpg

————————

2018/5/21 21:54

    线上地址可正常访问。在Scott老师的耐心帮助下,全站最后一公里-部署上线已走完。再次由衷地表示感谢!

    结束意味着开始,从此迈向新的挑战。反反复复地吸收老师们的良苦用心,温故而知新,侧重点会不同。随着年龄的增长与经验的积累能够站在宏观的角度审视这个项目,比较容易地跟上老师的节奏,遇到错误也能轻松应对,同时可以将自己收获的经验与技术帮助到更多的学员,灵活应用在别的项目中,为后续的学习与知识体系奠定良好的基础。

    才疏学浅,写不出什么内涵高质量的技术文摘,也深挖不了某个技术点。请各位慕友见谅。最后的最后,祝大家学习愉快,心想事成。


点击查看更多内容
17人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消