Skip to content

Instantly share code, notes, and snippets.

@mcattx

mcattx/前端入门指北.md

Last active December 30, 2016 08:52
Show Gist options
  • Save mcattx/f5b90136e1b57a998046fb6687fde7a9 to your computer and use it in GitHub Desktop.
Save mcattx/f5b90136e1b57a998046fb6687fde7a9 to your computer and use it in GitHub Desktop.
Download ZIP
前端入门指北手册
Raw
前端入门指北.md

前端新手学习路线

语言基础

HTML

入门基础资料

  1. 《精通HTML》
  2. 《HTML和XHTML权威指南(第五版)》
  3. w3school HTML Part

（学习程度大概到了解每个标签是干嘛用的就行了）

CSS

入门基础资料

  1. w3school CSS Part
  2. 《精通CSS（第2版）》
  3. 《CSS禅意花园（修订版）》

（学习程度大概到了解常用选择器和常见的属性是干嘛用的就行了）

练习工具

  1. 练习 CSS 选择器
  2. 练习 CSS 布局
  3. CSS属性可视化学习

JavaScript

入门基础资料

  1. 《JavaScript高级程序设计（第3版）》
  2. 《JavaScript权威指南(第6版)》

在线编辑工具

  1. jsfiddle
  2. codepen
  3. 国内的 runjs

工具

  1. 自备翻墙梯子
  2. Chrome 浏览器
  3. 编辑器： sublime text / vs code / atom

构建工具

  1. Grunt
  2. Gulp
  3. webpack

模块加载器（module loader）

  1. requirejs
  2. browserify
  3. rollupjs

CSS Tool

  1. less
  2. sass
  3. styuls
  4. postcss

JavaScript Tool

  1. typescript
  2. coffeescript

JavaScript Library

  1. jQuery

JavaScript Library in 2016

  1. vuejs
  2. angular2
  3. react

使用 JS 开发原生 APP

  1. reactnative

ES2015 编译器

  1. babel

##自学前端开发：代码之外需要关注的问题

##[其他参考资料]

@JMcn
Copy link

JMcn commented Nov 4, 2016

打包构建工具啊，less，常用的一些js框架应该怎么选择怎么入手，新东西发展方向vue.js、Angular 2？还有浏览器内核等等的东西。。ES6标准又是怎样去用？我想做个漂亮的页面给妹子，how to do step by step？

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment