FE Group study plan

Great study plan for internship.

Plan 1 Weekly side project

1. 每周导师轮值出题, 格式参考: https://github.com/byte-fe/intern-study/issues/1

原则上控制代码量不要太多, 跟业务能有一定匹配度

2. 实习生 clone 本项目, create 自己分支, 在 /projects/[PROJECT NAME] 中存放项目代码

3. 提交 PR 到 master (@自己导师)

请导师们在闲暇时逐行 review 代码, 您的评价非常有价值; 也请实习生们互相 review, 你知道的知识通过 code share 给别的同学;

• [第一期] 一个全栈的抽奖活动

  • code / demo ★★★★ @sunshinelover
  • code / demo ★★ @youmengme
  • code / demo ★★★ @deligent-ant

• [第二期]无限滚动加载的通用组件

Plan 2 Learning notes

请实习生在本项目中开自己的 issue, 用以记录自己学到的知识点, 和遇到的问题 (@自己导师)

请养成记笔记习惯, 在学习过程中遇到问题 => 解决问题 => 存档记录

(格式参考: https://github.com/byte-fe/intern-study/issues/2)

Plan 3 Reading list

• ECMAScript 6 入门 我们所有项目都是 ES6 语法, 系统学习 JS 这门语言从这开始

• 现代 Web 开发基础与工程实践 新同学由于项目实战较少, 对前端工程化和各种生态感觉陌生, 信息量过大, 建议在闲暇时候在这里阅读充电

• What the f*ck JavaScript 很多新同学可能会对 JS 这门语言一些特性感觉懵逼, 成为老司机之路从这里开始

• 数据结构和常见算法的 js 实现和解释 公司很重视这些基础, 你懂的

• 30 Seconds of CSS 学习一些常用的 CSS 套路

• CSS Protips 快速熟悉 css 常用技巧

• React 设计模式 学完 react 入门文档后, 继续看这里

• the-art-of-reading 网易一个同学非常认真的学习笔记

• 前端开发者指南 掘金翻译的 WEB 技术大杂烩