*阶段

 

　　WEB前端工程师课程

 

　　HTML语句，HTML页面结构、css语法、style属性、link和style标签、id属性、等HTML语句中的相关属性；

 

　　*Dreamweaver制作出跨越平台限制和跨越浏览器兼容性的页面，掌握Dreamweaver成为Web前端工程是的关键。

 

　　1:Dreamweaver代码编辑,优化前端性能，HTML语言要点：使用表单，iframe的作用；包含网页页面的优化切图；

 

　　2：Div+CSS知识篇：选择合适的doctype及标签。CSS语法结构，属性与选择符，类型选择符，id及class选择符，行间样式表，内部样式表等。

 

　　3：常用选择器& 标签类型划分

 

　　id、class、类型选择、包含选择、群组选择、通配符、选择器优先级、标签样式初始化订制方案、超链接及伪类划分、浮动的作用、浮动的特性、标签类型划分及特性、inline、inline-block、block等；

 

　　4:浏览器兼容性问题处理:XHTML与CSS校验，XHTML校验器，CSS校验器；解决；如：Chrome、Safari、firefox、opera 等主流浏览器的兼容问题。

 

　　第二阶段

 

　　WEB前端移动端+响应式布局

 

　　1：Bootstrap前端开发框架

 

　　Html语法规范、CSS语法规范、Less 和 Sass 中的嵌套、class 命名、选择器、Normalize.css、栅格系统、排版、代码、响应式工具等；

 

　　2：CSS3：transition、属性选择器、nth-of-type、nth-child、backgroundSize、box-sizing、圆角，盒模型阴影、文字阴影、rgba、表单高级、H5表单新增属性等；

 

　　3：移动端布局，测试环境Emulation、viewport、window.devicePixelRatio、物理分辨率、Media Queries、rem、window.screen、移动端布局相关问题、window.deviceorientationevent、横竖屏判断等；

 

　　4：电商网站如：京东、天猫商城页面布局；企业级整站布局：主流新媒体网站、宣传类企业网站、展示类企业网站等。并结合学习HTML5+CSS3实现更炫酷的移动端页面效果。

 

　　第三阶段

 

　　Javascript前端特效语句

 

　　JavaScript基础语法、数组Object、Function、String 和 正则表达式、常用内置对象、JSON、错误处理、面向对象高级编程；

 

　　JavaScrip基础知识介绍、JavaScrip的引入及插入位置、JavaScrip元素的获取及简单的函数引用、js的页面输出及注释语句、变量及js的数据类型、表单的简单应用及js的操作符、js的条件语句等；

 

　　JS的引入方式；1:流程控制：判断语句、循环语句；

 

　　2.带参函数及数组的运用；数组及滚动条事件；js中对象的移动；js中盒子的移动；js中的鼠标及键盘事件等；

 

　　3.构造函数的基本知识；闭包、 面向对象；作用域的基本知识、原理与原型链；web开发综合案例；各种类库的使用熟悉各种类库的使用，并对其实现原理有一定了解；

 

　　4.JavaScript运动特效，精通JS运动特效技术，能完整实现各类网站动画特效JavaScript调试；精通JavaScript事件对象及事件的工作机制，并能完成各类 跨平台应用模块的开发；

 

　　5.浏览器对象、滚动条设置、窗口对象等；

 

　　大前端需基本接触PHP与MySQL知识；

 

　　第四阶段

 

　　jQuery与javascript

 

　　前端实战课程案例

 

　　1.Jquery入门和实战jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

 

　　2.1:jQuery的基本语法；2:jQuery中的常用选择器；3：jQuery对于事件的处理；4：jQuery中的动画知识和应用；5：jQuery的文档操作；6：实现前端特效效果；

 

　　3.AJAX；1:AJAX的讲解；Web应用程序的解决方案；AJAX的工作方式；2：初始化对象；指定响应处理函数；处理服务器返回的信息；

 

　　4.异常处理机制；中文乱码问题及其解决方案；XHR对象的基本知识；JSON与XML的辨析jQuery中AJAX的使用；利用jQuery实现AJAX的效果开发；

 

　　5：DOM操作：前端开发的过程中,javascript极为重要的一个功能就是对DOM对象的操作，正则表达式等。

 

　　6：ECMAScript中的类和构造函数，JS+JQ前端实战演练；

 

　　第五阶段

 

　　HTML5高级开发+CSS3前端语言

 

　　1.掌握HTML5& CSS3,SEO等技术，BSU网站加速技术；掌握AJAX异步交互；立和后台工程师配合完成项目；

 

　　2.CSS3详解；1：CSS3各效果的讲解和应用、二维平面变形、动画等；2：三维立体变形原理；3：三维立体变形；4：3D坐标系构建思想的设置；

 

　　3.5：3D动画的制作；6：CSS3自适应布局的基本知识和应用；7：CSS3分栏的知识和应用等；

 

　　4.CSS3语言开发是朝着模块化发展的。这些模块包括：盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

 

　　5.熟练掌握HTML5中的绘图、音频视频处理、表单新特性等，能够熟练使用HTML5进行Web开发；

 

　　6.网站类、APP类、web应用的前端案例；

 

　　第六阶段

 

　　WEB大前端开发项目案例:

 

　　框架应用及移动开发

 

　　1.AngularJS框架、AngularJS Web应用，理解AngularJS的框架原理，掌握MVC编程模式，熟练使用AngularJS实现页面的重构；

 

　　2.MVC 编程、模块化及模版的使用；数据绑定、语义化标签、依赖注入、服务器交互讲解；Node.JS等；

 

　　3.jQueryMobile移动网站开发

 

　　jQueryMobile列表、表单、配置、动态内容、事件处理；

 

　　jQueryMobile 框架、UI组件、各种视觉效果制作掌握jQueryMobile框架及各种组件的使用，熟练使用jQueryMobile完成移动网站的开发；

 

　　框架方面：React、Grunt、Gulp、webPack 等

 

　　4.jQueryMobile 项目实战

 

　　能够使用框架开发企业级网站前端，能动使用jQueryMobile开发移动网站体现团队合作精神，小组式承接项目。

 

　　第七阶段

 

　　毕业作品整理与就业应聘

 

　　1.毕业设计指导与整理；WEB高级讲师及WEB*工程师指导你完成毕业作品，以备应聘时使用。

 

　　2.对学习过的所有课程和自己做一个完美的总结。要求必须完成成整套WEB前端网站实战作品并完成移动网站开发作品；

 

　　3.就业应聘技巧与职业规范：就业形势分析及指导；毕业学员在应聘前应该做的准备；