Skip to content

fzit/ND-FE-Intern-2017

This branch is 5 commits ahead of zhongshan1993/ND-FE-Intern-2017:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

b42c23f · Mar 20, 2017

History

8 Commits
Feb 28, 2017
Feb 19, 2017
Mar 20, 2017
Feb 28, 2017

Repository files navigation

工程院 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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published