![]() |
![]() |
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 |
Web可开发的游戏已经越来越成熟,未来必将是用Web来制作游戏。
1网络应用是未来的一种趋势,因为Web的特性“跨平台”让开发更轻松快捷。
2很多地方都已经用到,未来几年会全面使用Web
32011年1月,苹果新官网上线,完全使用Web
4各种你想象不到的产品,已经在你的生活中出现。
5率先宣布全面支持Web,例如谷歌Web地图等等。
6Web前端是目前国内紧缺的岗位,前端开发平均薪资¥12960。
互联网企业不仅薪资高,逼格高就业公司更多是互联网企业70.8%
随着互联网+人才缺口大职位需求量大日超过48252+
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月,是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构,是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务,培育高科技企业和企业家,促进科技成果商品化、产业化、国际化。
立即咨询课程大纲 |
可掌握的核心能力
|
阶段一、平面+网页
|
ps软件基础阶段 ps软件进阶阶段 ai软件基础阶段 字体设计阶段 logo设计阶段 版式设计阶段 网页设计阶段一 网页设计阶段二 |
阶段二、UI移动端设计+ 交互设计 |
UI基础介绍;产品策划课程;移动客户端产品设计规范 产品原型设计方法及流程;Axure原型软件掌握 移动端视觉设计之图标设计 移动端视觉设计之界面设计 切图标注解密;加分软件——快捷UI设计工具Sketch掌握 动效设计方法及规则;After Effects软件掌握 简历制作要求及面试技巧;跨平台设计规则,产品经理能力 个人简历、作品整理针对性辅导;毕业前职场专业问题答疑 |
阶段三、开发工具使用及HTML5、 CSS快速入门 |
HTML5介绍 HTML5样式,链接和表格 HTML5元素,属性,格式化 HTML5列表,块,布局 HTML5框架,背景,实体 HTML增强的页面元素以及新增属性(1) HTML增强的页面元素以及新增属性(2) 响应式布局基础以及响应式布局 |
阶段四、CSS3课程
|
CSS3入门基本知识;CSS3介绍 CSS3基本样式详解 CSS3定位,基本操作 CSS3选择器(1) CSS3背景与边框,盒模型 CSS3动画特效 项目实战-导航栏 项目实战-照片墙 |
课程大纲 |
可掌握的核心能力
|
可解决的现实问题
|
第 一阶段
前端基础
|
HTML语言
JavaScript语言基础
HTML5和CSS3
jQuery核心库
Canvas
CSS基础
JavaScript DOM编程
LESS和SASS/SCSS
JavaScript面向对象
|
市场价值:
能够根据UI的设计实现HTML的静态布局。熟练掌握之后,可以满足市场静态页面布局,能够实现功能的同时,考虑代码的优雅性,注重代码的性能和重用性;针对项目中的bug和技术难点,能够提供解决办法。
|
第二阶段
前端进阶
|
Java语言基础
Ajax交互开发
PC端全栈项目开发
Java Web基础
响应式布局与Bootstrap框架
应用实战
|
市场价值:
能够建立起客户端服务器交互模型,熟练使用Ajax、Jquery实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的Mysql数据管理平台项目。掌握前后端协作开发相关知识点、能够快速融入实际的工作场景。
|
第三阶段
Node.JS全栈开发
|
Gulp自动化构建工具
NodeJS
ES7
JNode.js高级全栈项目
|
市场价值:
能够熟练使用前端自动化构建工具,能够使用NodeJS开发后台接口,打通前后端。学完以后能够一个人胜任前端项目的独立开发,从项目框架搭建开始到业务功能的实现,以及后台api的调用均能胜任,使课程不仅仅只有教还有练,让学生能够快速上手企业项目开发。
|
第四阶段
前端高级框架
|
能够使学员完成整个或部分系统的可重用设计
实现响应的数据绑定和组合的视图组件
快速完成复杂的单页面应用及UI组件库的开发
|
市场价值:
让学员熟练掌握框架的企业级项目应用
|
第五阶段
原生开发与微信开发
|
Weex原生开发
微信小程序
微信公众平台
|
市场价值:
具有开发简单的小程序的能力,在新浪SAE上创建App、部署代码、开发接口的认证。能跟上最新技术的脚步,具有前后端开发能力的前端开发者。能熟练使用各种前端工具,具有开发WebApp并打包上线的能力,能与其他开发者合理沟通协作开发项目,符合企业高端需求。
|
第六阶段
其它选修技术
|
前端工程化
React
Webpack
React Native
|
市场价值:
从前端工程化的高度设计前端架构,并使用常用脚手架进行工程化搭建,会使用webpack进行loader加载和热替换
|
第七阶段
职业素养
|
软件工程师职业生涯规划、团队建设、团队协作、沟通技巧、商务礼仪
敏捷软件开发流程及角色
|
市场价值:
中英文简历制作、面试技巧
各大公司面试问题汇总讲解。
|
同意《隐私政策》并允许推荐给更多服务商为您提供服务!