前端工程師從入門到BAT校招
小明：我現(xiàn)在大二懂更，將來想做前端，都需要學些什么急膀？
老王：很簡單啊沮协，就一張圖，你看!
小明：……嗯……很好卓嫂，我開始考慮轉行了皂股。
老王：……
對于本科畢業(yè)想過校招，進BAT級別的互聯(lián)網(wǎng)公司命黔，真的要面面俱到嗎Ｎ啬拧！：纺肌蘑辑！
今天，小編帶你一探究竟坠宴。
BAT前端工程師校招要求整合版：
小明：雖然看起來少了點洋魂，但我如何起步呢？好多啊８笨场衔肢！看著就想GG
然而事實不是這樣的，今天鳥君從各方收集資料豁翎，手把手教小白前端從0到1＝侵琛（如有不當，歡迎各路大腿批評指正）
前端第一步心剥，英雄必過語言關
HTML->CSS->JS->jQuery（時間：半年）附學習資源
入門：先看視頻教程再看書（2-3個月）
1邦尊、HTML（1周-2周）
http://w3school.com.cn/html/index.asp
《Head First HTML with CSS & XHTML》https://book.douban.com/subject/1472137/
2、CSS（1周）
http://w3school.com.cn/css/index.asp
3优烧、JavaScript（2-3周）
http://w3school.com.cn/js/index.asp
《JavaScript DOM編程藝術》https://book.douban.com/subject/6038371/
4蝉揍、jQuery（4-5周）
http://w3school.com.cn/jquery/index.asp
《鋒利的jQuery》https://book.douban.com/subject/10792216/
復習：（2-3個月）
1、《JavaScript高級程序設計（第3版）》（圣經(jīng)級別）
https://book.douban.com/subject/10546125/
2畦娄、《?JavaScript權威指南（圣經(jīng)級別）》
https://book.douban.com/subject/10549733/
此階段要注意又沾，要理解，JS是很強大的熙卡，而框架只是輔助工具杖刷，不能養(yǎng)成沒了jQuery就不會寫demo的習慣！Ｔ偕拧Ｍξ稹曲横！
本階段喂柒，你可能需要這個IDE
VIM/Sublime Text2（前者更強大，后者更初學）
你可能需要好用的調試工具
Firebug/Chrome Dev Tools（都很好用）
如果你已經(jīng)學好了上述內(nèi)容禾嫉，那么恭喜你灾杰，你已經(jīng)可以稱得上入門級別了，然而并不要開心的太早熙参，我們離BAT級別的公司還有一定距離艳吠。
中級：到這個階段，說真的孽椰，之前看的還記得多少昭娩？忘得差不多了吧~~很正常~所以，本階段：實踐中鍛煉黍匾，有項目做項目栏渺，沒項目找項目做！開始可以做些一般公司的官網(wǎng)或博客锐涯，看著暈的話磕诊，右鍵“檢查元素”~~~~然后可以復制粘貼，當然，得試著看懂霎终。
本階段要拋棄常規(guī)的先學習再考試的思維滞磺，轉換成：考試考試，遇到不會的東西莱褒，翻書击困，然后背著寫一遍的模式。在實踐中學習才是本階段的王道保礼！遇到問題沛励，去各種搜索，翻博客炮障，查社區(qū)目派，解決掉該問題，請相信我胁赢，前端知識是無窮無盡的企蹭，你可能一生都學不完，也沒必要全都去學習智末，招聘企業(yè)更看重你學習新東西的速度谅摄，和解決問題的能力。
（本階段歡迎來實習鳥平臺找實習）
在這里系馆，小編列出一些你在實踐中可能遇到的一些問題送漠，并給出相應的解決方案。3
1由蘑、CSS語言很好闽寡，但不能編程？
a)用Sass/Less
http://www.w3cplus.com/sassguide/
2尼酿、要做個項目爷狈，有沒有更多可以直接調用的框架？（常用）
a)YUI3
https://github.com/yui/yui3/wiki
b)AngularJS
c)Bootstrap
d)React
https://facebook.github.io/react/
3裳擎、每次都要部署同樣的東西涎永？？太麻煩了鹿响！項目構建工具
Grunt
http://gruntjs.com/
4羡微、有同學說我的網(wǎng)站錯位了？wtf；涛摇Ｂ杈蟆！需要考慮多瀏覽器兼容
a)考慮主流瀏覽器IE7/8/9/10/11,Firefox/Chrome/Safari
b)學習前端標準和規(guī)范
W3C標準
CommonJS Modules/AMD
http://wiki.commonjs.org/wiki/Modules/1.0
https://github.com/amdjs/amdjs-api/wiki/AMD
HTML5/CSS3
http://www.w3.org/Style/CSS/specs.en.html
5指孤、版本迭代有問題启涯，臥槽贬堵！之前代碼忘了存了！结洼！版本管理
Git/SVN
《Git權威指南》https://book.douban.com/subject/6526452/
6黎做、媽蛋，微信里看網(wǎng)頁怎么縮放了松忍？蒸殿？移動web
a)響應式網(wǎng)頁設計
https://zh.wikipedia.org/wiki/%E5%93%8D%E5%BA%94%E5%BC%8F%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1
b)jQuery Mobile
http://jquerymobile.com/
c)ReactNative
https://facebook.github.io/react-native/
7、Bitch鸣峭，開網(wǎng)頁的時間我都能聽首歌了：晁！學學性能優(yōu)化
a)YSlow35 Rules
https://developer.yahoo.com/performance/rules.html
b)HTTP Watch
c)DynaTrace's Ajax
https://community.dynatrace.com/community/display/AJAX/Dynatrace+AJAX+Edition+Community+Home
d)《高性能JavaScript》
https://book.douban.com/subject/5362856/
8摊溶、和同學開發(fā)大型項目爬骤，怎么安排相關模塊？莫换？學習代碼組織
a)類庫模塊化
CommonJS/AMD
YUI3模塊
https://github.com/yui/yui3/wiki
Webpack
b)業(yè)務邏輯模塊化
Bower/component
https://github.com/bower/bower
https://github.com/componentjs/component
c)文件加載
LABjs
Sea.js/Require.js
http://requirejs.org/
d)模塊化預處理
Browserify
https://github.com/substack/node-browserify
9霞玄、網(wǎng)頁是開發(fā)好了，但是是靜態(tài)的拉岁，沒有數(shù)據(jù)更新坷剧？怎么辦？喊暖？學習后臺相關技術(這里小編就不再詳細寫啦惫企，相信到了這個階段，你也就知道怎么去查要學什么陵叽，怎么去找學習資源了)
a)后端開發(fā)語言PHP/Java/Python
b)Linux/Unix編程
c)Ajax
有些同學會問狞尔，要不要持續(xù)性關注社區(qū)和博客？
小編的看法：不一定的咨跌，尤其是對于初學者沪么，那個時候你還沒有自己的判斷硼婿，如果他寫的不對的話锌半，可能會讓你深深陷入誤導之中，但是對很多人都公認的博客和大牛寇漫，還是可以看的刊殉。
你或許可以關注的部分前端大牛的博客（來自知乎網(wǎng)友）
http://www.zhihu.com/question/19951193
你或許會用到的前端相關社區(qū)/會議
D2/WebRebuild
NodeParty/W3CTech/HTML5夢工廠
JSConf/滬JS(JSConf.cn)
QCon/Velocity/SDCC
JSConf/NodeConf
CSSConf
YDN/YUIConf
HybridApp
WHATWG
MDN
codepen
w3cplus
CNode
學習過程中，需要注重積累州胳，最好有自己的博客或git记焊，并且記錄自己的學習過程中的思考與感悟，因為面試的時候技術官真的會點進去看里面內(nèi)容的質量栓撞！
最后遍膜，附上前端校招的面試題~~
英文：https://github.com/h5bp/Front-end-Developer-Interview-Questions
中文：
https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Question
最后的最后碗硬，感謝本文資料的主要來源
作者：JacksonTian
原文鏈接：https://github.com/JacksonTian/fks
為更好符合校招標準，本文對原文進行了刪減和補充瓢颅。
