| 1、众多企业高薪重金抢人 | |
 |
|
| 2、行业薪资调研 | 3、薪资变化数据表 |
 |
 |
|
4、就业范围 互联网名企、创业企业、中小型企业、二三线城市
均需要Web前端+全栈工程师，尤以二三线城市及创业型企业对此类全能型人才急需，并开出远高于当地平均薪资的条件聘用。
|
|
|
|
|
Web全栈课程体系 |
||
|
课程阶段 |
课程技能点 |
目标项目 |
|
Web前段基础 |
HTML+CSS入门到精通、 |
腾讯首页完整布局及常规动画 |
|
移动端网页制作 |
HTML5+CSS3入门到精通、 |
淘宝移动端首页的制作、 |
|
Web前段高级 |
Vue基础 |
Todolist项目、 |
|
Nodejs服务端开发 |
Nodejs语法 |
在线聊天室、 |
|
移动App开发 |
Uni-app平台 |
移动点餐系统小程序及app开发 |
|
企业级项目实战 |
项目开始前期准备工作、项目 |
仿淘宝购物站后台+pc、 移动端+app全站 |
掌握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。 |
|
阶段 |
授课内容 |
| 阶段一：基础课程 |
1. 入门必备 - 新手学HTML+CSS 2. 入门必备 - JavaScript快速上手 3. 入门必备 - PS技法与切片技术 |
| 阶段二：中级课程 |
1. 无上心法 - CSS高级及兼容Hack技术 2. 前端利器 - 实战jQuery和Ajax技术 3. 前端综合项目实战 |
| 阶段三：高级课程 |
1. 晋升加薪必备技能 -HTML5+CSS3 2. 晋升加薪必备技能 -BootStrap响应式网页开发 |
| 阶段四：深度课程 |
1. JavaScript深入 -JavaScriptOOP面向对象编程及调试技巧 2. 移动开发必备 - 企业级BootStrap开发高级课程 3. 移动开发必备 -JqueryMobile从入门到精通 4. 前端框架技术 - Angular Js实战 5. 前端框架技术 - EasyUI快速上手 |
| 阶段五：进阶课程 |
1. CSS在工程中的应用 -Less零基础高级教程 2. MySQL快速上手 3. PHP/Java快速上手 |
| 阶段六：准备就业 |
1.项目演示 2. 做面试题 3. 模拟面试 |
学习不知道如何选择学校？想要了解上海哪家机构教学优势强、教学师资、资质，还有学习的价格，这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线：021-64320836，或【在线咨询】向老师提问！
张老师：132-6289-2960（手机/微信）
上海慧谷职业技能培训中心，是正规教育局劳动局办学资格单位，连续多年获得徐汇区优秀办学机构荣誉。 实施科教兴市战略，加强自主创新与创业人才的培养，提升创新创业能力，增强市场竞争力和可持续发展的活力，是慧谷培训不断提高的目标和动力。
“慧谷培训”是沪上著名的培训教育品牌，多年来为各大企业客户和社会精英提供了专业服务。上海慧谷职业技能培训中心设立在慧谷高科技创业中心孵化基地内，位于徐家汇商贸中心，毗邻上海交通大学，交通便利，环境幽雅。慧谷培训拥有学术造诣深，实践经验丰富的师资队伍及良好的教学设施。慧谷培训面向社会提供人才培训服务和职业发展咨询服务。专业和职业发展规划为学员提供创业、就业、见习和职业发展机会。
慧谷培训中心将抓住机遇，严谨治学，勇攀高峰，努力办成一流的专业人才专修培训机构。
上海慧谷高科技创业中心成立于1999年5月，是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构，是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务，培育高科技企业和企业家，促进科技成果商品化、产业化、国际化。
选择交大慧谷专业美术设计课程，学员在学习知识的同时，积累了丰富的实战经验，获得了权 威的证书，找到了理想的工作！
