[笔记] 网页切版直播班 2020 春季班 – 课后心得

章节连结

六角学院的网页切版直播班的两个月密集课程,在每周五的晚上下班后,就是找个网络稳定的地方,看着萤幕上的示范以及聊天室的即时回馈,来测试自己对于课程内容的了解程度。对于我这种刚入前端开发世界的新手来说,初期的两堂课程可以视为对过往学习经验的再度复习,同时厘清一些在脑海中模糊不清的概念。第三周之后的课程难度会越发加倍,但六角学院所给的资源和后勤范例支援相当充沛,真的是不怕没资源,只怕你吸收不够快、做不完。
notes-slicing-live-broadcast-2020-hex-school-experience portrait

当初为什么报名这堂课?

看上六角学院在脸书的广告文字,主打:
1. 已经工作一段时间,但一直觉得切版速度没有进步的前端工程师
2. 提供 #8份UI设计稿商业授权,不会公开释出
3. 专属 Slack 助教支援频道
4. 授课期间无次数限制检查程式码
因为有打中我的痛点,所以就报名了。现在看来,算是非常值得的一段旅程。


资源列表

交流平台

Slack

在你报名注册成功后,你会获得进入专属 Slack 的平台讨论空间。你可以在这个平台上向老师、助教甚至是同学来发问。不用担心你的问题太过简单,因为你在学习的路上会遇到的瓶颈,他人也是有机会遇到的。唯有发问,才能减少自己摸索的时间。
notes-slicing-live-broadcast-2020-hex-school-experience slack chatroom

HackMD

上课的课前讲义、补充连结、资源列表……等等你所需要的一切资源,你都可以在这一份共同文件里找到。

HexSchool

每周课堂的影片档案,会放在这边,你会拥有一年的观看期限。


课程本身

每周上课是采用当前火红的直播模式,如果你有看过一些 Youtube、实况主直播节目的话,对于这样的模式应该不陌生。例如说:
[直播发问]
觉得会靠左排列 +1;靠右排列 +2?

[聊天室内]
+1, +1, 2, 1, 2,…… 等等刷屏
只差不能自由 Donate 、送礼物或是超级留言了。当然,你在上课的过程内心有突然冒出疑问,也是可以立刻提出的。


以下是我觉得是每周课程中,最为实用的几段

第三周 – 伸缩自如的 RWD 排版术

六角给的版型毫不客气,一口气让课后作业时间加长许多,但也同时让你对于 Bootstrap 框架、Flex 和 Grid 的排版概念不再畏惧,能在实务上制作出来。
notes-slicing-live-broadcast-2020-hex-school-experience demo

第六周 – 网页规范设计流程

这一周讲述如何在实务上在管理多网页时,如何客制化自己的 CSS、优化命名,以及利用 Gulp 套件来模组化管理、编译自己的档案。对于有用过 Node.js 经验的使用者来说,这段上手会比较轻松。若你是完全没经验的也没关系,补充教材可以让你体验到模组化的方便,也方便实际工作时和后端工程师协作。

分组制度

课程开始前,老师和助教们会依照大家的学习目的,把背景类似的人们组成一个小组。在遇上切版困难的时候,可以彼此互相激励和发问。同时,组内彼此之间的工作经验分享、建立线上人脉,也算是意料之外的收获。
notes-slicing-live-broadcast-2020-hex-school-experience result


即时回馈和奖励制度

前者多半是指在直播时的聊天室互动,这种方式已经被证实是挺有效的学习方式。为了激发你的破关欲望,六角设计了一只虚拟的魔王,唯有透过众人缴交作业之力,才能打倒它。
notes-slicing-live-broadcast-2020-hex-school-experience image当你完成指定课程数量后,会收到虚拟和实体的奖励。
notes-slicing-live-broadcast-2020-hex-school-experience image2
讲师们认真的看待你的程式码,并会提供日后的改进方向。对于已经在工作的人们来说,这种反馈最为实际,虽说有时会觉得有些沮丧,但你并不孤单。
notes-slicing-live-broadcast-2020-hex-school-experience feedback


我适合上这堂课嘛?

无论你是正在学习前端排版、对于前端有兴趣却不晓得该如何开始、已经接触前端工作一段时间,都很适合上这两个月(八次)的课程。每周释出的精华版型,可以看出六角背后的设计团队的用心,其复杂程度可以让纵使自诩有点程度的你,都会激起一发推导高墙的欲望。


 

切版结果

目前放置在个人的 Github Pages 上,欢迎大家前往观看。
网址:https://github.com/andy922200/HexSchool2020Spring


相关文章

按赞加入粉丝团

延伸阅读