WEB前端开发课程提纲-New(30课时-2017版)

课程提纲 51RGB

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

1.综合网站首页实例

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

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

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

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

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

4.git的基本应用学习

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

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

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

二、JavaScript入门到进阶（8课时）

1.JavaScript基础入门

认识JavaScript，了解基本语法、变量的编写。

2.JavaScript的数组

学习JavaScript的数组，打造JS程序设计基础。

3.JavaScript流程控制

认识三大控制结构，学习JavaScript的流程控制。

4.JavaScript函数

认识JavaScript的函数，学习函数的用法与函数的声明。

5.JavaScript网页交互(事件)

讲解常用的JavaScript事件，通过常用实例掌握JS事件驱动核心知识。

6.JavaScript内置对象

掌握JavaScript主要的String，Array，Object等内置对象。

7.JavaScript浏览器对象(BOM)

学习JavaScript与浏览器交互的常用方法。

8.JavaScriptDOM对象

学习JavaScript三个主要部分之一DOM对象，更自如的使用JS操控你的网页。

三、jQuery常用知识以及Ajax、Json(2课时)

1.jQuery常用知识学习

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

2.Ajax与Json

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

四、HTML5与CSS3（2课时）

1.HTML5新特性

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

2.CSS3新增属性

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

五、手机网站的实例制作（4课时）

1.移动端网站初步入门

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

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

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

3.Flex布局实践

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

4.REM、SVG、响应式布局

学习实用的HTML5常用技术。

六、静态页面常用模块化及拓展知识（5课时）

1.静态页面模块拓展

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

2.学习gulp

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

3.学习webpack

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

4.React框架入门

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

5.React实战演练

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

七、Node入门与实践（2课时）

1.学习Node.js入门

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

2.Mongodb的学习

学习一种数据库（Mongodb），了解全方位网站技术知识。

八、前端开发的优化（1课时）

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

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

九、总结与点评（1课时）

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

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