上海高级Web前端工程师精品培训班选非凡教育学院，通过本专业的学习，学员有了一定的网页规划和搭建能力，能熟练快速完成网页界面设计、网站美工设计；能运用H5+JS进行开发前端交互设计能力，开发各种网页框架；能运用PHP等软件开发常见后台网站管理系统；通过网页网站实训模块，学生能熟练掌握门户网站，电子商务网站，企事业单位网站，垂直类网站等成套商业网站的设计流程，设计理念，设计风格等；通过软技能培训，学员对自己人生规划，口才表达，服务心态，就业技巧，沟通技巧等有了全面提升，足够应付在以后的就业工作过程中游刃有余；上海Web前端工程师培训班课程学习完，学员基本上具备半年以上的工作经验。

 

上海非凡学院作为沪上首批网页设计的正规培训基地，具有办学许可证，全程名师面授教学，PPHA教学考核体系，毕业答辩+招聘双选会，为国内外知名品牌企业提供优秀专业设计人才！

上海Web前端工程师培训班主讲课程：2018年新体系（Web前端开发+Web移动端开发+Web后台交互，打造全栈性人才）：支持教育助学分期（6期、12期等）。高级Web前端工程师精品班培训课程内容如下：

 

网页设计软件（赠送课程）

 

Dreamweaver
讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，html基础应用，快速入门，css样式表的应用，网站的管理和维护

Fireworks
讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

Photoshop
熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用

Illustrator
广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件，印刷和Web网络创作的专业平台，针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性

上海Web前端工程师培训班第二阶段（web前端布局与交互开发）

 

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制作拼图、贪吃蛇等项目实训Bootstrapbootstrap介绍、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前端-移动端进阶开发）

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高级框架与后台交互)

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标签的使用方法；及如何替换、制作、修改、美化模板；熟练使用各类功能插件如社会化登录、在线客服等技术；结业后可快速制作常见商业网站

上海Web前端工程师培训班第五阶段（岗前强化与就业指导）

 

管理与沟通
心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作

就业指导
毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与预工作

上海Web前端工程师培训班特别说明
1.报名就业班全套课程，赠送价值150元的，美术素描和水粉用品

2.报名就业班全套课程，赠送视频包、软件包、素材包、材料包

3.报名就业班全套课程，在学习过程中，学员有机会参加学院设计工作室派接的订单实战

4.培训目标：Web前端工程师、Web移动端工程师、后台交互等全技能岗位。

5.零基础，可以达到高级网站设计的程度，相当于具有半年左右的工作经验。

6.保证学会：出勤率达90%以上，可享受1.5年内免费重新学习

7.考试认证：全国《网页设计师》、《WEB前端工程师》认证证书（考试费用另外支付）

8.周期：592课时，全日制4个月；业余制10月左右

9.招生要求：大学以上学历（能力优秀者可适当放宽条件）