前端學習計划
推薦學習網站
菜鳥教程： http://www.runoob.com
W3cschool：http://www.w3cschool.cn
框架和工具
BootStrap：http://v4.bootcss.com
Materialize：http://materializecss.com
Font Awesome：http://www.fontawesome.com.cn
Material Icons：http://google.github.io/material-design-icons/
Datatables：http://datatables.club
Bootstrap-fileinput：http://plugins.krajee.com/file-input
Layer：http://layer.layui.com
BootCDN：http://www.bootcdn.cn
Electron：http://electron.atom.io
Electron中文文檔：http://www.kancloud.cn/wizardforcel/electron-doc/137761
Node.js：http://nodejs.cn
Sass文檔：http://www.w3cplus.com/sassguide/
Animate.css：http://daneden.me/animate
一、 第一階段(基礎)
1. HTML+CSS3學習，靜態頁面。主要是頁面設計，還有一些頁面布局和排版，例如：聖杯布局、雙飛翼布局；了解SEO優化。
2. HTML DOM學習，結合JavaScript
3. JavaScript學習，重要。這個不學好基本前端就僅僅是前端了。
4. Jquery學習，開發效率高，功能強大。
二、 第二階段(掌握)
1. BootStrap學習，開發效率極高的框架，主要是目前響應式很流行。
2. Materialize學習，可選，類似BootStrap的Material design設計框架，同響應式。
3. Font Awesome和Material Icons學習，簡單的統一圖標，Font Awesome兼容性更好。
4. Animate.css學習，簡單的動畫
5. Datatables學習，可選，強大的Table(表格)框架。
6. Bootstrap-fileinput學習，可選，Bootstrap的文件框擴展，功能強大。
7. Layer學習，功能強大的彈窗。
三、 第三階段(進階)
1. Node.js，必學。可以理解為后端，因為是JavaScript語言，可以做應用以及服務器，以后可能MVC的模式改變就是因為它。很多大型公司讓前端人員寫Controller。
2. Sass學習。更好的管理CSS樣式，更適合編程習慣。
四、 第四階段(綜合)
1. Electron學習，使用前端和Node.js開發跨平台桌面應用。
2. 前端開發移動端App
五、 其他
待補充
內容提供者：薛龍