前端入门指南v1.1

零基础推荐网站

Learn to Code and Help Nonprofits​freecodecamp.cn

图标

原生JS

《javascript高级编程第三版》

《你不知道的JavaScript》

链接: https://pan.baidu.com/s/1IfqyrMv2trClFhUd5hWJ-Q 提取码: 3f53

ES6

阮一峰老师的ES6入门

ECMAScript 6入门​es6.ruanyifeng.com

Vue

官方文档

介绍 — Vue.js​cn.vuejs.org

图标

React

官方教程

Hello World - React​react.docschina.org

图标

项目例子参考

Ant Design Pro​pro.ant.design

实践方法

1、注册GitHub账号，学会搜别人的项目，自己建一个gitpage玩玩，

类似https://ryyang.github.io/ProjectCollection/

2、花几十上百块钱买个工具，baacloud可还行

3、编辑器推荐webstorm or vscode

4、跟着教程好好git npm来，新手可能会花几天搭建环境，但很值得。如果实在不会，学一两个月后再尝试。

进阶资源

• javascript中文资料：https://github.com/justjavac/free-programming-books-zh_CN?utm_source=gold_browser_extension#javascript
• 前端基础概念
  https://zhuanlan.zhihu.com/p/48049957
• 一些轮子
  https://zhuanlan.zhihu.com/p/45346548
• 知识清单
  https://zhuanlan.zhihu.com/p/50059852

• 刷题网站：
  http://scriptoj.mangojuice.top/
  https://leetcode-cn.com/
  https://www.codewars.com/
  https://www.nowcoder.com/activity/oj

建议

1、看书完全看不懂的不要看，看起来收获不大的也不要看
2、经典的多读几遍，会有新的体会