学习路线

最重要的学习网站

bilibili，学习神器

为什么学习前端

按照现在这个趋势发展下去，所有的桌面级应用，最后都可以被搬到网页上。这就需要前端来做了。（粗鄙之见）（某宝买课基本不值得）

1.html和css

html和css
注意⚠️：重点掌握各种居中，居中的方式有很多，所以找到适合自己的就好。

1.1 还有移动端的flex布局，百分比布局，媒体查询。

我之前看的视频下架了，所以还得各位自己找。

2.javaSript和ES6

2.1下面这三个连接，跟随自己的喜好来看，也可以在B站上找适合自己的。

javaScript 基础操作
JSBOM，DOM操作
这个好像是个很全的视频

第一遍看不明白很正常，多看几次，就好了。
注意⚠️：重点掌握，数组和对象的各种方法。
有兴趣深入了解的小伙伴推荐阅读：《JavaScript高级程序设计》（这本书还是挺厚的，建议从自己感兴趣的章节读起。尽量不要从头读，会打击信心），《你不知道的JS》三部。（如果你看到这本书了，当看到设计模式的时候多看几次，甚至讨论讨论，因为这是面试加分项）

3.jquery这个看自己的心情，（可看可不看）

jquery
这个应该三四天就可以看完。挺有意思的，就是用的不太多

4.node.js

虽然是后端的知识，但是也是用js写的，而且在学习这个的过程中，如果你前期对安装npm，yarn什么的感觉乱七八糟的，一定得看看。

这里极力推荐一本网络书籍《网络是怎样连接的》看了这个之后，能让你对http协议，还有很多小知识有了解。挺有意思的。
node.js我之前看的那个找不到了，如果这个声音让你感觉到不舒服，可以自己找。
重点掌握⚠️：能看懂后端的js代码就行

4.1.如果还没看到node，但是对npm或者yarn有疑问可以关注我的博客的相关介绍，我自认为，对yarn和npm写的还是挺全面的。。

请点击这里，刚开始写，所以还不太会排版

5.ajax

仅供参考，建议自己找找

6.github管理工具

尚硅谷的github，可以自己找

6.vue

注意⚠️：如果学到框架的时候，被webpack卡住，可以学webpack，也可以用框架的脚手架。这里不要相信网上的各种创建教程，直接去官网省事。
vue官网
vue是 vue-cli
这是一个框架，国内很多公司都在用的框架，能让你更快的开发复杂的页面。而且面试问这个的很多。
这个讲的挺细的
黑马的Vue
也可以到你学习到的时候，看看网上还有没有更新的视频。
重点掌握⚠️：父子组件传值，兄弟组件传值，设置路由导航守卫，请求拦截器，响应拦截器，生命周期。

7.react

这是facebook推出的框架，社区很活跃。所以第三方包也很多。开发比较容易。但是挺难学的。。。自己对比
react的脚手架
react官网
尚硅谷的react
这个挺好的，前锋的react，我看过一部分
重点掌握⚠️：父子组件传值，兄弟组件传值。react-redux，生命周期等。

还是比较推荐自己找视频。因为视频更新的很快。所以我上面列出的已经是老视频了。。。

最后祝大家，学习顺利。