学习计划

转至元数据结尾

总体学习计划

下面安排了三个月的学习计划，供新人参考，以下有几点说明请注意：

1）学习资料选适合自己的即可，下面资料仅做参考，可能含重复内容；

2）学习内容可根据目前需要适当作先后顺序的调整，学习进度可根据实际情况进行弹性调整；

3）新人可将学习成果用 wiki（或xmind）做记录，也可以考虑在周会上做学习分享；

4）新人前期以 javascript、css 学习为主，打好基础；

5）同时，首先学习以 react、redux、ramda 为中心的技术体系，尽快上手业务；

6）遇到困难，欢迎随时与导师交流，或者请教相关同学。

学习计划：

阶段

目标

学习计划

学习资料

完成情况

第一周

05.02~05.05

1. 建立良好的方法和习惯！
2. 基本技术和工具。
3. 掌握 git 原理和基本操作。
4. 基础知识沟通。

1. 方法论：良好的方法、规范、习惯：《程序员修炼之道-从小工到专家》。
2. 良好的命名规范。
3. 工具安装：vim、oh-my-zsh、sourceTree、charles、Alfred、Dash、xmind、spectacle、wunderlist、vpn、xx-net 等。这些效率工具的基本用法在以后的工作中都需掌握，暂时可先掌握：
   1. vim 基本操作。
   2. oh-my-zsh 的 jump、git alias。
   3. Alfred 打开文件，查找文件所在文件夹，计算，搜索。
   4. xmind 画思维导图。
   5. xx-net 翻墙。
   6. spectacle 桌面窗口管理。
4. chrome 插件：cVim、adblock、Redux DevTools、EditThisCookie 等。
5. 打印机驱动安装。
6. Codepen、Github 账号申请及使用。
7. 常用命令行指令、通用快捷键、chrome 快捷键。
8. git 原理和基本操作：
   1. 基本操作：clone、fetch、pull、push、checkout、branch、add、commit、merge、log、remote set/add 等。
   2. 高阶操作：stash、diff、grep、rebase、revert、reset 等
   3. 存储模型：working Dir - index(stage) - local repository - remote repository。
9. 前端基础沟通：JavaScript、CSS、Html、Http。
10. 了解 react、redux、react-redux、ramda 技术栈。

1. js 代码规范 !!!：https://github.com/ryanmcdermott/clean-code-javascript
2. Git：http://backlogtool.com/git-guide/cn/
3. vim、oh-my-zsh 配置文件：https://github.com/adispring/rc
4. JavaScript：
   1. 《JavaScript 高级程序设计》
   2. http://dmitrysoshnikov.com/ecmascript/javascript-the-core/
5. CSS:
   1. 《精通CSS》

1. 方法论
   DOING
2. 良好的命名规范DOING
3. 工具安装DONE
4. chrome插件安装DONE
5. 打印机驱动安装DONE
6. codepen、github账号申请DONE
7. 常用命令行指令，通用快捷键，chrome快捷键DONE
8. git原理和基本操作DONE
9. 前端基础沟通DOING
10. 了解react、redux、react-redux、ramda技术栈DONE

第二周

05.08~05.12

1. 基础知识梳理。
2. 学会使用 chrome 进行调试。
3. 实践 git 进行项目版本管理。
4. 理解基于 node 的 web app 原理和架构。
5. 练习使用 xmind （思维导图）整理知识结构。

1. JavaScript 基础知识梳理。

2. CSS 基础知识梳理。
3. DOM 基础知识梳理。
4. Node 入门。

1. 《JavaScript 高级程序设计》前 7 章
2. 《精通 CSS 》前 3 章
3. 《JavaScript DOM 编程艺术》第 3 ~ 7 章
4. http://www.nodebeginner.org/index-zh-cn.html
5. https://nodejs.org/dist/latest-v7.x/docs/api/

Node 入门DONE

第三周

05.15~05.19

1. 理解 React、Redux、Ramda 概念和API，写一个简单的 demo。
2. 会用 redux devtools 进行调试。
3. 了解 BBIA 工作流程
4. 会用 npm (yarn) 进行 node 包管理，版本控制，了解 package.json 结构，掌握常用 yarn 命令。

1. 学习 React 技术栈：
   1. 是什么
   2. 生命周期
   3. demo： https://github.com/ruanyf/react-demos
2. 学习 Redux：
   1. 是什么
   2. 解决了什么问题
   3. 执行流程，action，reducer，store 的作用
   4. demo：简单的状态管理
3. 学习 Ramda（了解）：
   1. 是什么
   2. 为什么？
   3. demo：简单的数据处理。
4. 了解 BBIA 整个的工作流程：
   1. BBIA - Step by Step
   2. BBIA - User Guide

• webpack 基本配置学习。

1. React：https://facebook.github.io/react/docs/getting-started.html
2. Redux：http://cn.redux.js.org/index.html
3. Ramda：http://ramdajs.com/
4. 函数式编程：https://www.gitbook.com/book/llh911001/mostly-adequate-guide-chinese/details
5. BBIA 前后端渲染：React服务端渲染初探

react基础学习DONE

redux基础学习DONE

第四周

05.22~05.26

1. 熟悉开发流程，能进行简单项目需求开发。
2. react、redux 总结。

1. 继续学习和巩固 react、redux、ramda，并能在项目中运用。
2. 梳理 BBIA 及相关技术栈，加深对BBIA的认识。会用 BBIA 建立一个简单网页。
3. 开始在指导下进行简单需求开发，熟悉整个项目开发、发布流程。

  

第二个月

06.05~07.05

 

• 学习 node：模块机制、常用模块
• 做一次 BBIA 前后端渲染的分享？
• 继续学习和巩固前端基础知识。
• 继续深入学习和实践 react、redux、ramda。

1. 《深入浅出 Nodejs 》
2. 初次接触Nodejs可能需要阅读的模块
3. node event loop: https://github.com/nodejs/node

初次接触Nodejs需要阅读的模块DOING

一些建议：

1. 多读书、读好书。养成良好的阅读习惯。
2. 聪明、勤奋；能干、善于表达。
3. 建立自己的博客，自己的github，锻炼自己的演讲能力。
4. 做正确的事，而非简单的事。对代码质量要有较高的追求。
5. 坚持不懈地追求技术卓越和良好设计；以简洁为本，它是极力减少不必要工作量的艺术。
6. 信心、耐心、责任心。
7. 敏捷开发宣言：http://agilemanifesto.org/iso/zhchs/manifesto.html、http://agilemanifesto.org/iso/zhchs/principles.html
8. 提问的艺术：http://doc.zengrong.net/smart-questions/cn.html
9. http://blog.knownsec.com/Knownsec_RD_Checklist/v2.2.html
10. 函数式编程：
    1. 《JS 函数式编程指南》：https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/
    2. 学习一门纯函数式编程语言：比如 Haskell
11. 英语很重要
12. 善用美团图书馆：这些电子书都是可以下载的https://book.sankuai.com/#/ebooks
13. 跟牛人一起共事。
14. 通用技能
15. 技术知识体系
16. 职级能力模型
17. 职级标准-专业能力
18. 前端书单

•