# 学习等级

在学习周期中，任务为周期性的一次考核，只有通过任务，才能进入下一关卡的学习。

1. 体验

在笔记中有相应的实例DEMO，请查阅在本地模仿，直到不需要看实例代码都可以写出来为止。时间建议，一天完成所有相关体验。

2. 模仿

参考模仿网站的代码及样式 1:1 还原样式，参考别人的优点而不是全抄，需要把代码提交到 Github 审核。时间建议，一天完成一个模仿任务。

3. 设计稿

高度还原设计稿，只对字体不做要求可以使用通用字体族。时间建议，一天完成一个设计稿样式。

# 时间安排

指定好任务规划之后，严格执行，如果发现不能很好执行，请提前申请援助。

08:00 ~ 12:00 4h (工作规划,编码练习) 14:00 ~ 18:00 4h (编码练习,疑难讨论) 19:30 ~ 21:30 2h (回顾复习,查看新闻)

一周SCRUM

• 周一：认领任务、拆解任务、规划工时、知识储备、技术调研
• 周二：知识储备、技术调研（文档、博客、视频、Demo）
• 周三：编码 + codereview
• 周四：编码 + codereview
• 周五：编码 + codereview
• 周六：产品验收 + 回顾复习
• 周日：回顾复习

1. 认领任务

更具不同的学习周期，认领一下 1 ～ 16 个Level 任务，如果在 4 个月内提前完成，可以进入 PHP 的学习阶段。

2. 拆解任务

明确本次任务的内容进行拆分，有多少个部分需要完成。

3. 规划工时

更具拆分了的部分，合理估算，各个部分需要完成的时间。

4. 知识储备

收集学习资源，文档、笔记、DEMO、视频

5. 技术调研

对未掌握的技术，进行探究学习

6. codereview

三个阶段的代码提交，审阅者根据提交代码给予反馈

7. 产品验收

审阅者更具提交的所有代码进行二次验收，并核对是否有缺陷，如果有就修改。

8. 回顾复习

对本周所学习和运用的知识点进行巩固，对薄弱的地方，翻阅书籍进行印象加深。

# 空间规则

黄线：大声喧闹、学习听歌、长时间网聊、外卖 （ 不提倡） 蓝线：看电影、玩游戏、迟到（事不过三） 红线：打架、偷窃（ 不可容忍）

# Level 0 Git & Github

建议时间：一天 知识点：Git & Github

知识储备：

1. DevTools - Sofware
2. DevTools - Github & Git

任务：

1. Sublime、Git、Chrome、PS&Cutterman 软件下载
2. 注册 Github 并 创建自己的 Github Pages
3. CLONE 自己的 Github Pages 到本地修改文字，再上传
4. 熟悉使用 Markdown

# Level 1 HTML & CSS

建议时间：一周 知识点：HTML + CSS 基础

知识储备：

1. HTML + CSS 笔记部分
2. 体验 - 未登录版的百度首页 HTML
3. 体验 - 安卓机器人的绘制
4. 体验 - 立体 3D 盒子
5. 体验 - ExpressDelivery 快递查询 HTML + CSS
6. 参考 - https://www.douyin.com/

任务：

1. 完成 - 在 Github Pages 中完成一个关于自己的介绍页面 HTML + CSS
2. 完成 - 新建仓库 baidu ，完成未登录简单版本的百度首页 HTML + CSS
3. 完成 - 新建仓库 douyin ，参考完成首页 HTML + CSS

提示：

使用 H5 标签及语意命名 class 属性值。使用标签包含以下：html、meta、head、body、header、footer、nav、div、input、ul、li、p、span ...

# Level 2 CSS 进阶体验

建议时间：一周 知识点：CSS 页面样式

知识储备：

1. HTML + CSS 知识储备查缺补漏（收尾阶段）
2. 模仿 - 简书首页

任务：

3. 设计稿 - 极客学院首页

提示：

极客学院首页的导航部分，可以在最后完成。先完成整体的架构样式，再回头优化细节。

# Level 3 CSS 实战训练

建议时间：一周 知识点：CSS 实战

知识储备：

1. 工具 - Less 语法学习及 Koala 使用
2. 工具 - Cutterman

任务：

1. 设计稿 - toppro 首页 - index.html
2. 设计稿 - toppro 雇主 - clients.html
3. 设计稿 - toppro 人才 - talents.html
4. 设计稿 - toppro 关于我们 - about.html

提示：

• 请拆分 reset.css 、 common.css ，公共使用。commom.css 为公共头尾及公用代码样式
• 能复用的代码尽量复用，保证 HTML 结构简洁

如果在一周内不能完成，或者完成但质量不佳的同学，需要再进行为期一周的训练：

1. 设计稿 - 极客职业 - 首页
2. 设计稿 - 极客职业 - 详情
3. 设计稿 - 极客会员 - A版本
4. 设计稿 - 极客会员 - B版本
5. 设计稿 - 极客企业 - 首页

# Level 4 JavaScript Todos

建议时间：一周 知识点：JavaScript 基础（ DOM、单例、数据、存储 ）

知识储备：

1. JavaScript Todos Basic
2. JavaScript Todos Single
3. JavaScript Todos Data
4. JavaScript Todos Storage

任务：

1. 设计稿 - 极客 UX 营销页

# Level 5 JavaScript Web Basic

建议时间：一周 知识点：JavaScript DOM、BOM

知识储备：

1. JavaScript NavigatorBar
2. JavaScript FullSwipter

任务：

1. 设计稿 - 高通专题

# Level 6 JavaScript Event

建议时间：一周 知识点：JavaScript Event

知识储备：

1. JavaScript MessageBorad
2. JavaScript TaskBorad

任务：

1. 设计稿 - 匠心大赏（留言卡片拖动-、新增留言位置随机）

# Level 7 JavaScript Class

建议时间：一周 知识点：JavaScript 插件

知识储备：

1. 体验 - JS DEMO 计数器插件
2. 体验 - swiper 轮播插件 https://www.swiper.com.cn

任务：

1. 完成 - 轮播图插件

# Level 8 JavaScript Package

建议时间：一周 知识点：Nodejs、gulp、webpack、Less、Sass

知识储备：

1. 体验 - JS Package Glup
2. 体验 - JS Package webpack
3. 完成 - 打包轮播图插件，使用 webpack 将JS、CSS 合并成一个脚本并且转ES6 为 ES5。

任务：

4. 设计稿 - Android M 版营销页（分别使用、Glup配置使用Less并压缩和转译成ES5） 接口地址：

• POST: https://www.jevescript.com/api/task/mobile
  • 参数：phone 手机号

# Level 9 Nodejs & Express

建议时间：一周 知识点：Nodejs、Express、Koa2、MySQL、Knex

知识储备：

1. 体验 - Express 人员管理 DEMO
2. 体验 - Koa2 第三方接口中间层 DEMO

任务：

1. 完成 - CRM 实战项目

# Level 10 Vue

建议时间：一周 知识点：Vue、Element

任务：

1. 完成 - Vue Todo
2. 完成 - IMS

# Level 11 微信小程序

建议时间：一周 知识点：微信小程序、Koa2

知识储备：

1. 体验 - 快递查询小程序
2. 小程序入门视频

任务：

1. 完成 - OKR 项目

# Level 12 微信小程序云开发

建议时间：一周 知识点：微信小程序云开发

任务：

1. 完成 - 云微博项目

# Level 13 毕业项目

建议时间：两周 知识点：微信小程序、Vue 后台管理、Node Express API

任务：

1. 完成 - 答题小程序/技术单词小程序

# Level 14 知识沉淀

建议时间：两周

# Level 15 延伸学习

建议时间：两周 知识点：PHP、Laravel