在面试季致那些前端想入门的朋友们

前言

以前在博客上写了一篇装逼的博客《我是如何同时拿到阿里和腾讯offer的》，在文章上面本着学习和共享的精神分享了本身的简历，无心中暴露了很多我的隐私，结果这几天很多认识的和不认识的朋友都加我QQ或微信，请叫我怎么学习Web。在只有一两我的问的时候，我都是耐心回答的，但从长远的角度来看，仍是写一篇博客来压压惊好一点。须要声明的是，此文章中的观点仅表明我的意见，不表明大众的观点，如您有异议，欢迎在评论中指出。

从哪里来

Web如今是一个很是热门的话题，无论是计算机专业的仍是非计算机方向的，都嚷嚷着要学Web。从我我的的角度来看，若是您真的想学Web，起码保证您是理工方向的。这彻底不是看不起文科生，只是大部分理工专业都会涉及计算机方向的课程，好比操做系统、编译原理、计算机网络、计算机组成原理等。这些课程看似没有实际做用，但深入影响着你的编程思想。换一个角度说，你知道越多越底层的东西，越有利于你之后的发展。
Web是一个自定向下的方向，一开始你就写HTML、CSS和Javascript，看到了炫酷的效果，可是对于背后的原理一无所知。只有一直往下学，才会越精通。这和咱们的课程学习不一样，学校一开始就安排计算机组成原理和C++这类课程，给了你一个自底向上的学习过程，因此一开始老是枯燥乏味的，只有学到后面才能有乐趣，可是不少人没等体验到乐趣就已经放弃了。
因此，我但愿全部想学习Web的同窗，一开始就要想明白，本身是否是真的对Web感兴趣。若是没有兴趣，这个自顶向下的过程会让你愈来愈枯燥，直到放弃。

该从何开始

万事开头难，如何快速步入正轨可能比掌握一些高级技巧更加剧要。
前端很大的一个特色是入门容易精通难，所谓容易也不是分分钟就能学会的，我推荐按照下面的步骤去试试水。

好好把w3school上面有关HTML、CSS、JavaScript部分看两到三遍

相信W3School是不少Web开发者的启蒙老师，这个网站有一个好处就是标准，而且支持在线编辑，这样可以很好巩固每个知识点。固然，我仍是很是推荐你们一开始就去看这个网站的英文版（不幸的是英文的网站http://www.w3schools.com/貌似要FQ才能访问，用Chrome的朋友推荐你们用红杏这个FQ插件http://honx.in/i/VKquOX8mTlxxAR1U。）看英文好处仍是很是大的，由于等你技术成熟，想找到高级问题的解答的时候，一般都是英文问答才能知足你的需求。

一开始就应该多看书

不少初学者有一个很很差的习惯就是为了实现某一个效果，网上查了一些demo代码，用上了以为很开心。这样作很很差的一点是，即使你弄懂了demo的原理，你的知识仍是支离破碎的，没有系统性可言。因此，一开始多看书潜意思里面培养本身的编程思惟很重要。在这里我想推荐一些我看过的以为好的书。

• 《JavaScript DOM编程艺术》
  很经典的一门入门书籍，对于初学JavaScript的同窗来讲仍是很重要的。建议把书本上的代码都老老实实敲一遍，特别是最后面那个静态网站Demo。
• 《JavaScript高级程序设计》
  一本经典到不能再经典的书。这本书有700多页，但是我我前先后后大概看了三遍。看这么多遍是有缘由的，第一这本书的知识点广而浅，看完第一遍你就能够知道JavaScript到底能干啥；第二，这本书耐读，随着你对于JavaScript理解的深刻，对于这本书的理解也将深刻，你会发现这本书第4、5、6、七章大大道出了JavaScript的精华，实在是写得好；第三，这本书对于面试仍是很是管用的，本人也是在面试前花了几天把这本书再次过了一遍，效果很好。因此学前端的同窗都买一本实体书，好好琢磨。
• 《JavaScript权威指南》
  这本书的赞誉很高，我也有这本书的实体书，是一个朋友送的，老实说这本书我并无看不少，可是仍然建议你们好好看看，由于凡是书名中加入了指南二字的，几乎都为佳做。
• 《CSS实战手册》
  写前端最痛苦的莫过于调CSS样式了，本人对于CSS并无多少好感，只推荐不说话。

这远远不够

老实说，即使你把我上面说的都学习了一遍，也未必可以成为一个前端工程师，由于前端实在是太广了，并且经验很是重要。因此实战比什么都重要。
说到实战，不少人第一感受就是，我实战什么？让我作一个项目，我一开始那个水平远远不够；让我写一个我的主页？我好像尚未优秀的设计才华让我以为我作出来的主页足够惊艳。因而，资源成为了很是重要的一点。咱们学校有一门课叫作Web2.0程序设计，我还有幸作了一个学期助教，感受这门课的做业仍是至关有用的，若是能好好把十屡次的做业认真作一次，前端怎么也入门了。惋惜的是，校内资源仍是不要随意公开好，以避免生事。
若是我没有好的资源，在这儿说这么多也是扯淡了。我自己在咱们学校的一个Web俱乐部，俱乐部有不少优秀资源，固然也包括培训做业什么的，若是你须要，能够在评论注明你的邮箱，我会提供一些资源。

项目项目项目

项目对于任何一个工程师来说都是很是重要的，书看再多也是理论，只是实战操做才是王道。我刚开始作项目的时候，是跟着一个团队写写简单的页面，尽可能跟着别人学点东西。跟着师兄师姐学东西仍是颇有好处的，以前说过，Web是偏经验编程的，别人作得多了，天然懂得也多。
固然，很大一个问题是，项目哪里来？这涉及到另一个话题，就是怎么作一个不止会写代码的程序员。我我的认为程序员总归不是一条长远的路，等到年龄增加，思惟跟不上年轻人，终究是须要转型的，因此在转型以前培养人际关系什么的尤其重要。因而，项目一开始都要本身主动去找，若是你不能很好把本身推销出去，面试的时候也很难表现良好，因此，多接触懂技术和搞技术的人仍是很重要滴。等你技术成熟了，不须要本身去找项目，一般都是项目找上门。本人建议，在你找工做以前，怎么都得作上五六个项目。

不仅是JavaScript

不少人误觉得前端就是写写CSS和JavaScript，很简单的，其实否则，一个合格的前端工程师须要掌握的比这个多得多。在这里列举一下本人简历上的技术栈，告诉你们前端有哪些值得掌握技术。固然这些技术绝对是皮毛。学到后面怎么挖掘本身须要的技术才是更重要的。

• JavaScript类库：jQuery、Prototype
• JavaScript框架：BackBone、Vuejs、Angular.js、React.js
• CSS预编译器：LessCss、Sass
• JavaScript模块加载器：RequireJS、Browserify
• 项目构建工具：Grunt、Gulp
• 项目管理和协同工具的使用：SVN、Git
• 前端测试框架以及工具：Jasmine、Mocha
• 基本后端开发：NodeJS、Python
• web相关技术：MongoDB、CoffeeScript、SEO、Socket.io、Express、Tornado等

不要中止看书

上面推荐的几本书很好，为何不一口气推荐完呢？理由很简单，有些书适合初学者，有些书就只适合中高级开发者。我接下来推荐的几本书入门者去看也看不懂，没有足够的编程积累，看起来也没有那么深的体会。

• 《JavaScript语言精粹》
  好书！若是你编写的JavaScript足够多，就会发现里面字字珠玑，回味无穷。
• 《基于MVC的JavaScript Web富应用开发》
  Web前端架构级别的书，每一项技术都是目前的热门，看上两边不为过！
• 《JavaScript设计模式》
  当你作富交互的应用的时候，就会知道这本书有多管用！
• 《HTTP权威指南》
  虽然是学前端，可是若是一个前端工程师只会前端那也不叫前端工程师了。深刻理解HTTP协议对于Web性能优化很是重要，对于先后端交互也能有更好的体会。一本值得啃的书籍。

好书太多，等到了必定水平，本身发掘去吧~

总结

其实说了这么多，也暴露了Web前端的缺点，做为一个国内的新兴职业和朝阳职业，不可能有系统级的教程，一切真心须要本身本身琢磨，我只能帮你到这儿了。若是您以为对您有用，欢迎点个赞~