大白話，講編程之《ES6系列連載》彙總

若是你經歷過2,3年前的前端開發，你必定感覺過兼容IE6，7的痛苦，必定用過網頁三劍客的dreamweaver編寫html，面試的時候面試官必定會問你：會用PS切圖嗎？

剛開始的時候你發現，web前端相對其餘開發來講，門檻低，更容易上手，當時仍是菜鳥的你興奮不已，本身也能夠編程了。因而，你就堅決不移地走上了web前端開發的不歸路。
 
走着走着，你發如今前端領域突飛猛進，天天都有新鮮的事物出現，目不暇接，層出不窮的框架（jQuery/Prototype /Dojo/ExtJS......），接着HTML5的熱潮開始，宣稱要顛覆移動端的開發，Nodejs也變成了前端人涉及後端開發的重要工具，Facebook的React框架可讓你可使用 JavaScript 來開發原生應用，組件化，工程化等等....
 
 此時做爲剛剛入行的你，爲了跟上開發潮流而疲於奔命，當你花上了大量的時間精力去學習某一個框架，並想用它大展拳腳的時候，很抱歉，它有可能已經被潮流拋棄而再也不受歡迎。
 
你開始懷疑本身究竟是否適合作前端開發？

 
若是你堅持到了2017，或者你是剛剛入行的小夥伴，那麼你能夠說是幸運的。不少坑都已經前輩們被踩平了，各類瀏覽器早已迭代更新，後續的開發，你不須要再爲兼容性過多的煩惱，不適應時代發展的框架也早已被淘汰廢棄，你也不用疲於奔命地學習各類新框架。
 
 
那麼，2017年的前端，咱們應該掌握哪些開發技能呢？（其實看看企業的招聘需求就知道了）

HTML,CSS基礎技能必備，你應該能獨立開發常見的佈局和效果。
Javascript：ECMAScript 6，javascript的新語法標準，會逐漸成爲主流。前端君前段時間已經出過大白話，講編程之《趣味ES6系列》，整個系列淺顯易懂，很是適合初學者入門。
主流框架：Vue2.0 / angular / react 至少一個，幾乎每一個招聘需求上都能看到這三個。
資源模塊化管理：webpack

學習很容易，找到適合本身的學習資源不容易，尤爲對於新手來講，在沒有開發經驗的前提下，不少概念並無深入的理解，教程看起來會比較懵逼。

找到一個適合本身，淺顯易懂的教程是十分必要的，好比：大白話，講編程的《ES6系列》。

接下來，前端君會以一樣淺顯易懂的講解風格，來跟你們一塊兒學習Vue2.0的知識，敬請期待吧！

（此係列適合新手入門，若是你不是新手，能夠略過了）
 
接下來的Vue2.0系列教程，會使用到了ES6的知識，若是你對ES6還不瞭解，能夠事先進行學習。

 

章節目錄：

第一節：什麼是ES6？新手該如何理解

第二節：ES6新增了let關鍵字，幹嗎用的？

第三節：ES6中另外一個不得不說的關鍵字const

第四節：教你如何快速讓瀏覽器兼容ES6特性

第五節：一個使人興奮的ES6新特性：解構賦值

第六節：ES6爲字符串String帶來哪些好玩的特性？

第七節：ES6爲數值作了哪些擴展？

第八節：ES6爲數組作了哪些擴展？

第九節：ES6爲對象作了哪些擴展？

第十節：ES6爲函數作了哪些擴展？

第十節（補課）：函數的擴展 — 箭頭函數的this使用

第十一節：JavaScript有了一種全新的數據類型：Symbol

第十二節：ES6 Proxy代理 和 去銀行存款有什麼關係？

第十三節：易學又實用的新特性：for...of

第十四節：ES6的 Iterator 遍歷器究竟是什麼？

第十五節：有一種特殊的函數叫：Generator函數

第十六節：ES6新增的 Set 和 WeakSet 是什麼東西？

第十七節：ES6新增的 Map和WeakMap 又是什麼東西？

第十八節：教你如何使用ES6的Promise對象

第十九節：終於，JavaScript也有了類（class）的概念

第二十節：一個缺失已久的特性 — module模塊

重磅測試：爲ES6系列設計的2套習題+答案解析

學習入口連接：http://mp.weixin.qq.com/s/4d_Da-IZpCJ3xdxMgZXfHQ

轉自《前端君》公號文章       公衆號：webjiaocheng