WEB前端开发课程提纲-New(32课时-2018版)

课程提纲 51RGB

一、大型综合网站实例演练（6课时）

1.综合网站首页实例

根据设计图，分析网站的基本结构，打造基本布局。

2.综合网站深入布局详解

针对已搭建完的静态页面基本结构布局进行深入、细致的布局完善。

3.综合网站独特性页面页布局

讲解网站的活动单页面实例制作，全方位胜任不同场景页面布局。

4.Git的基本应用学习

将git的基本应用，合理管理自己的项目。

5.综合网站经典页面控件开发

讲解网站特殊难点的组件布局，掌握更多布局技巧，更熟练的胜任各类布局。
（讲解一个后台管理界面Demo，重点在于固定定位、局部滚动，数据图表）

6.静态页面模块拓展

进行静态页面常用模块的示例，如表单验证、弹出框、滑动门；介绍bootstrap等相关前端框架以及一些目前应用比较有价值的知识。

二、HTML5与CSS3（4课时）

1.HTML5新特性

了解最新HTML5一些常用新标签,为移动WEB开发奠定基础！

2.CSS3新增属性

讲解CSS3最新样式属性，全面掌握最新技术。

3.Flex布局实践

学习HTML5最新的布局方式，胜任移动端的多分辨率适配。

4.REM、SVG、响应式布局

学习实用的HTML5常用技术。

三、手机网站的实例制作（2课时）

1.移动端网站初步入门

未来移动互联网发展潜力巨大，运用最新HTML5和CSS3知识实战演练移动端手机网站的制作，初步学习移动端网页的制作原理。

2.深入学习开发移动端常用组件

更深层次掌握移动端网站的开发技巧，胜任多终端网站开发，打造全面前端开发技能。

四、jQuery常用知识、以及Ajax与JSON（2课时）

1.jQuery常用知识学习

了解jQuery与JavaScript的区别，学习jQuery框架常用函数。

2.Ajax与JSON

学习JQuery中常用的Ajax操作，掌握json数据格式操作。

五、JavaScript进阶与专题系列（8课时）

1.JavaScript进阶之从原型到原型链

学习JavaScript原型与原型链的关系。

2.JavaScript进阶之作用域

掌握JavaScript作用域。

3.JavaScript进阶之闭包

学习JavaScript闭包相关的知识。

4.JavaScript进阶之this到底是什么

学习JavaScript中this机制相关的知识。

5.JavaScript专题之数组去重

学习JavaScript数组去重相关的知识。

6.JavaScript专题之类型判断

了解JavaScript类型判断。

7.JavaScript专题之深浅拷贝

掌握JavaScript深浅拷贝。

8.JavaScript专题之ES6新特性

了解JavaScript新特性，与时俱进。

六、前后端项目实战（4课时）

1.学习Node.js入门

初识node，向全栈工程师进攻！

2.koa以及koa-rouer

了解node应用的路由相关知识。

3.Mongodb数据库之增删改查(一)

学习node.js结合Mongodb数据的基本数据操作-创建数据。

4.Mongodb数据库之增删改查(二)

学习node.js结合Mongodb数据的基本数据操作-查询列表或详情。

5.Mongodb数据库之增删改查(三)

学习node.js结合Mongodb数据的基本数据操作-修改与删除。

5.Mongodb数据库之进阶查询

学习Mongodb数据库的多样查询方式，如搜索、$in、$not。

6.node.js知识拓展

学习运用node.js上传图片相关实战应用。

七、前端工程化（2课时）

1.gulp入门实例

学习gulp构建工具，胜任大型前端项目工程的开发。

2.webpack入门实例

学习webpack构建工具，结合gulp进行多样化项目构建。

八、React入门与实战（2课时）

1.React框架入门

轻松入门React，胜任大型WEB应用的开发。

2.React实战演练

通过对掌握的React知识进行实战练习。

九、面向实战的前端开发（2课时）

1.优秀的网站是怎样炼成的

分享前端开发的规范与优化方向，让技术更好的结合实际运用到恰到好处！

2.面试题测评与面试技巧分享

分析解读面试题与交流一些面试技巧。老师干货分享，技术交流，面试技巧等，上交整站作业，老师点评修改（用于自己工作面试）。