32天火速入门前端开发指南
# 前言
本人与今年的3.26日正式开始折腾前端开发。为什么是这天呢？因为在3月25号之前一直在折腾算法比赛(PS:当然最后划水了，嘤嘤嘤),也没时间搞别的东西了。其实对于我而言转移方向到前端上来是一个挺痛苦的过程，因为自打从中学起我就一直想做一个Android developer，但几经分析行情以及自身实力最终还是决定放弃移动开发，深层次原因暂且不表。在接下来的时间，我大概用了将近两个月的时间系统的掌握了(装尼玛呢)前端开发的核心技能，之后就能差不多去做一些东西了(主要是小程序),写这篇路线规划一方面对自己过去的这段时间做个总结，另一方面也算是给准备搞前端的小萌新们一个参考吧。
# 学习资源推荐
- 表严肃 (opens new window) 一个前端讲的很nice的讲师，课程质量很高，个人网站绝大部分都是免费课程。也可以去B站搜”表严肃”。
- mooc平台：中国大学mooc/学堂在线/网易云课堂
- Wiki: 菜鸟教程 (opens new window) 极客学院Wiki (opens new window)
- 闲鱼(滑稽
# 具体的路线规划
接下来是根据我自己的学习经验总结的路线，如果你无从下手，就这样跟着走吧，至少我敢保证这种学习路线还是很平滑的。你每天大概只需要抽出三到四个小时，当然这指的是你集中精力的时间。
# 第1天到第2天(HTML)
可以去看这个培训班的视频 链接 (opens new window)
在P32之前的部分都是HTML，其实这部分很简单的，你也可以去菜鸟教程上去看Wiki，跟着做也是一个不错的选择，不过我还是推荐看一下这个视频，他会把一些很基础的东西交给你，对新人来说还算友好，我当初记得一天就刷完了。
# 第3天到第9天(CSS)
这部分的内容掌握常用的就ok，当然基本的概念(盒子模型/display/position属性、常见布局)一定要搞懂，虽说不难但每次写个页面都查文档还是很恶心的，这个地方建议去看表严肃，讲的很精炼，我当初看的还是上个链接中培训班的视频，往后几天差不多就看完了，不建议去看wiki，现用先查也算是一种不错的学习方式。在学习的过程中尽量跟着敲，用一些笔记软件(推荐onenote)把效果截图截下来，这步很重要！当然你懒得话也可以截视频里的图，这都没有问题，只要你觉得你能记得住。
# 第10天到第11天(简易博客)
利用之前的知识做一个简单的博客。
# 第12天(响应式布局)
理解什么是所谓的响应式布局(很简单的，就是为不同设备写不同样式表)
# 第13天到第14天(电商布局)
复杂的页面真的可以锻炼布局能力，不要偷懒，跟着好好做。
# 第15天到第16天(Git与Github)
写这么久代码如果连全球最大同性交友网站还不会玩那可太low了。这个视频可能你会看的一头雾水，但没关系只要你会用就行了，其实就那几条命令。一些复杂的(合并分支版本控制啥的)现阶段真的用不到。搞明白后记得把你之前跟着写的那两个项目推到你的github上(你也可以把你之前写过的东西放上去)。
# 第17天到第18天(bootstrap)
bootstrap是一个很好用的css框架，可以极大的提升你写布局的效率。
# 第19天到第20天(新闻站开发)
利用前两天学的框架做一个新闻网站。
目前为止你大概就把html和css的基础部分差不多搞完了，现在开始就是真正重要的内容了。
# 第21天到第22天（JavaScript预科）
翁凯JavaScript (opens new window)
讲的不是很详细，但很适合拿来预科，提前了解下JavaScript这门语言，翁凯也确实是一个姿势水平很高的老师。
# 第23天到第25天(Javascript高级程序设计)
这部分的内容并不推荐视频，因为真的太太太太重要了，推荐看书，书名就叫JavaScript高级程序设计(就是所谓的红宝书,豆瓣评分9.3的那个)，这本书号称前端圣经，面试中90%以上的问题都能在这里找到答案。当然把这本书通读完也是不现实的，我列一下重点章节吧
- 第三章 基本概念
- 第四章 变量，作用域和内存问题
- 第五章 引用类型（5.1，5.2，5.5，5.6）剩下的部分可以先暂时不用看。
- 第六章 面向对象程序设计
- 第七章 函数表达式
- 第二十章 JSON
看的时候也不要卡牛角尖，主要是把这本书上的代码示例跟着敲敲搞明白就好，给你们一个参考，这里是我当时总结的
JavaScriptLearning (opens new window)
这本书的链接 JavaScript高级程序设计第三版 (opens new window) pdf版 (opens new window)
这本书还是写的很不错的，推荐搞一本，闲鱼或者多抓鱼上二手的也不是很贵。如果说你真的看书看不下去，emmmmmm那好吧，这个清华大学的mooc讲的也还行(看第六章和第七章的7.3)
# 第26到第27天（Dom与Bom）
这部分也应该归到js里面，但因为很重要就单独拿出来了
# 第28到第29天（JQuery）
虽说现在一线的前端开发已经很少用JQuery了，但这个框架的思想还是值得学习的，还是好好看看吧。
# 第30到第32天（Vue）
Vue应该算是目前为止最流行的框架了(???完了我这样说是有可能被砍的)，这个框架的作者是个华人，而且长得巨TM帅(误，Vue在所有js框架中应该算是对萌新相对比较友好的一个，当然你也可以选择去学习react或者angular，框架这种东西只要能用的顺手就行了。哦，这部分我根据课程内容总结了一份源码，感兴趣可以看看
# 结语
好了，目前为止你应该能做一点东西了，接下来的发展方向看你的喜好吧。如果你想做移动端前端开发可以联系我，目前我们在开发一些小程序，项目确实需要一些人手，如果你想做PC浏览器端的前端开发那你需要研究下node.js/npm、webpack之类的工具，不管怎么说如果你真的能每天肝三小时把上述内容搞明白的话，你就已经算是入门前端开发了。万事开头难，接下来你就能做很多事情了：去写一个属于你的博客，或者是一个WebApp，或者给你喜欢的妹子写一个炫酷的页面拿来表白(误。。当然这上面的内容是远远不够的，要不然怎么叫入门呢。。。你还需要根据你自己的项目需求去掌握一些必要的技术栈，这都是一个不断爬坑的过程，在这些过程中希望你能自己善于总结，吸取经验，毕竟写代码真的是一件你付出多少它就给你回馈多少的事情。