高级Web前端工程师培训

第一阶段（美学设计与软件技能）

网页设计软件

Dreamweaver 讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，html基础应用，快速入门，css样式表的应用，网站的管理和维护
Fireworks 讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用
Photoshop 熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用
Illustrator 广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件，印刷和Web网络创作的专业平台，针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性
第二阶段（web前端布局与交互开发）

web前端

HTML5/CSS3布局与样式

HTML标签 HTMl5、H5标签、智能表单、结构化标签
随堂项目：
1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息 2.利用table标签课程表的实现 3.利用form、input表单标签实现简单登录注册页面
CSS基础语法 常见样式 CSS3简介、.css3引入、常见样式、文字与文本、颜色
随堂项目：一般导航栏的制作
CSS选择器 css选择器、名字选择器、外号选择器、洋葱式选择器的用法、伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器
CSS盒子模型 盒子模型、如何用好盒模型
随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定
浮动与定位 float、clear、塌陷的父容器、position：一动不动的(static)，跟着别人跑的(absolute)，以自己为中心的(relative)，固定的(fixed)
随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮
响应式布局与页面优化处理 移动页面与PC端页面布局时候需要注意点、响应式布局的实现原理、各种浏览器对于CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题
随堂项目：移动端的用户注册页面、PC端的用户注册页面。
页面切图实战项目 企业站实训:1.首页导航、二级菜单 2.banner轮播图 3.产品展示 4.成功案例 5.新闻中心 6.联系方式 7.友情链接 8.版权申明 9.总结
商城实训：1.首页（头部导航、分类搜索、秒杀产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情） 4.登录&注册页面
web前端
JavaScript交互 核心语法 javascript语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（if…else switch…case while for）
随堂项目：九九乘法表、闰年计算、谁是高富帅（if…else.. Switch…case）
BOM与DOM操作 DOM操作：让一成不变的网页动起来；BOM操作：浏览器也有话要说
随堂项目：网页时钟的制作、回到顶部
事件编程 JS的事件机制：让网页回应你的问候；常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载
随堂项目：1.选不中的按钮的实现 2.做一个计算器怎样？
正则表达式 正则表达式的语法基础、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象
随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。
面向对象编程 面向对象编程简介、对象的创建、继承的实现、原型与原型链。
随堂项目：仿windows屏保气泡
JQuery JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程
随堂项目：打地鼠游戏、抽奖轮盘制作
JQuery 项目实战 图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
Bootstrap bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件
随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面
ECMAScript6
1.webpack介绍
2.webpackg管用配置 3.模块处理module
6.3种加载器loaders的使用 4.编译器babel
5.插件plugins
6.热更新次操作
7.打项目终包
随堂练习：新前端开发环境搭建
Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交
随堂项目：用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现
第三阶段（WEB前端-移动端进阶开发）
WEB前端移动端开发 HTML5 高级功能 canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解（定位、数据库存储）
随堂项目：利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个近超市搜索页面。
CSS3 动画详解 CSS3的动画功能、CSS3新增选择器、弹性盒模型、服务器字体
随堂项目：利用CSS3动画绘制一个三维立体动态的导航栏。
webAPP开发
1.移动端页面的设计要求
2.HTML5动画的常见使用场景
3.多媒体在页面中的使用
4.商城项目首页、用户注册、登录、商品列表等页面的实现
微信公众号开发开发（JSSDK）
1.是微信公众号项目开发的简介。
2.微信公众号项目的官方文档与demo样例全解析
3.调用微信官方API接口函数
4.利用H5的新特性构建更富有表现力的活动页面
5.常见微信分享、投票、活动、抽奖页面的设计与实现
随堂练习：非凡学院公众号项目实践
微信小程序
1.小程序相关介绍及账号申请
2.小程序开发环境搭建
3.小程序布局原理
4.小程序组件、API使用
5.weUI使用
Vue.js
1.Vue.js 简介
2.模板语法
3.指令系统
4.组件开发
5.生命周期 6.脚手架工具
7.路由
8.数据请求
随堂练习：
1.To Do List 项目实践
2. Vue.js 博客实战
第四阶段（WEB高级框架与后台交互)
WEB前端高级框架与后台交互 Angular.js
1.angular.js 简介
2.MVC概念
3.指令系统 4.表达式
5.数据绑定 6.作用域
随堂练习：京东商城项目
React.js
1.react.js简介
2.开发环境搭建
3.jsx语法 4.组件编程
5.组件生命周期 6.路由使用
随堂练习：饿了么点餐项目实战
PHP入门 1.PHP语法简介
2.函数
3.会话控制
4.面向对象编程
5.常用MySQL语句
6.PHP链接数据库
7.通信接口api开发
DedeCMS 详细讲解织梦系统软件的安装、模板、插件等使用；修改页面布局及细节；dede标签的使用方法；
及如何替换、制作、修改、美化模板；熟练使用各类功能插件如社会化登录、在线客服等技术；结业后可快速制作常见商业网站