武汉网页web前端课程培训

课程优势：web前端课程实时更新，融合时下技术热点。

课程目标：掌握成为前端工程师所需的技能，并构建在移动端和桌面端都性能出色的美观的响应式网站。

课程详情：第一阶段：前端页面重构
一、PC端网站布局
1.前端开发环境介绍（DreamWeaver、Sublime)；
2.HTML基础，CSS基础；
3.CSS盒模型,选择器，继承；
4.切图工具（PS、FW）；
5.溢出即元素类型，浮动；
6.浏览器兼容与宽高自适应；
7.定位，锚点与透明；
8.图片整合，雪碧图处理，CSSHack；
9.表格，表单
10.整站规划，CSS优化，Flash动画；
二、HTML5+CSS3基础
1.HTML5新增的元素与属性；
2.表单域增强元素；
3.CSS3选择器；
4.文字字体相关样式；
5.CSS3位移与变形处理；
6.CSS3动画，过度动画，关键帧动画；
7.弹性盒模型；
8.媒体查询；
9.响应式设计；
三、WebAPP页面布局
1.移动端页面设计规范；
2.移动端切图；
3.响应式布局，弹性盒子模型；
4.等比缩放布局；
5.viewport、meta；
6.rem的使用，字体选择；
7.flexbox详解；
8.移动web特别样式处理；

第二阶段JS程序设计
一、原生JavaScript交互效果开发
1.基本语法；
2.判断语句，循环语句；
3.函数，函数传参，函数封装；
4.String，Array，Date；
5.BOM与DOM；
6.事件；
7.拖拽效果；
8.cookie存储；
9.正则表达式；
10.JSON和JSON解析；
11.Ajax；
12.面向对象基础；
13.运动与游戏开发；
二、面向对象进阶
1.设计模式（观察者模式等）；
2.原型链；
3.作用域链；
4.继承；
5.构造函数；
6.变量对象与活动对象；
7.作用域链；
8.闭包；
9.this；
三、JQuery经典交互效果开发
1.jQuery框架介绍；
2.tab切换效果；
3.美化多选框和单选按钮；
4.滑动门；
5.焦点图轮播；
6.下拉菜单及导航条效果；
7.瀑布流；
8.弹出层效果；
9.倒计时效果；
10.自定义滚动条；

第三阶段：PC端全栈项目开发
一、HTTP协议、Ajax进阶与后端；
1.HTTP(s)协议详解；
2.Ajax进阶及动态调取数据；
3.PHP基础语法、PHP表单、PHP文件操作；
4.MySQL基础及增删改查；
5.前后端联调；
6.前端安全(XSS,CSRF,JSON注入)；
7.Git、SVN；
二、PC端网站开发
1.首页、列表页与详情页
2.搜索
3.登录与注册
三、AngularJS
1.Angular的解析过程分析；
2.基础指令，表达式，模型；
3.控制器，过滤器；
4.双向绑定；
5.安全的依赖注入方法；
6.服务和自定义服务；
7.表单验证；
8.路由Router配置；
9.事件处理器；
四、PC端管理信息系统前端开发
1.jQueryUI与jQueryEasyUI；
2.Bootstrap框架；
3.Charts、Echarts；

第四阶段：移动端项目开发
一、Touch端
1.Canvas基础知识：绘制矩形、圆弧、线段、曲线、渐变与图像；
2.Canvas图表绘制案例：localStorage、sessionStorage与离线缓存；
3.animate.css；
4.前后端联调；
5.touch.js；
6.zepto.js；
7.swiper；
8.iScroll；
二、微信场景
1.WeUI；
2.Swiperanimate在微信场景项目中的使用；
3.常见的页面布局；
4.常见的交互与动画；
三、应用Vue.js开发WebApp
1.Vue.js基础；
2.模块化；
3.单文件组件；
4.路由；
5.与服务器通信；
6.状态管理；
7.单元测试；
8.生产发布；
四、应用Ionic开发WebApp
1.csscomponents；
2.ionic基于angularJS扩展的交互指令介绍；
3.头部与尾部、内容区域、列表、区域滚动；
4.下拉刷新与上拉加载、页签导航；
5.背景层与旋转SVG图标；
6.loading效果、actionsheet效果；
7.弹出窗口、弹出浮动层；
8.底部满屏滑动窗口；
9.ionic自带的swiper滑动；
10.基于swiper组件的swiper滑动；
五、应用React.js开发WebApp
1.ReactJS基础；
2.JSX语法；
3.组件；
4.flux架构；
5.配置模块化开发环境；
6.动画效果；
7.数据双向绑定；
六、微信小程序开发
1.csscomponents；
2.微信小程序简介及从技术上和产品上的分析；
3.构建个应用：创建项目、创建小程序实例与创建页面；
4.框架、组件、API及工具详解；
5.微信小程序项目开发。