上海web前端培训课程-上海web前端培训-教育联展网

Web发展前景

网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5，更印证了HTML5在互联网时代的发展前景。据统计，中国HTML5前端工程师缺口将达到约12万。目前，北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。

Web前端开发的发展方向

Web前端工程师

这个方向算是一个Web前端最基本的选择了，但能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。对所有的Web前端工程师来说，朝着这个职业发展方向，只要足够耐心、厚积薄发，成功的概率是非常高的。
PHP程序员

PHP技术人才，正迎合了目前的互联网的发展趋势。而且PHP作为非常简便的Web开发语言，和Linux，Apache，MySQL紧密结合，形成LAMP的黄金组合，不仅降低使用成本，还提升了开发速度，满足最新的互动式网络开发的应用。
网页设计师

可以将平面设计中的审美观点套用到网站设计上面来。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己门面，要具备精通PS，Coreldraw,Frontpage,Dreamweaver等能力。

WEB界面与整站项目设计

一、三大构成

1、平面构成与设计：点的构成形式、线的构成形式、面的构成形式，训练各种熟练的构成技巧和表现方法，培养审美观及美的修养和感觉，提高创作活动和造型能力-活跃构思。

2、色彩构成与设计：学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比；提高综合审美能力。

3、立体构成与设计：立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用

二、WEB界面元素设计

1、网页Banner排版与设计

1）Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更化。

2）Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例

2、网页元素

及规范：页面设计基本流程与设计规范的概念性讲解，重点了解WEB界面设计规范及页面元素；网页配色技巧、色彩与构图的概念及技巧；网页导航与按钮设计

HTML5实操课程

掌握HTML5&CSS3前沿技术，以及常见HTML5跨平台开发工具，能够完成跨平台WEB APP、响应式布局网站、跨平台应用等的开发。

科目 Subject	章节 Section	目标 Hourss	制作案例 Production Case
第一阶段移动前端制作基础 (HTML5+CSS3基础)	● HTML 快速入门 ● HTML5文档结构与基础语法 ● HTML5新特性 ● CSS3基础语法 ● 图形、图像软件的使用(PS、AI) ● CSS3布局样式 ● 大型页面布局方法与技巧 ● 移动设备界面布局基础 ● Sass和Compass ● ............	.....(根据学员岗位需求教学)
第二阶段移动前端交互	● 移动设备布局与响应式布局 ●HTML5 绘图 ●HTML5 SVG ●音频和视频处理 ●HTML5 拖放 ●JavaScript编程基础 ●JavaScript交互编程实战 ●JavaScript异步操作基础 ● ......(根据行业岗位需求教学)	......(根据学员岗位需求教学)
第三阶段前端综合开发项目实操	● H5音视频	● 能自行快速搭建开发环境 ● 掌握H5音视频开发
	● 微客服	● 掌握调用本地摄像头 ● 掌握常用标签
	● 地图	掌握H5地图定位
	● 微信美食(1~3）	● 掌握微信公众号开发 ● 掌握H5列表开发 ● 掌握CSS标签使用 ● 掌握HTML5 web存储
	● 微信汽车(1~3)	● 掌握轻量级JS库JQUERY ● 实现动态效果 ● 掌握网页数据的异步交互 ● 掌握轮播翻页效果 ● 掌握支付接口的开发 ● 掌握HTML5新表单元素
	● 微信医疗(1~7)	● ......(根据行业岗位需求教学) ● 掌握HTML5 web worker ● 熟练使用开发工具，调试工具，SVN ● 熟练HTML5新表单元素 ● 掌握Canvas基础图像处理技术 ● 掌握HTML5新特性 ● 掌握支付接口的开发 ● 了解如何利用开发工具如PhoneGap、APPCAN实现开发跨平台应用程序

上海交大慧谷培训中心

机构简介

上海慧谷高科技创业中心成立于1999年5月，是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构，是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务，培育高科技企业和企业家，促进科技成果商品化、产业化、国际化。
立即咨询

大前端课程介绍

大前端课程课程大纲	实战项目	培养目标
第一阶段阶段 HTML5+CSS3 课程主题 PC端网站布局 WebApp页面布局	PC端项目：《东易买商城》《新浪积分商城》《拉勾网》《QQ音乐》《佳航出国留学官网》《火山体育官网》《智德和善官网》《美乐乐商城》移动端webApp项目：《京东到家》《优就业U学》响应式项目：《星巴克官网》《青竹良品商城》	了解常用浏览器和浏览器内核；了解语义化的概念；掌握HTML5语法及使用技巧；掌握HTML5常用标签。掌握CSS语法及使用技巧；掌握DIV+CSS布局方式；掌握常见网页布局模式。掌握Photoshop切图以及插件切图；能够熟练使用开发人员工具进行页面调试；能够根据PSD文件独立完成静态页面的开发工作。掌握HTML5新布局标签、多媒体标签；掌握CSS3 2D、3D变换、动画效果；能够使用CSS3新属性美化修饰网页；了解移动端屏幕、移动端浏览器、操作系统的不同。掌握常用移动端调试方法；掌握常用移动端适配方法；掌握CSS预处理器less的使用；掌握常用移动端框架使用方法；掌握常见移动端页面开发；掌握响应式布局开发；掌握Bootstrap开发响应式页面；掌握适配不同终端的网页开发技术选型。
第二阶段 JS交互设计课程主题 JavaScript基础语法 JavaScript进阶 JavaScript高级编程 jQuery经典案例项目答辩	JS部分案例及项目:《百度搜索页布局与交互》《京东首页商品懒加载》《东易买商品拖拽添加购物车》《优学登录页面布局与信息存储》《163邮箱注册》《面向对象小游戏》《暴风VIP会员视频网站》《爱奇艺视频网站》 JQuery部分项目:《美乐乐商城交互效果》	能够掌握JavaScript基本语法；掌握常见JavaScript算法；掌握DOM的各种操作；熟练使用面向对象思想进行DOM编程；掌握JavaScript的高级语法；掌握JavaScript常见兼容性方案。独立完成视频网站的页面搭建（包括HTML结构、CSS样式、JavaScript特效）；掌握应对业务编程的能力；掌握团队合作开发流程。熟练使用jQuery操作DOM；熟练使用和编写jQuery案例。
第三阶段 Node开发课程主题 ECMAScript 6 Webpack模块打包器 Node基础 Express框架前端模块化 MongoDB 项目答辩	Node基础:《Node基础案例》《在线相册》 Node全栈项目:《及时聊天系统》《个人博客系统》	了解ES6和JS的关系；掌握ES6的基础用法和兼容性；熟练掌握ES6的核心语法；熟练使用ES6实现前端模块化开发。熟练使用Webpack模块打包器；熟练掌握前端自动化工具；能够建立客户端服务器交互模型，熟悉网络通信相关概念；能够使用Node.js进行Web服务端开发；能够掌握JavaScript异步编程模型；能够掌握JavaScript模块化编程方式；能够使用Node.js操作MongoDB数据库；能够理解HTTP协议；能够独立开发基于后台接口的动态网站、Ajax数据交互的项目；能够独立完成企业网站从前台到后台的基本开发工作。
第四阶段前端框架课程主题数据可视化 Vue React Angular 项目答辩实战项目	数据可视化:《多变的统计图》《百度地图》 Vue:《vue基础实例》《洋网店微商城》《东易买后台管理系统》 React:《react基础实例》《仿简书APP》《淘车网》 Angular:《angular基础实例》《手机通讯录》	掌握使用D3.js进行大数据可视化交互开发；能够掌握使用Vue技术栈进行项目开发；能够掌握使用React技术栈进行项目开发；能够掌握源代码管理工具的使用；能够熟练掌握前后端分离开发模式；能够掌握使用主流框架开发门户网站、管理系统、移动Web等客户端；能够掌握Webpack项目构建配置流程；能够掌握Web项目的部署与发布模式；能够掌握常见网站业务模块开发。掌握Angular常用的指令：掌握如何定义和使用模块与组件：掌握路由的配置。
第五阶段小程序与APP开发课程主题微信小程序微信小游戏开发 React Native 项目答辩	微信小程序：《仿网易云音乐》《优就业在线书城》微信小游戏：《星际传奇》《飞机大战》 React Native:《优讯APP》《星座运势》	能够掌握小程序的开发基础；能够独立开发小程序项目；能够掌握Canvas的使用；能够掌握小程序的部署与发布；能够掌握小程序开发框架mpvue的使用；掌握第三方AI平台的使用。能够掌握小游戏开发基础；能够独立开发小游戏项目；能够掌握小游戏的部署与发布；能够独立使用React Native开发原生App。