见仓库
课程采取线下教课模式;github 上看到的人,线上自学模式
将在 github 上 提交,标准答案在 ./practice/yuwei/ 路径下
- 编程基础
- 你有多喜欢编程
- 你平均每天在编程上花多少时间
- 除了看书、写代码,你的思考有多少
- chrome dev tool:控制台调试、断点调试、性能检测
- js 语法基础
- string、array 常用方法
- 闭包
- this
- 原型链、继承
- js 事件队列
- 回调函数的原理
- es6 常用语法基础
- 解构、let和const、扩展运算符
- 箭头函数、Promise 对象
- Module(重点)
- dom 基础
- DOM 增删改查
- DOM 事件机制
- css 基础(不讲)
- git 基础(不讲)
- web 性能优化基础
- 看书了解原理:《高性能网站建设指南》
- 请求数量: 合并脚本和样式表, iconfont,拆分初始化负载,划分主域
- 请求带宽: 开启 GZip,精简 JavaScript,移除重复脚本,图像优化
- 缓存利用: 使用 CDN,使用外部 JavaScript 和 CSS,减少 DNS 查找
- 页面结构: 将样式表(影响样式的内容)放在顶部,将脚本放在底部,尽早刷新文档的输出
- 都是 纯前端项目、2人一组,通过 fork + PR 来在 github 上面提交
- 所有项目可以使用 boostrap、purecss 这种 css 样式库,自己就可以省掉写 css 的时间快速学习、开发。
- 完成基本功能就 ok,自由发挥为主(选择如何组织项目结构、选择使用的库,自己当自己的架构师)
- 使用 DOM 写简版的搜索栏(功能和百度谷歌类似)
- 模仿前端渲染框架工作原理(比如模仿 react)写个简版 TODO(可以选择使用 jquery)
- 使用 react 写个简版 TODO
- 使用 react react-router redux 写一个包括模拟登陆功能的简版 TODO 应用(假设用户不刷新,有能力的人可以使用 localstorage 来完成一个完整的 webapp)
- 或者自己的点子,还是用 react react-router redux 的技术栈
- 学会查文档
- MDN 是 web 开发者学习的好地方,不需要刷,但是需要你想了解语法细节的时候,会查、肯看
- mac 可以使用 dash 阅读 MDN 的文档
- 其他平台可以使用在线文档 (http://devdocs.io/)
- 学习框架类库最好的地方就是直接阅读 github README、看官方文档的 get start、github 仓库的 example、源码
- github
- fork
- PR
- webpack
- 使用 es6 等预处理器
- 开发(dev)环境和生产(production)环境
- react
- 基本概念
- 基本使用
- vitural DOM
- react-router
- 什么是前端路由
- 以往的后端路由是怎么样的
- 基本使用
- redux
- 基本概念
- 基本使用
- react-redux
- 《css 设计指南》
- dom 入门书: 《js dom 编程艺术》
- js 进阶小书:《JavaScript语言精粹》、effective js、 you dont know js
- js 系统厚书:《js 高级程序设计》、《js 权威指南》即犀牛书
- 其他:《高性能网站建设指南》
- git 小白入门:http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000
- github 博客: https://github.com/CoderUnion/coderunion-github-talk/issues/87
- weibo:https://github.com/CoderUnion/coderunion-github-talk/issues/86
线上自学模式,我没有义务改你的作业(code review),不过你可以捐赠我(支付宝>10元),邮件联系我,并告诉我你 github id 即可,我就会 code review 你的每一行代码。