前端学习指南

        引言：前端到现在已经发展了很长时间，在最初的时候前端只是占了项目开发的很小的一块比例，到现在前端开发的比重已经越来大，而且就学习难度而言，前端确实比后端要少很多的逻辑操作，起码可以少掉好多头发。

        像我大学的时候其实学的专业是计算机科学与技术（嵌入式），跟前端基本没什么关系，但是当时我们学的东西很杂，像什么8084，asp.net，数据库，HTML CSS JS等等都学了，基本什么领域我们都学过一点，但是都是那种皮毛，在学习的过程中就慢慢对HTML CSS JS产生了兴趣，看到平常的一些网站的前端页面，真的是觉得很好看，很有创意，而且越来越发现前端真的很有趣，而且直到现在我也是这么认为。然后通过自学+实习慢慢的也接触到了各种各样的框架、新技术，那时候才发现前端真的自成一方世界，以前需要前后端配合的项目，现在前端可以自己解决，真的是有趣、好玩。

       废话不多说，这就开始来：

       首先，这篇文章是针对初学者的，所讲述的也都是我自己的学习方法和思路，供大家参考，反正不管学习什么，首要的一点就是真的对这行感兴趣，这样才能有心力学下去，因为大家都知道毕竟学习技术是很枯燥的。

一、编译器选择

1. Visual Studio Code

2.HBuilder

       这两个我觉得是挺不错的编译器了，用VS Code的话也可以下载常用的几个插件，让你写代码的时候更方便，之后我在用的几个插件放出来。

二、前端基础

1.HTML + CSS

2.JavaScript

      这两项语言是前端的第一步，可以说掌握这两项技术是之后学习新技术、框架的基础，重中之重。在我的理解中，这两项技术缺一不可，希望大家可以把这个基础打牢，HTML和CSS负责的是对页面整体排版、样式的搭建，JavaScript用来执行一些逻辑操作，包括对浏览器的监听，页面各个事件的监听，这两者配合就可搭建出一个完整的前端页面。

      这里向大家推荐一个学习的网站：菜鸟教程

https://www.runoob.com/

      我个人认为这里还是讲的挺不错的，他主要讲的就是基础的语法，和一些简单的小例子。在学习的时候建议大家一小节一小节的学习，边学边练，这样才能加强记忆，因为语法有一大部分都是要记得，尤其重要的是   练习 > 死记 > 概念，不管任何一种技术的学习首要的就是练习。

      当语法已经掌握后，就可以开始第一个阶段的练习，网站练习，可以模仿几个网站，在不看网站源代码的情况下，只凭自己进行99%的还原，所需要的图片可以直接拷原网站的，但是代码一定不要看，当遇到问题优先自己解决，然后自己解决不了可以搜问题找答案，一定要明白解决该问题的思路是什么，看源代码永远不能让自己的技术提高。

      这种网站练习刚开始的时候一定是比较难的，可能有时候两三天甚至一周都无法搭建好页面，但是一定要坚持下去，大佬们的速度全都是练出来的，你没有思路是因为你没有遇到过这样的问题，你下不去手是因为你没有经验，经验是哪来的？就是这样日常的练习中来的。

三、进阶技术

1.jQuery.js

2.CSS 过渡及动画

     jQuery是前端开发者的必备技能，可以理解为是JavaScript的进阶版，它简化了js的很多操作，用起来更方便了，不过你要非用原生js也可以。

     再来说 过渡和动画 ，这两者其实是属于css技术的范畴，但是我把它拿到进阶技术里讲并不因为他很难，而是因为它很重要，因为在现阶段的前端开发中，我们已经不仅仅满足于基础的样式，现在考虑更多的是用户体验，也就是整体的页面流畅度和用户与页面之间交互，而css中 过渡及动画就可以很好的解决。

     在这里给大家推荐两个动画常用的插件库，适用于所有人。

anime.js官网_免费、灵活的轻型JavaScript动画库 | animejs    

Animate.css | A cross-browser library of CSS animations.

     一个是js动画库，一个css动画库，请各位自取

四、前端框架、库

1.Bootstrap.js

https://v3.bootcss.com/

2.React.js

https://react.docschina.org/

3.Vue.js

https://vuejs.org/

       这三个是最常用的库（框架），当然这里并没有Angular.js并不是因为他不重要，只是这个框架用的相对较少，所以暂不考虑，我上述列举的框架其实学习第一个  然后第二第三挑一个学习就行，因为Vue.js和React.js两个框架挺像的，所以就算之后有需要学习另一种框架是可以很快学会的，具体说一下React和Vue，两者如果想要最快时间上手的话，那么我推荐学习Vue，因为文档是中文的，而且是国人在开发的，所以在很多方面都对国人很友好，而且使用这种框架的公司也很多，学习成本是最少的。

      其实还有很多技术都还没有讲到，但是上述的这些是最为常用的，可以说是前端开发入门 + 初级阶段需要掌握大部分技术，具体每项技术的学习流程以官网的文档开展就完全可以，遇到不懂的地方可以直接搜，技术性的帖子很多很多，也可以直接私信我，虽然我还不是大佬，但是确实我是比较喜欢帮助别人解决问题的，还有一点很重要：

       一定不要照搬照抄你看不懂的代码，所有的代码一定要有它存在的意义。

     最后，希望想从事前端开发的各位，可以学有所成。