跨专业菜鸟的前端学习之路
秋招算是结束了，静下心来，整理这段时间的感受，以后再看，会不会觉得好笑，哈哈。
时间回到四个月之前，做了近一年C#+SQL Server开发的项目，从开始的需求分析、框架设计、详细模块设计，界面设计以及服务器搭建，，，到最后验收各文档的撰写整理，算是对后端开发有了一定的了解，然而对于即将到来的秋招，却还是很迷茫。本科不是计算机，读研也不是，没有所谓的专业基础，接触编程也才不足一年，我知道自己在这个领域差的太远，连小白也算不上；一方面考虑到自己在数据结构、算法编程方面的弱势，另一方面也是个性使然，不喜欢这种纯粹与数据、逻辑打交道的工作，一段时间焦虑纠结后，我决定做前端开发，虽不知以后朝什么方向发展，但秋招，我要找前端方面的工作。即使重头开始，毫无优势，没有实习，没有项目，身边同学的不解与怀疑，，，嗯，就前端了。或许是兴趣，或者是自己对这个行业的看好，决定就它了。以后工作中遇到什么艰难困苦，回来看看这篇文章，自己选的路，跪着也要爬到最后。
说一下自己这三四个月的前端学习路线。由于前两个月项目收尾和其他杂事，后面两个月投简历找工作，其实大都是间断性挤时间在学，晚上加点班，所用时间并不充足。
第一阶段，html+CSS+JavaScript基础，然后是jQuery+ajax。
先是在传智播客下载了一些基础视频（http://yun.itheima.com/course/c135.html），对着看，然后把所有的代码全部写了一遍，代码放在我的GitHub上：https://github.com/xvhuang/html-css-js-jQuery-ajax--.git。由于还有项目收尾工作等，时间感觉很不够用，大概一个多月，几乎每天晚上11点半才从实验室回宿舍，但还是由于时间太短，学的很浅，后面又有许多地方再回来重新补上，这个后面再说。但就刚走过新人阶段的我而言，建议在这些学完后，具体做一个demo，可以是一个小项目，或有不一样的感想。
这里补上开发工具的问题。由于之前做了近一年的C#项目，最熟悉的开发工具是Visual Studio，这阶段学习就直接使用这个了，最强大的开发工具，没有之一，智能提示简直做到了不可思议。顺便插个题外话，关于最开始学习是用记事本还是专门的开发工具问题，个人觉得还是专门的开发工具好一点，这里说明只是我的想法，杠精请过滤。因为作为菜鸟的我们，对整个领域都不了解，这个时候积极性很重要，每天因为一个html格式要打半天代码，还很有可能打错，渐渐就没兴趣了。所以不建议使用记事本，最差也要用个高级记事本，如Edit plus或者Note pad++等，起码有个颜色高亮。推荐的开发工具，Sublime Text3，Webstorm，这是我用过的，还有Visual Studio Code也都可以，看个人习惯吧
第二阶段，vue.js+webpack+ES6+git
初生牛犊不畏虎。感觉自己前端学的差不多了，这个时候想学习一个框架，为秋招做准备。多方面寻找资料，求建议，最后决定学习vue.js，据说简单容易上手。这里找了腾讯课堂的视频（https://ke.qq.com/course/279700），踌躇满志的开始学习，但学习的过程很痛苦，很多新的东西听都没听说过，而且学过的东西也认识太浅，坐晕车似的视频看完，也坚持敲完了代码，决定回头夯实基础。
首先是ES6学习，如函数、对象、字符串的扩展，箭头函数，模板字符串，promise等等，一点一点去学，认真做好笔记，也找了许多资料，这里推荐一个前端公众号：web前端教程，里面有个很好的趣味ES6学习教程，深入浅出讲述基本概念，对于入门个人觉得非常之不错。同时有vue系列的教程，后面我再重拾vue.js学习的时候，也是看完了这套教程。另外阮一峰老师的学习笔记也可以看看。
接下来是webpack，关于这个打包工具，本来觉得不难，找了一些博客、简书文章，看过后总觉得意犹未尽，后面也找了一个视频课程（https://ke.qq.com/course/259459）。
最后是git的使用学习，这个很多的博客和文章都有介绍，就不具体说了，最简单的是，下载一个桌面客户端，简单几步完成。
第三阶段：HTML5+CSS3+JavaScript学习。
之前虽然已经学过js语言，但是真的是太浅。8月中跑南京参加了美团的面试，发现一些基础的东西都不懂。虽然面试如预料挂了，但真心感觉面试官很好，给了一些学习建议。
这里说明一下，js中如作用域和作用域链、变量提升、闭包、原型和原型链、继承、this指向、函数调用方式、跨域、节流和防抖、重绘和回流异步编程等等，都是面试中长问的问题，也是js重要知识点，要熟练掌握。
HTML5这里，新增了许多东西，如语义化标签，地理位置，多媒体标签等等。学习CSS3的过程中，也遇到了JS学习的问题，之前的基础太差。插个题外话，这里提几个基础的知识点，盒模型，浮动，垂直居中、常见布局等等，面试常会问到。CSS3中新增的flex，bfc等等，要重点掌握。
这里推荐一个看过的视频，个人觉得讲的不错（链接：https://pan.baidu.com/s/1575wUbZ3SLeoTpq6fmDLng 提取码：lcsv ）。
嗯，先写到这里，后面有想起来的再补上。欢迎大神指导，也欢迎跟我一样的菜鸟共同交流、进步！
