|
|
| 网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5，更印证了HTML5在互联网时代的发展前景。据统计，中国HTML5前端工程师缺口将达到约12万。目前，北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 | |
| 课程 | 内容 |
| HTML5基础 | HTML快速人门、文本、图像、链接、表格、列表、表单、框架; |
| CSS3 | CSS基础语法、框模型与背景、文本格式化、表格、显示与定位、动画、过渡、2D/3D转换、CSS优化 |
| JavaScrip核心 | JavaScrip基础语法、数组Object、Function、String和正则表达式、常用内置对象、JSON、错误处理、面向对象高级编程 |
| DOM编程 | 选取并读取节点、文档遍历以及增加节点、删除节点、Window对象、BOM对象、HTML DOM |
| 实战技能目标 | 具备完成各种互联网系统的页面布局、外观实现及动态交互的能力 |
| 课程 | 内容 |
| UI交互设计 | Photoshop设计工具、原型工具AP、互联网UI交互设计理论 |
| HTTP协议 | 服务器端组件原理、HTTP请求(GET、POST、PUT、DELETE等)、HTTP响应、Cookie原理、Session原理、Restful协议 |
| 服务器 | Java服务器端技术简介及Tomcat服务器、PHP服务器端技术简介及Apache服务器、.NET服务器端技术简介及IIS服务器 |
| HTML5高级 | 移动设备布局与响应式布局、HTML5绘图、HTML5 SVG、音频和视频处理、GeolocationAPI、Communication API、WebSocketsAPI、Forms API、HTML5拖放、Web Workers API、WebStorage API、离线Web应用 |
| Ajax | XML、JSON、Ajax原理、JQuery Ajax、Ajax经典案例 |
| 实战技能目标 | 具备完成各种互联网系统的原型设计，服务器端数据交互的能力；掌握异步交互、动画、绘图、多媒体处理、响应式布局等Web3.0高端技术。 |
| 课程 | 内容 |
| JQuery | JQuery概述、JQuery选择器、JQuery HTML操作、JQuery事件、JQuery特效、JQuery Traversing、JQuery常用Plug-in、JQuery扩展、JQuery Mobile |
| Bootstrap | BS基础、BS Grid、BS Forms、BS Inputs |
| AnqularJS | |
| 实战技能目标 | 掌握web前端主流框架、前端优化等web前端架构级技术；具备完成淘宝、京东、网易136邮箱等大型互联网系统web前端的开发能力。 |
盒马生鲜为一个电商类的小程序项目，其中实现了盒马生鲜小程序的大部分功能，如首页数据展示、商品列表、详情、加入购物车等操作。数据通过mock的形式来完成，对于初学小程序的学员，这个项目无疑是贯穿原生小程序开发最好的选择。
随着跳一跳等各类小游戏的火热发出，微信小游戏也慢慢成为了下一个追逐的热点,海底大冲关是基于原生小游戏所开发出来的一款益智类小游戏，。通过该项目让大家Get到小游戏的开发全过程，同时具备自己开发一个新的小游戏出来的能力
爱旅行是国内家提供限时特价旅游产品的网络平台。为了此项目在PC端以及移动端更好的适配，课工场前端开发团队以React框架为技术主线，实现了爱旅行项目在PC端的展示，使用移动端的开发技术实现了在手机上展示，可以更加便捷的操作。
该项目使用Vue框架开发，使用前后端分离思想，采用node、npm、Webpack、ES6、vuex、vue-router等技术，采用GitHub作为代码管理工具，结合第三方地图API实现定位及地图绘制，还会从易到难的教会大家组件的封装使用。
掌握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月，是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构，是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务，培育高科技企业和企业家，促进科技成果商品化、产业化、国际化。
立即咨询
项目介绍：该项目是一个电商购物网站，主要包括后台和前台两个模块，后台模块负责管理商品信息，前台模块负责展示商信息，用户通过访问前台模块相关页面，可以浏览该网站中在售的手机产品信息了解相关手机产品的相关信息。该项目采用PHP+MySQL实现，学完该项目，能够掌握PHP+MySQL核心技术。
功能实现：项目环境搭建、数据库结构设计、后台商品基本信息的管理和文件上传、前台展示商品信息。
技术要点：PHP、MySQL、MVC、Smarty、HTML5、JQuery、Swiper等。
项目介绍：以该视频网站项目为例，详细分析企业项目开发流程，一个网站从无到有的所有过程，回顾布局技巧，搭配交互合理布局，前后端数据交互流程分析、安排、实现，网站常见交互效果。视频类网站除了基本的布局以外，还包含诸多常见的网站交互效果，视频播放等功能，一通百通，掌握了该项目的开发技巧以后，其他网站效果都能轻松应对。
技术要点：切图技巧、DIV+CSS布局、整站布局技巧、浏览器兼容性处理、JavaScript网页交互、ajax、jsonp前后端数据交互技术。
| 课程大纲 |
可掌握的核心能力
|
可解决的现实问题
|
|
第 一阶段
前端基础
|
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加载和热替换
|
|
第七阶段
职业素养
|
软件工程师职业生涯规划、团队建设、团队协作、沟通技巧、商务礼仪
敏捷软件开发流程及角色
|
市场价值:
中英文简历制作、面试技巧
各大公司面试问题汇总讲解。
|
学习不知道如何选择学校？想要了解上海哪家机构教学优势强、教学师资、资质，还有学习的价格，这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线：021-64320836，或【在线咨询】向老师提问！
张老师：132-6289-2960（手机/微信）
上海HTML5工资怎么样?听千锋教育毕业的学生说，基本工资约为10-12k。.....
因为地区与机构的不同，费用也是不等的，目前市面上的费用一般在1万-1.6万左右。学费看似不低，但是毕业后的收入同样不菲。 根据部分网友在部分一线城市的亲身.....
学费应该1万多吧，如果办理贷款会有一些利息，但是短时间压力没那么大哈，毕业了出来工作一两个月就把学费赚回来了。.....
目前WEB前端培训的学费大概在15000到20000元之间，具体要看你报的什么类型的班，以及培训机构的资质怎么样，当然，不同地域不同的机构，价格多多少少会有差别.....
同意《隐私政策》并允许推荐给更多服务商为您提供服务！
