Web发展前景
|
|
| 网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5，更印证了HTML5在互联网时代的发展前景。据统计，中国HTML5前端工程师缺口将达到约12万。目前，北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 | |
实战项目教学案例
-
盒马生鲜
盒马生鲜为一个电商类的小程序项目，其中实现了盒马生鲜小程序的大部分功能，如首页数据展示、商品列表、详情、加入购物车等操作。数据通过mock的形式来完成，对于初学小程序的学员，这个项目无疑是贯穿原生小程序开发最好的选择。
-
微信小游戏
随着跳一跳等各类小游戏的火热发出，微信小游戏也慢慢成为了下一个追逐的热点,海底大冲关是基于原生小游戏所开发出来的一款益智类小游戏，。通过该项目让大家Get到小游戏的开发全过程，同时具备自己开发一个新的小游戏出来的能力
-
爱旅行项目
爱旅行是国内家提供限时特价旅游产品的网络平台。为了此项目在PC端以及移动端更好的适配，课工场前端开发团队以React框架为技术主线，实现了爱旅行项目在PC端的展示，使用移动端的开发技术实现了在手机上展示，可以更加便捷的操作。
-
大麦网电商网站
该项目使用Vue框架开发，使用前后端分离思想，采用node、npm、Webpack、ES6、vuex、vue-router等技术，采用GitHub作为代码管理工具，结合第三方地图API实现定位及地图绘制，还会从易到难的教会大家组件的封装使用。
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月，是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构，是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务，培育高科技企业和企业家，促进科技成果商品化、产业化、国际化。
立即咨询
上海Web前端工程师课程
| 项目实战 | |
| 阶段一 | HTML5基础：HTML快速入门、文本、图像、链接、表格、列表、表单、框架； PH0T0SH0P设计：PH0T0SH0P基础操作与工具讲解、PH0T0SH0P艺术设计、PH0T0SH0P切图； |
| 阶段二 | CSS3：CSS基础语法、框模型与背景、文本格式化、表格、显示与定位、动画、过渡、2D/3D转换、CSS优化； 核心：JavaScrip基础语法、数组0bject、Function、String和正则表达式、常用内置对象、node.js、JS0N、错误处理、面向对象高级编程； D0M编程：选取并读取节点、文档遍历以及增加节点、删除节点、Window对象、B0M对象、HTML D0M； |
| 阶段三 | HTML5高级：移动设备布局与响应式布局、HTML5绘图、HTML5 SVG、音频和视频处理、GeolocationAPI、Communication API、WebSockets API、Forms API、HTML5拖放、Web Workers API、Web Storage API、离线Web应用； |
| 阶段四 | JQuery：JQuery概述、JQuery选择器、JQuery HTML操作、JQuery事件、JQuery特效、JQuery Traversing、JQuery常用Plug-in、JQuery扩展、JQuery Mobile |
| 阶段五 | Ajax：XML、JS0N、Ajax原理、JQuery Ajax、Ajax经典案例； 网页游戏开发：学习使用HTML5、CSS3及框架开发网页游戏； |
| 阶段六 | Bootstrap：BS框架基础、BS响应式设计、BS插件制作与应用； AngularJS：AngularJS Web框架应用； jQueryMobile：jQueryMobile框架、jQueryMobile UI组件、视觉效果及移动网站开发。 |
| 课程大纲 |
可掌握的核心能力
|
可解决的现实问题
|
|
第一阶段
前端基础
|
1.掌握PS工具的基础使用
2.了解语义化的概念
3.熟练掌握DIV + CSS制作各种页面布局网页
4.能够掌握HTML5新特性与常用标
5.能够根据提供的PSD效果图制作与效果图一致的网页
6.能够手写CSS代码
7.可以使用CSS3完成页面动画
|
与美工对接,完成网站静态页面的开发,为后期编写页面动态效果打基础。
市场价值:
了解网页的组成,能够实现静态页面编写，可以使用CSS3完成简单的页面动画。
|
|
第二阶段
前端进阶
|
1.能够掌握JavaScript基本语法
2.掌握DO M的各种操作
3.熟练使用面向对象思想进行DO M编程
4.掌握JavaScript的高级语法
5.掌握使用jQuery操作DOM
6.熟练使用和编写jQuery插件
7.独立完成电商网站的页面搭建(包括HTML结构、CSS样式、JavaScript特效组件)
8.掌握应对业务编程的能力
|
学生具备JavaScript开发能力,能够完成常见页面效果开发,为就业班后期课程打下基础。
市场价值:
具备JavaScript语言编程思想,但是还不能达到企业的用人标准。
|
|
第三阶段
移动端开发
|
1.掌握常用移动端框架使用方法
2.掌握常用移动端适配方法
3.熟练使用移动端touch事件及手势封装
4.掌握响应式布局的写法
5.掌握Angular框架的使用
6.使用inoic打包app
|
学生具备移动端web开发能力,拥有根据设计图转化为对应的web,同时处理移动设备适配问题。能够掌握工作中多人开发的操作方式。
市场价值:
具备移动web开发能力，能够和后台交互,独立开发移动端的交互网站。
|
|
第四阶段
前端模板化
+
后端开发
|
1.能够建立客户端服务器交互模型,熟悉网络通信相关概念
2.熟悉PHP基础语法,能够开发简单的后台接口
3.能够使用PHP操作MySQL数据库
4.能够独立开发基于后台接口的动态网站、AJAX数据交互的项目
|
学生能够建立起客户端服务器交互模型,熟练使用Ajax实现前端功能点、能够进行前后端协作开发、能够独立开发基于后台接口的数据管理平台项目
市场价值:
掌握前后端协作开发相关知识点、能够快速融入实际的工作场景
|
|
第五阶段
全栈开发
|
1.了解项目开发的流程
2.能够熟练开发移动端和PC端的交互式网站
3.能够用目前热门JavaScript框架Vue.js来开发项目
4.掌握Express的使用
5.能够使用NodeJS开发后台接口,打通前后端
6.掌握源代码管理软件的使用
|
1.能够读懂公司已有的利用webpack搭建好的框架结构或者是使用vuejs开发的项目
2.能够利用webpack提高项目团队的开发效率
市场价值:
学完以后能够--个人胜任前端项目的独立开发，从项目框架搭建开始到业务功能的实现,以及后台api的调用均能胜任,使课程不仅仅只有教还有练,让学生能够快速上手企业项目开发
|
|
第六阶段
技术前沿
|
1.掌握React框架的使用
2.掌握ReactNative
3.掌握微信小程序
4.能够利用webpack、gulp打包工具实现网站资源的打包
|
1.能够开发微信小程序的应用
2.能够使用ReactNative开发WebApp ,打包安装
市场价值:
具有开发简单的小程序的能力,能跟上新技术的脚步,具有前后端开发能力的前端开发者。能熟练使用各种前端工具，具有开发WebApp并打包上线的能力，能与其他开发者合理沟通协作开发项目，符合企业高端需求。
|
报名电话
学习不知道如何选择学校？想要了解上海哪家机构教学优势强、教学师资、资质，还有学习的价格，这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线：021-64320836，或【在线咨询】向老师提问！
张老师：132-6289-2960（手机/微信）
预约学校参观
相关问答
-
专业的讲师团队 在一定程度上，强大的教师队伍可以提高学生的整体学习水平。虽然学习取决于自己的努力，一个好的老师可能是学生的指路明.....
[详情] -
基本不靠谱，抛开机构来说，对于学习者每周学两天，没有大量的练习，原本全日制需要4到6个月的课程，换成周末班要上8到10个月。拉的战线太长，知识遗忘的速度不容忽视.....
[详情] -
谢谢邀请 不知道你是男生还是女生，web前端是一个很好的趋势，有前景，女孩子的话也非常适合学习 北京地区培训机构很多，良莠不齐，下.....
[详情] -
学校环绕四周，文化氛围浓厚,北大青鸟中关村校区学员在学习之余，既能享受这些高等学府的教学资源，又能欣赏到中国学校的人文景致，感受众多学校良好的文化氛围和学习氛围.....
[详情]
个试听名额
