前端是干什么的我就不贅述了，直接進入正題。

 

前端入門是一個螺旋上升的過程，既要反復看書，也必須抓緊時間實踐。IFE是一個絕佳的練習平臺，題目都是開源的。15年的學習資料比較多，而16年的題目題量較大，難度也稍大，新手很容易在task1-6喪失信心，那個任務實在是太麻煩了。所以我個人建議先刷15年的task1和task2，都是很基礎的題目了，不會做也可以參考別人的代碼。

 

    IFE2015：ife/2015_spring/task at master · baidu-ife/ife · GitHub IFE2016：百度前端技術學校我把這三個月大致分為三個階段。

 

1. HTML + CSS前端的入門門檻極低，體現在HTML和CSS上。運行環境就是瀏覽器，推薦Chrome。你需要的只是一個文本編輯器，推薦Sublime Text 3，有不少好插件比如Emmet，谷歌搜一下很容易了解到的。當然你非要用記事本的話，也不是不行的。剛入門查閱資料可以用 w3school 或者 MDN 。HTML和CSS不是編程語言，前者只是結構標簽，后者則是樣式配置，入門是非常簡單的。網上資料也有很多，推薦慕課網 HTML+CSS基礎課程。我當時是看了一本書 Head First HTML and CSS，講得淺顯易懂，不過價格比較感人，也是只翻一遍的書，沒有必要買了。迅速刷一遍慕課網，對HTML和CSS有個大致印象就好。想鞏固HTML標簽可以去看看16年的task1-1。HTML5的API可以先放一放，回頭再看。接下來就是深入學習CSS了。推薦：《CSS權威指南（第3版）》。很枯燥的一本書，但我確實不知道哪本書更適合了。花兩三天硬啃下來就好了。屬性細節不必記憶，以后用到肯定要再查的。著重點放在大局上，比如盒模型，浮動和定位這些，抓住重點快速過一遍。《CSS3 專業網頁開發指南》。CSS3也是需要掌握的內容。但這里還是以了解為主，知道CSS3有什么內容就好，記憶屬性是枯燥且毫無意義的。以上內容用時5天左右，下面是實踐。學了幾天HTML和CSS了，應該也有點成果了。打開IFE2015 task1，寫個靜態頁面吧。我X，完全寫不出來。這是正常的。去看下別人的代碼吧，看一小部分就開竅了。忘掉的屬性就查書或者w3c，多嘗試，不斷踩坑才有進步。畫完第一張圖后，別著急往下寫。你的代碼肯定會有如下問題：胡亂的代碼縮進毫無章法的屬性順序滿頁的div不停地寫id和class重寫吧，是的。重寫之前先看一份代碼規范 GitHub - ecomfe/spec: This repository contains the specifications.。當然代碼規范不是唯一的，我早看的是這一份，所以代碼風格也一直維持到現在。再去看一下別人提交的代碼，多看幾份。當然自己也要判斷，不能聽風就是雨啊，人家寫得不好你再去重寫一次，等于你也有責任對不對。開始重寫了，會發現功力大增，寫代碼速度也快了很多的。寫到第三張頁面的時候，應該比較熟練了。如果看到布局就大概知道應該怎么寫了，那就可以進入JavaScript的學習了。以上內容用時10天左右。進階部分可以回頭再看：掌握預處理工具Sass，自動化工具Gulp。閱讀Bootstrap源碼。《CSS揭秘》，極其驚艷的一本書，涵蓋了CSS3的很多奇技淫巧，雖說有些地方不太實用，但讓人眼前一亮，很值得看。

 

2. JavaScript這是至關重要的階段。強烈推薦《JavaScript高級程序設計（第3版）》，俗稱紅寶書。前七章是重中之重，必須反復閱讀，直至完全理解，期間可配合其他書一起讀。DOM，事件流，表單，JSON，Ajax與后幾章也相當重要。其余章節可以略讀或跳過（比如瀏覽器嗅探，XML以及那些列舉大量API的章節，完全可以用到再查）推薦《JavaScript語言精粹》，俗稱蝴蝶書。超薄的一本，半天就可以看完。JavaScript是一門有很多坑的語言，我個人是喜歡把這些坑點全部搞清楚的，但這本書卻避而不談了，剩下的也就是所謂的“精粹”了。但清晰地過一遍知識點總是好的。強烈推薦《你不知道的JS》。精彩至極的一本書，將JavaScript的坑一網打盡。之前搞不懂的問題，比如閉包，this之類的都可以在這里找到答案。ES6也是必學的內容，推薦阮一峰老師的《ES6 標準入門》。但這本書以API居多，所以還是留個大概印象，以后寫到類似的地方，查一查有沒有ES6更簡潔的寫法就好，不必死記硬背。以及需要學會Webpack的使用，Babel和模塊化就靠Webpack了。不太推薦《JavaScript權威指南》，也就是犀牛書。那就是一本字典……進階：《JavaScript設計模式與開發實踐》，設計模式是必須了解的內容，這本是寫得不錯的。《高性能JavaScript》，紅寶書作者的另一力作，講了一些優化技巧與性能瓶頸問題，值得一讀。以上內容用時1個月左右，中途可穿插IFE2015 task2的題，比2016年的要簡單。這些書全部刷完的話，應該可以跟人談笑風生了。開始實踐，IFE2016階段二的題，想怎么刷就怎么刷吧。如果有編程經驗的話，應該沒什么壓力了。

 

3. JavaScript框架這部分就比較自由了，每個人點的技能樹都不一樣的。前端的發展是爆炸式的，換工具比翻書還快，所以還是以看文檔為主了。目前主流框架經常被提及的是React，Angular，Vue。知乎搜一搜就有相當多的優秀答案了。不過這個答案也有時效性，說不定過兩年這些框架全都被淘汰了呢【逃學習至少一種框架，把IFE2016刷通關吧。耗時1個半月左右。進階：看各種源代碼。這也是我近打算做的事情，但是好像期末考要到了TAT后補充一下，計算機基礎知識是很重要的。由于本人有OI的經驗所以稍微占點優勢。再推薦幾本書，抽空還是要看看的：《深入理解計算機系統》，CSAPP，也是我們專業這學期的課程（但是我的專業明明是EE啊）。《計算機網絡 自頂向下方法》，看名字就知道必讀了吧。操作系統好書挺多的，推薦一本 Operating Systems: Three Easy Pieces ，英文不夠好就《現代操作系統》吧。算法和數據結構，推薦兩本：《算法導論》《數據結構與算法分析》。似乎算法和數據結構與前端關系不大，但作為一個碼農，不要求你寫紅黑樹，至少快速排序和二分查找這種要會寫的吧。話說這幾本中文的，都是機械工業出版社的啊……



南京北大青鳥，主要課程：南京ui-web前端-java培訓。課程包括：南京web前端培訓、南京java培訓、南京ui培訓、南京android培訓、ios、微信營銷等課程。