1.初来乍到,请多关照(html与css登场) -- 任务 1.1 概述html与css的关系

• 1.2 css基本布局元素
• 1.3 css基本样式设置
• 1.4 css基本选择
• 1.5 盒子模型
• 1.6 display
• 1.7 初识文本流
• 1.8 调试工具与测试v
• 1.9 实战-挑战九宫格

2.图片和文字在一起才能算是个好网页 — 任务三

• 2.1 文本与图片标签
• 2.2 元素定位
• 2.3 切图
• 2.4 手机端适应
• 2.5 文本流
• 2.6 实战-挑战魔镜

3.是向左还是向右呢?(浮动与表单) — 任务四

• 3.1 表单标签
• 3.2 浮动与清除浮动
• 3.3 background
• 3.4 实战-挑战登录

4.好的工具可以事半功倍(bootstrap) — 任务六

• 4.1 初识Bootstrap
• 4.2 Bootstrap 栅格系统
• 4.3 Bootstrap 组件
• 4.4 页面加载流程
• 4.5 雪碧图
• 4.6 实战-挑战护工列表页

5.元素呢，就是要整整齐齐的(常用布局方式与audio元素) -- 任务五

• 5.1 列数前端常用布局方式
• 5.2 audio元素
• 5.3 实战-挑战杀 游戏

6.翻过阴影就是光明(transform和阴影) — 任务六

• 6.1 transform
• 6.2 阴影
• 6.3 透明
• 6.4 边框
• 6.5 实战-挑战卡片页

7.虽然我叫伪，但我是真的 (伪类与为元素)— 任务七

• 7.1 表单详解
• 7.2 伪元素
• 7.3 伪类
• 7.4 关于hack的事情
• 7.5 实战-挑战水站订单

8.生命在于运动(transition与动画) — 任务八

• 8.1 transition 过渡
• 8.2 animation 动画
• 8.3 轮播图
• 8.4 实战-挑战官

9.能屈能伸才能成大事(媒体查询与BFC) — 任务九

• 9.1 垂直居中
• 9.2 BFC
• 9.3 css选择器扩展
• 9.4 @media媒体查询
• 9.5 关于hack的事情

10.初识sass的样子，好迷人 (sass) -- 任务十

• 10.1 初识sass
• 10.2 sass 嵌套css
• 10.3 sass 导入
• 10.4 sass 混合器
• 10.5 sass 使用场景

11.面对新的征程吧！挑战者！ -- 任务一

• 11.1 概述JavaScript的使用方法
• 11.2 JavaScript变量
• 11.3 JavaScript中的数学运算
• 11.4 JavaScript字符串
• 11.5 JavaScript数组
• 11.6 JavaScript条件语句
• 11.7 JavaScript循环语句
• 11.8 函数
• 11.9 事件
• 11.10 工具与测试
• 11.11 实战-挑战九宫格

12.This is my object(this, Browser对象, 文档对象模型) -- 任务二

• 12.1 Browser对象
• 12.2 文档对象模型
• 12.3 神奇的this
• 12.4 实战-挑战洗牌

13.如果可以，请记住我的模样（存储与构造函数） -- 任务三

• 13.1 客户端存储
• 13.2 新式客户端存储以及基本操作
• 13.3 构造函数
• 13.4 实战-挑战发牌

14.我叫jquery -- 任务四

• 14.1 jquery介绍
• 14.2 jquery选择器
• 14.3 jquery事件
• 14.4 jquery操作dom
• 14.5 jquery常用效果
• 14.6 实战-挑战桌游精灵项目

15.期待你的回信(ajax) -- 任务五

• 15.1 ajax
• 15.2 http
• 15.3 垮域
• 15.4 从服务器获取数据实践
• 15.5 JSON
• 15.6 实战-登录一个网站

16.我是MVC，也是MVP(AngularJs实战1) - 任务六

• 16.1 AngularJs介绍
• 16.2 AngularJs安装
• 16.3 AngularJs启动
• 16.4 AngularJs基本概念
• 16.5 AngularJs路由
• 16.6 实战-单页应用的切换页面

17.一切尽在掌握之中(AngularJs实战1) - 任务七

• 17.1 AngularJs的html编译
• 17.2 AngularJs数据绑定
• 17.3 AngularJs控制器
• 17.4 AngularJs作用域
• 17.5 AngularJs依赖注入
• 17.6 实战-登录与列表

18.甄繁就简(AngularJs实战3) - 任务八

• 18.1 AngularJs指令
• 18.2 AngularJs传参
• 18.3 实战-化繁为简

19.万物的本院：0和1(AngularJs实战4) - 任务九

• 19.1 认识二进制
• 19.2 文件上传
• 19.3 实战-图片上传指令

20.我的信息应该填写在哪里呢？(AngularJs实战5) - 任务十

• 20.1 AngularJs表单
• 20.2 AngularJs表单验证
• 20.3 实战-表单验证交互

21.微信小程序 - 任务十一

• 21.1 开发工具
• 21.2 框架学习
• 21.3 组件内容
• 21.4 实战-职业推荐小程序

22.我的正途是星辰大海(复盘任务)

• 22.1 任务指导
• 22.2 需求讲解
• 22.3 职业素养
• 22.4 方案设计
• 22.5 demo