前端學習計劃

前端學習計劃

推薦學習網站

菜鳥教程： http://www.runoob.com

W3cschool：http://www.w3cschool.cn

慕課：http://www.imooc.com

麥子學院：http://www.maiziedu.com

框架和工具

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、 第一階段(基礎)

1.     HTML+CSS3學習，靜態頁面。主要是頁面設計，還有一些頁面佈局和排版，例如：聖盃佈局、雙飛翼佈局；瞭解SEO優化。

2.     HTML DOM學習，結合JavaScript

3.     JavaScript學習，重要。這個不學好基本前端就僅僅是前端了。

4.     Jquery學習，開發效率高，功能強大。

 

2、 第二階段(掌握)

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學習，功能強大的彈窗。

3、 第三階段(進階)

1.     Node.js，必學。能夠理解爲後端，由於是JavaScript語言，能夠作應用以及服務器，之後可能MVC的模式改變就是由於它。不少大型公司讓前端人員寫Controller。

2.     Sass學習。更好的管理CSS樣式，更適合編程習慣。

 

4、 第四階段(綜合)

1.     Electron學習，使用前端和Node.js開發跨平臺桌面應用。

2.     前端開發移動端App

 

5、 其餘

待補充

 

                                                                                                                                                               內容提供者：薛龍