fzit / ND-FE-Intern-2017

A repository for 2017 front end interns

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

工程院 2017 Web前端实习资料

练习任务

用自己的github账号fork本仓库,初级任务在 basic 目录下进行开发,进阶任务在 advanced 目录下进行开发。 开发完一个任务后,向上游分支(本仓库)Pull Request,对代码的 Review 会在 PR 中进行。

  1. 初级任务
  2. 进阶任务
  3. 高级任务(WIP)

学习资料

为前端新人收集的一些学习资料,欢迎PR补充,部分资料为英文并且需要科学上网才能访问

HTML + CSS

在线教程:

w3school

MDN:学习Web开发

推荐书单:

《响应式Web设计:HTML5和CSS3实战》

《CSS权威指南》

《精通CSS》

《CSS揭秘》

JavaScript

在线教程:

JavaScript秘密花园

JavaScript标准参考教程————阮一峰

ES6入门

推荐书单:

《JavaScript语言精粹》

《JavaScript高级程序设计》

《JavaScript忍者秘籍》

《你不知道的JavaScript(上)》

《你不知道的JavaScript(中)》

《你不知道的JavaScript(下)》

《深入浅出ES6》

《Promise迷你书》

其他

代码风格:

airbnb JS编码风格指南 (PS:链接中有airbnb其他语言的编码风格指南)

HTTP:

《图解HTTP》

Git/Github:

廖雪峰Git教程

Pro Git中文版

《Github入门与实践》

正则表达式:

30分钟入门正则表达式

《正则表达式必知必会》

页面性能优化:

《高性能网站建设指南》

工具

Win平台命令行工具:

cmder

Windows Subsystem Linux (又称Bash On Ubuntu On Windows,该特性需要win10 build 14393之后的版本才能开启)

调试工具:

Chrome DevTools官方文档

编辑器 & IDE:

Atom,vscode,Sublime Text,Webstorm

CSS 预处理器:

Sass基础教程

Sass指南

CSS 后处理器:

w3cplus的postcss教程

ES6 转译器:

Babel使用指南

前端自动化构建:

gulp中文官网

gulp基础教程

npm scripts使用指南 by 阮一峰

如何将npm scripts作为构建工具使用

文章:为什么我放弃了gulp和grunt而转投npm scripts

前端打包工具:

webpack: 官方入门指南

rollup: 官方入门指南

技术资讯来源

邮件订阅

微信公众号

  • 前端外刊评论(FrontendMagazine)
  • 奇舞周刊
  • 前端之巅(frontshow)

网站

About

A repository for 2017 front end interns