前端学习计划

前端学习计划

推荐学习网站

菜鸟教程： 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.     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

 

五、 其他

待补充

 

                                                                                                                                                               内容提供者：薛龙