我的前端自学分享

大部分内容为：分享个人自学经历，我学习过程所用的资料，以及一些个人经验。

博客仅为记录个人历程，不喜勿喷。

虚心接受指教！！！

（仅有前端内容 不包含其他）

 写这篇文的初衷只是想记录一下，希望可以给想自学前端的小伙伴一点帮助。

个人简介：

双非本二在校大二，软件工程专业(学校教的偏后端方向)，前端是纯自学的。

tips：如果有错误或不合理的内容，请大家指出，谢谢各位！！！

---

学习路线：

        首先，兴趣很重要！！！

        其次，往下看

        前置：

                个人不推荐零基础直接入门前端。我是在有C语言，Java语言的基础上学习的前端三件套（html+css+JavaScript）。JavaScript借鉴了Java中对象的概念，对我们学习JavaScript会有帮助，这里略过Java直接学习JS也是可行的。

                如果有条件可以参阅《Head First HTML and CSS 2nd Edition》书籍，这是一本入门书籍，通俗易懂，让你快速入门。

      html+css：

                作为前端学习的核心，html和css的入门比其他技术要简单的多。我当时是跟着W3Cschool网站学习的（附：W3C官网），先了解各个标签的作用（这里需要耗费点记忆力），然后自己摸索打一遍代码（很重要，你可以深度认识到这个标签）。

                大概了解完W3C的html基础后我开始学习css。一样也是记忆，记住每一个属性控制的样式。与html配合着写做出一些丑丑的静态页面。

                在学习完html与css之后，我是通过《Web前端开发技术实践指导教程 2版》这本书实践，它有十几个前端页面实现（轮播图，卡片切换，广告等等）。大概有1/2的实践项目是纯html+css实现，有1/2是html+css+JavaScript实现。

                对于html与css推荐一些入门书籍：

入门：《Web前端工程师修炼之道》

           《Head First HTML and CSS 2nd Edition》

实战：《Web前端开发技术实践指导教程 2版》人民邮电出版社

tips：学习这块个人推荐‘W3C’与’书籍‘，不推荐网课(耗时)，用心学不到一个月就能基本掌握。

        JavaScript:

              我在学习JS的时候是软硬通吃，不管理不理解全都吃下。到后面学完了vue才发现其实没必要，用不到的知识会很快忘记。这里也是推荐跟着W3C学习JS，不推荐直接看书，会很枯燥。（当时买了本《JavaScript权威指南》，看了1/3，直到现在一直在吃灰）。

        推荐初学者可以把<AJAX><JS vs jQuery><JS JSON>先放过，到学习vue前再学习。

        如果你有其他语言基础，把JS基础过完基本不会超过一个月。

vue：

        目前我只学习了vue这个框架，个人认为比较重要，所以我把这部分放的很慢。而且vue的学习都是通过网课。毕竟他不像学习一门新语言，可以借助你的其他语言基础。过程中基本上就是学完一节新知识，就把这节的知识自己打一遍。我当时学习的网课每一段课程都有案例，网课就放在本段下方。跟着下面推荐的教程还可以学到关于CLI的知识，也就是让你看懂项目结构。

        推荐学习vue前掌握：<JSON>，<AJAX>，<axios>，<nodejs>，<github>，<es6>，<npm>

        这里的<es6>,<github>也可以学完vue再补上，我是没有用到多少。

       (git主要是方便 你看一些项目的源码 还有结构 文档等等..)

        实战的话我是在学完vue2，跟着视频做了一个小项目 附链接：ego 

        需要<vue全家桶+mysql+axios>技术，涉及技术栈不多，难度不大。

         适合刚学完的小伙伴练手。

资料：

        vue：b站搜 《vue》天禹

        axios：《axios》想深入学习的可以看源码部分，这里学起来很快（除了源码）

总结:

        其实真正学起来遇到的小问题是很多的，希望各位可以带着兴趣学习，不然真的很容易劝退。特别是环境安装这一块，电脑不一样难度也就不一样。这里只能建议多百度，多用咱的码农社区。初学建议用windows系统，linux的话这些环境的安装调试可能会略略大点(个人感觉)。

        还有，就是推荐大家学习尽量不要拉长战线，可以一块一块学。个人学习JS的时候拉长战线，学完后面忘了前面的(特别是一些不常用的标签和css属性)。到后面学vue的时候还回去复习了一遍。

        我花了大概六个月学完了这些，在中间断断续续有一些事情干扰。个人感觉算是拖拖拉拉的了。

        肚子里没有墨水只能先分享这些了。respct ！