除此之外,还有什麽吗?

这一天原本想贴一贴学员心得,所以完全没有准备什麽内容。
学员毕业心得,没有强制要每个离开的学员写。但是其实我的内心还是会默默期待着收到回馈
但是,後来发现学员心得贴一贴,有点犯规,所以还是取消这个做法
不过不这麽做,要怎麽写完这一篇呢?

我们来说说,这系列尚未提及「怎麽学 JS」...後来呢?

JS 起步

在 web camp 的安排,是写超级简单的大学生题目 + 单元测试 + code review。
透过这样的安排,除了可以熟悉其本语法之外,在熟悉这个的过程还有 code review 可以从思路开始引导学员如何写出好阅读的程序码。并且透过「可测试性」的自然限制之下,自然而然会帮程序码切分模组,达到逻辑和画面分离,好让逻辑可以单独测试。

Mentor 不碰学员的 code ?

在这个过程中,我很常碰学员的程序码,并且写出我认为比较好的写法给他们看。(ex: 可不可以不要写糙 code

「不是说要用引导的,学员才有经验值?都看 mentor 写,不就没有办法自己想吗?这样学员怎麽会成长?」

依我自己的经验。学员只会写糙 code。而且各式各样的创意,我想都想不到。
但是好的程序码的确差不多,没看过还真的想都想不到。

「让学员们看见并且相信,语意与语法的咬合是存在的,这样高品质的程序码不亲眼看一看,是无法想像它的存在」

好的工程师产值可以是一般工程师的十倍以上。我想以这样的概念比较看一看 mentor 写的程序码可以节省学员们摸索完之後,再写糙 code 之後养成坏习惯再看 clean code 改正所花的时间。然後结果是一样的。

希望可以在写程序的初期,就给予他们「只要花时间就可以变强」的一些东西。

前端技术的可能性

会让学员去上 JS30 这门课,它是免费,全英文听力的课程,没有字幕。

这门课带给你全新的视野,看见前端的各种可能性。有兴趣的人可以跟着做看看,给自己一个月的时间。(超适合铁人 30 的课程啦~)

我还是学员时,我也有做这门课。
而我做的方式也在此跟大家分享一下

  1. 把目标搞懂: 先听课程,今天要做的是什麽?
  2. 先动手作: 暂停课程,先自己做一次,看看有没有头绪?
  3. 站在巨人的肩膀上: 卡关,就先看老师做到卡关的地方,再暂停。
  4. 最後: 取得自己的经验,再看看老师怎麽做。

每一天都这样进行,并且把不懂的记下来,就成为了我的笔记了。
虽然我并没有把每一堂课都做到课堂老师希望的样子,但是我有了解每一堂课要教的重点,也做了自己喜欢的东西。

我是第一个提交繁体中文到 JS30 的 github 。

事件驱动 vs 资料驱动

  1. 原生 JS
  2. jQuery
  3. Vue(CDN)

用这三种技术来做 todo list 这个题目。
并且在其中体会什麽是事件驱动,什麽是资料驱动。

其中,原生 JS 要写单元测试。

前端框架

一路学习到这里,其实时间也差不多快半年了。
大多数的人,需要花更多的时间,才可以继续学习前端框架,而我认为在此才具备学习前端框架,而不会太过挫折。

我们选择学习的是 Vue,简单好上手。
其实,它也算是易学难精的一套框架,说难不难,说容易也不容易。
vue-cli, vue-router, vuex, axios 都会在这时候一起上,也是学习曲线到一个难以进步却又不得不进步的境地。

除此之外,还有什麽吗?

各式各样的读书会

我们有超多的技术型读书会进行中,初学会推荐看「Kuro 的 008 + 忍者 2」这样的搭配弥补了 EMCA-262 规范不易读的问题。

还有学员会选读 YDKJS 这也不错,但是作者有太多自己的主观意见,以及会提及他别本书的「看法」。所以我自己後来有点反推荐看这个。

Effective JavaScript, Chrome devtool 目前也都有人在进行读书会。
之前,还有进行过 vue a bit 关於 webpack 以及 vue 的 workshop 都顺利结束了。

我并不会参与每一个读书会,但是学员自主的发起与加入,让这个 camp 更加有机成长。

练功活动

各种练功活动,也会不时的出现,有时是後端发起的活动,也需要前端的角色,籍此也可以获得前後端合作的经验,也可以在这个过程了解专案进行的过程中,前端、中段以及後端各有需要注意的地方。这一点在参加完模拟案主之後,再接案会很有帮助。

不过练功活动是我最不喜欢的活动,因为它必须花费大量的时间陪学员们一周,好好的观察他们在专案中的细节与输出品质,还有专案进行的过程是否遇到困难,因为只有一周,所以需要聚精会神的观察每一个学员,实在很花心力。

同场加映: Web camp 的前端铁人们的 30 天

没有学员毕业心得,那我们来看铁人30吧!

Spec 系列

JavaScript 之旅 系列 - Titangene
每天来点 CSS Specification 系列 - RURU Tseng
从门外汉到前端新手 系列 - JinWen
重新认识 CSS 系列 - Titangene
前端新手村 系列 - Chris

前端框架

Déjà-vu ? 要 Vue 过才知道 系列 - tsuifei
每天来点 Vue.js 吧 系列 - RURU Tseng
与 React 交朋友的三十天学习之旅 系列 - Penghua
技术在走,Vue.js 要有 系列 - mangoSu
菜菜菜的 Vue 30天 系列 - Andy Tsai

JavaScript 30

一起挑战 JavaScript 30 吧! 系列 - Henry
写JS30天 系列 - JasonYang
JavaScript 30 实作心得笔记 系列 - 洪文明
新手也能懂的JS30 系列 - 王郁翔
JS30 录 系列 - Arel

自我练习

前端新手进化史 系列 - yachen
JavaScript 试炼之旅 系列 - Penghua
前端之 " wow~原来是这样啊 " 系列 - Lai
你为什麽不问问神奇 JavaScript 呢? 系列 - Tony Lin
学JS的心路历程 系列 - turtle0617
前端菜焦阿日记 系列 - mangoSu
前端初心者的30%经验值 系列 - sunny
菜菜菜的前端学习日志 系列 - Andy Tsai
前端路上那些重要与不重要的小事 系列 - 小艾 ( iris )
三十哩路,我的前端学习路程 系列 - 只是颗米荳

特别路线

网页阿尼尛,到底是在干尛? 系列
JavaScript之一定要了解的 Array 与方法 系列 - tsuifei
实践无障碍网页设计(Web Accessibility) 系列 - Askie Lin
Typescript 初心者手札 系列 - Kira
鉄人28号FX 系列 - letter liu
寇丁人妻的前端书虫日志 系列 - 寇丁人妻日安
可不可以不要写糙 code 系列 - Chris
平时没注意的 JavaScript - JS 生态系及周边工具整理 系列 - Alex Tzeng, 曾苔眠
Good Morning, JS functional Programing. 系列 - LeeBoy

其它因为不在团体赛内而我没有收录到的,就再留言区告诉我吧。


<<:  [day-29] U-net code 说明

>>:  倒数第2天

EP 30: Archive and Publish TopStore App for iOS in Visual Studio

Hello, 各位 iT邦帮忙 的粉丝们大家好~~~ 本篇是 Re: 从零开始用 Xamarin 技...

Flutter基础介绍与实作-Day5 Dart语法介绍(2)

Function函式 上次介绍了一些简单的Function,今天要介绍一些比较复杂但是很实用的。在D...

从 IT 技术面细说 Search Console 的 27 组数字 KPI (2) 流量 (1)

Search Console 中数百数千个数字中,若只拿一个数字给老版看的话,该看那一个,答案很简单...

[Day 23] Android Studio 七日陨石开发:安装与创建第一个专案 (上)

前言 模型已经训练好了,剩下来的就是如何将模型布署到手机上, 在这之前,我要先带大家安装所需要的软件...

CSS - Tailwind CSS 阿哩阿杂的设定

上一篇介绍了 Tailwind 基本的语法,而今天要来看的是 Tailwind 的设定,之前说到的许...