Web前端工程师精品班

入学条件：1.基础差学习，较好有美术方面的基础

2.达到前端网页设计的效果，可以胜任网页前端、移动端开发、前端工程师等职位

喜迎双12，缤纷好礼享不停;活动时间：2018年12月1日--12月31日

豪礼相送：赠送网校课程;美术工具1套;自编教材1套

课程课时：592课时

使用教材：学校内部专业学习教材，采用理念与实战相结合、案例分析和设计为主

可考证书：SIC《前端设计师》和《网页设计师》认证证书

学习周期：平时白天4个月;业余制8-10个月

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

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

主讲课程：2018年新体系(Web前端开发+Web移动端开发+Web后台交互，打造全栈性人才)：支持教育助学分期(6期、12期等)

Web前端工程师精品班培训内容

第1阶段(美学设计与软件技能)

网页设计软件

(赠送课程)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端的用户注册页面。

页面切图实战项目

2018年更新企业站实训: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屏保气泡

JQueryJQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程

随堂项目：打地鼠游戏、抽奖制作

JQuery 项目实战图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训

Bootstrapbootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件

随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面

ECMAScript6

2018年更新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.常见微信分享、投票、活动、抽奖页面的设计与实现

随堂练习：非凡学院公众号项目实践

微信小程序

2018年更新1.小程序相关介绍及账号申请

2.小程序开发环境搭建

3.小程序布局原理

4.小程序组件、API使用

5.weUI使用

随堂练习：商城小程序项目实战

Vue.js

2018年更新1.Vue.js 简介 2.模板语法 3.指令系统 4.组件开发 5.生命周期 6.脚手架工具 7.路由 8.数据请求

随堂练习：1.To Do List 项目实践 2. Vue.js 博客实战

第四阶段(WEB框架与后台交互)

WEB前端框架与后台交互Angular.js

2018年更新1.angular.js 简介 2.MVC概念

3.指令系统 4.表达式

5.数据绑定 6.作用域

随堂练习：京东商城项目

React.js

2018年更新1.react.js简介 2.开发环境搭建

3.jsx语法 4.组件编程

5.组件生命周期 6.路由使用

随堂练习：饿了么点餐项目实战

PHP入门1.PHP语法简介 2.函数 3.会话控制 4.面向对象编程 5.常用MySQL语句 6.PHP链接数据库 7.通信接口api开发

DedeCMS

2018年更新详细讲解织梦系统软件的安装、模板、插件等使用;修改页面布局及细节;dede标签的使用方法;及如何替换、制作、修改、美化模板;熟练使用各类功能插件如社会化登录、在线客服等技术;结业后可制作常见商业网站

第五阶段(岗前强化与就业指导)

沟通技能

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

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

特别说明

1.报名就业班全套课程，赠送价值150元的，美术素描和水粉用品

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

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

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

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

6.增加学会：出勤率达90%以上，可享受1.5年内0元重新学习

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

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

9.招生要求：大学以上学历(能力者可适当放宽条件)