前端開發學到什麼地步，能出去找工作？
下面是北京和上海，招聘web前端開發工程師的要求。以及需要做些什麼，工作的內容。
那麼對於零基礎該怎麼學習自學前端呢？以下是我的分享
工具篇
工欲善其事，必先利其器，所以在開始之前選擇一個合適好用的編輯器是很重要的，工具不再多，在於好用就行，除了編輯器，我們也要掌握其他的一些工具，才能夠讓我們在學習的道路上更加的順暢。
WebStorm
不必多說，前端最強大的編輯器，特別是那無敵的智能提示，但是它的缺點在於如果項目多於大時，出現的卡頓讓很多人苦惱。
在使用「Google」之前必須學會***，不然無法訪問，學會使用搜索可以幫助我們解決很多問題，一個人的知識是有限的，掌握了搜索的技巧才能以不變應萬變，很多時候百度出來的東西重複性很大，最重要的是垃圾信息很多，在百度找不到的答案，在這裏很容易找到，Google 是我的必備搜索。
Github
全球最大的「同性」開源交流社區，沒有賬號的趕緊註冊，在這有很多優秀的資源項目，各種大神。觀摩優秀代碼是我們學習的很好路徑。另外在開發過程中，很多時候任務重、時間緊，應該避免重複造輪子，這裏能夠找到你需要的工具或代碼。
Stack Overflow
國外著名的技術問答交流社區，開發時碰到的很多問題在這裏都能找到答案。
SegmentFault
對應的國內版的技術問答交流社區，如果你英文不好，也可以在這裏找找答案。
Markdown
Markdown 輕量級標記語言，簡潔的語法，讓作者專注內容而非複雜的格式要求，我認爲人人都應該掌握，特別是經常寫博客的人。想想你在用 world 時的場景，每次寫完文章之後，不得不話費很多時間進行格式的排版，使用它你就可以避免這些煩惱。
· Markdown 中文文檔
· 有道雲筆記：我自己一直在用的在線 Markdown 編輯器。
需要學習的技術知識點和學習路線，學習方法
HTML 篇
一些準備就緒之後，開始我們的學習之旅，首先我們先從 HTML 開始。
HTML名爲「超文本標記語言」，是整個頁面的結構基礎，它承載了我們的頁面內容。
基礎
· w3school 在線教程：內容非常的基礎，適合小白學習，對 HTML 有一個入門瞭解。
· freeCodeCamp：一個非常好的入門學習網站，採用闖關的模式，就像遊戲打怪升級一樣，非常的有樂趣，準備自學的小夥伴不妨試試。
進階
· MDN HTML：這裏的內容質量更好，錯誤更少，內容也更加的全面。
· HTML和CSS編碼規範：掌握一些代碼技巧，寫出更好，更高質量的代碼。
CSS 篇
HTML 承載了頁面的內容，但是有時候會略顯單調與「醜陋」，CSS 的作用就是爲這些內容加上樣式，就像一個美女也要有漂亮的外衣去修飾纔會更加漂亮，「人靠衣裝馬靠鞍」，網頁的內容也是需要穿上一件漂亮的外衣去吸引用戶。而 CSS 則完成了這個裝飾。
基礎
· 學習CSS佈局：帶你一步一步的完成 CSS 的學習。
· CSS參考手冊：對CSS可以有一個全面入門的學習。
· w3school CSS 參考手冊：同上也是非常基礎的知識，適合入門。
進階
書籍：
《CSS揭祕》：非常推薦的一本 CSS 書籍，可以學到很多鮮爲人知的技巧。
在線系列：
· MDN CSS：和 HTML 都是 MDN 社區文檔，質量保障。
· HTML和CSS編碼規範：掌握一些代碼技巧，寫出更好，更高質量的代碼。
· 大漠老師的CSS系列：大漠老師對CSS有非常深入的認識和豐富的實踐經驗，《圖解CSS3：核心技術與案例實戰》的作者。
· 大漠老師的SASS系列：大漠老師的 sass 文章系列。
· SASS中文網：成熟、穩定、強大的 CSS 擴展語言解析器，它可以讓你使用變量，條件語句等書寫 CSS。
· Stylus官網：同樣是 CSS 預編譯器，但它省去了一些符號，讓 CSS 寫起來更加的簡潔，清爽。
· HTML5和CSS3：詳解HTML5 和 CSS3。
知識點：
· 別說你懂CSS相對單位：深入瞭解 CSS 的相對單位rem，em區別。
· CSS 進階內容：常見知識點的深入瞭解。
· Flex 佈局教程：語法篇：阮一峯老師的flex講解。
· Flex 佈局教程：實例篇：阮一峯老師的flex講解。
· “CSS相關”目錄存檔：張鑫旭大佬的CSS系列文章，深入淺出，《CSS世界》作者。
· CSS繪製的40種形狀和圖形：利用CSS繪製出的40各種圖形形狀。
· CSS-大前端：一些 CSS 的知識點。
進階
·JavaScript語言精粹：揭示·JavaScript中的精華。
·JavaScript祕密花園：對 JS 一些的核心知識點進行梳理講解，例如：this，閉包/作用域，構造函數，原型等等，都是面試必考知識點。
· ECMA 6 入門：阮一峯老師ES6入門書籍，全面介紹 ECMA 6 新引入的語法特性。
· ·JavaScript使用技巧：可以認識到一些你平時沒有接觸過的小技巧。
· 深入理解·JavaScript原型和閉包系列：詳細解釋了原型和閉包，看完之後對原型與閉包讓你徹底明白。
· 大漠老師的·JavaScript系列：大漠老師的·JavaScript系列文章。
··JavaScript算法與數據結構：基於·JavaScript的算法與數據結構，讓你愉快的學習。
·JavaScript中的正則表達式：我自己的一篇正則表達式的文章，希望對你有幫助。
· 30分鐘掌握ES6/ES2015核心內容（上）
· 30分鐘掌握ES6/ES2015核心內容（下）：闡述了一些常用的ES6的知識點。
· 學用 ·JavaScript設計模式：闡述·JavaScript編程語言中經典和現代的設計模式。
· 你不懂JS（系列叢書）
· InterviewMap：聚集了很多知識點，包括JS，瀏覽器，性能等。
· 30 秒就能理解的·JavaScript代碼片段：讓你更好的理解一些有用的JS代碼片段。
Type篇
ES6 的超集擴展，嚴格的數據類型，帶來更好的維護，適合大型項目的開發工作，有人說它是未來的發展趨勢，你說要不要了解？
· Type 中文手冊：官網翻譯版。
· Type Handbook（中文版）：中文版。
· RxJS 中文文檔：中文官網。
· 30 天精通 RxJS (01)：認識 RxJS ：繁體字可能閱讀起來並沒有那麼順暢。
Jquery篇
雖說現在已經是單頁面應用時代，有React，Vue 這種強大的框架可以使用，但也不缺乏一些老的項目需要維護，而且在學習之初，可以用它做兩個簡單的應用還是不錯的，可以相對了解下基本用法，它可以讓你更好，更方便的操作DOM。但不建議再深度學習。
· 《鋒利的jQuery(第2版)》：一本很不錯的 Jquery 學習書籍。
· jQuery API中文文檔：JQuery 中文教程。
Ajax篇
掌握了的HTML、CSS、Java時，這時候可以嘗試自己做一些項目了，而項目中肯定會有數據的交互，這時候就是 Ajax 的用武之地了。
· 廖雪峯AJAX：廖雪峯大佬的博客知識。
· 對象：阮一峯老師的AJAX詳解。
· JSON風格指南：前後端的交互數據通常都是 JSON 格式，所以瞭解 JSON 是必要的。
NodeJS與模塊化
NodeJs 的出現讓前端發展進入了一個新的領域，並且滋生出專業的 Node 工程師，不僅如此 Node 在前端模塊化，工程化起到很重要的作用，所以瞭解是必須的，如果感興趣的可以深入學習，可以向全棧工程師發展。
·JavaScript模塊化編程（一）：模塊的寫法
·JavaScript模塊化編程（二）：AMD規範
·JavaScript模塊化編程（三）：require.js的用法
· 前端模塊化開發那點歷史：瞭解下，前端模塊化的發展。
· Node.js 官方
· 狼叔：如何正確的學習Node.js：狼叔江湖地位頗高，《更了不起的 Node.js》的作者。
· 全棧工程師之路-Node.js
框架篇
隨着日益複雜的用戶需求，與系統的複雜度上升，傳統的開發模式日漸的很難滿足，此時的三大框架孕育而生，讓開發者更加高效，可複用，把關注點都放在數據層的操作，免去那些繁瑣而又重複的視圖操作。
現在框架的能力已經是前端開發人員必備的技能之一也是趨勢，三大框架的「最終目的」都是一致的，我認爲開發者不必糾結於到底應該選擇哪一個學習，可以選擇其中的兩個是最好的。對於剛入門的人來說，建議選擇 Vue 入手，比較簡單，靈活。
· MVC，MVP 和 MVVM 的圖示：在學習框架之前，你應該瞭解下MVVM的設計思想。
· 框架原理：瞭解一些框架的基本原理。
Angular
· Angular：Angular官方社區。
· Angular開發者：大漠窮秋老師維護的站點，Angular中國佈道者。
· NG-ZORRO：Angular UI 組件庫，阿里巴巴出品。
Vue
· Vue：官網，最好的學習資料。
· 我的Vue進階之路：厚着臉皮貼出來，自己的一些學習總結，希望對你有所收穫，哪怕一點點。
· 使用vue全家桶製作博客網站
· Element：一個高質量的 Vue UI 組件庫。餓了嗎前端團隊出品。
· Vue 項目裏戳中你痛點的問題及解決辦法（更新）：做項目難免回去到坑，這裏你或許可以找到答案。
React
React我瞭解不多，所以就沒什麼好推薦的了，大家可自行學習。
· React官網
專門建立的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和需要注意的小細節，互相交流學習，不停更新最新的教程和學習技巧（網頁製作，網站開發，web開發，從0基礎開始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移動端HTML5的項目實戰【視頻＋工具＋系統路線圖】全棧工程師學習路線以及規劃都有整理，分享給小夥伴）點：學習前端，我們是認真的
