![]() |
![]() |
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 |
本项目为音乐类项目,主要实现音乐首页展示,今日推荐类别,歌曲列表,歌曲播放及歌手列表和搜索功能。主要练习Vue的基础应用和组件如何设计。项目如何构架与测试。通过本项目可以让学者更快的熟悉Vue框架的使用。并且熟练的构建整个项目需求的架构。
项目技术:Vue+Flex+Vue-Router+Webpack+ES6
这是一款为女性专门打造的App,推荐更好的产品,产品包含化妆用品,护理用品,穿戴用品。功能包含浏览,推荐,活动,购物车与购买功能
项目技术:HTML+CSS+JavaScript+第三方框架
此阶段的内容为微信小程序开发,本阶段并非以基础知识点开始入手讲解,基于学者经历过以上的学习,在此时已经掌握项目框架,包含常见的一些实现规范,所以,这里我们将直接讲解项目,根据项目需求的效果使用微信小程序技术实现对应功能。
项目技术:微信小程序
本项目为目前常见O2O类项目的展示形式与功能,项目主要包含功能有首页展示,城市切换,搜索实现,详情展示,登录与注册,购买与收藏业务,用户中心和评论等功能。主要针对学者练习React基础应用和React高级组件的创建,React中使用Redux掌握应用场景。
项目技术:React+React-Redux+Flex+React-Router4.0+Webpack+ES6
一、三大构成
1、平面构成与设计:点的构成形式、线的构成形式、面的构成形式,训练各种熟练的构成技巧和表现方法,培养审美观及美的修养和感觉,提高创作活动和造型能力-活跃构思。
2、色彩构成与设计:学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比;提高综合审美能力。
3、立体构成与设计:立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用
二、WEB界面元素设计
1、网页Banner排版与设计
1)Banner版面设计的规则与规范,版面的排版。色相的选择,色调的调整。让banner制作更化。
2)Banner广告强化设计,主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例
2、网页元素
及规范:页面设计基本流程与设计规范的概念性讲解,重点了解WEB界面设计规范及页面元素;网页配色技巧、色彩与构图的概念及技巧;网页导航与按钮设计
掌握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基础: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组件、视觉效果及移动网站开发。 |
课程大纲 |
可掌握的核心能力
|
可解决的现实问题
|
第 一阶段
前端基础
|
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加载和热替换
|
第七阶段
职业素养
|
软件工程师职业生涯规划、团队建设、团队协作、沟通技巧、商务礼仪
敏捷软件开发流程及角色
|
市场价值:
中英文简历制作、面试技巧
各大公司面试问题汇总讲解。
|
上海慧谷职业技能培训中心,是正规教育局劳动局办学资格单位,连续多年获得徐汇区优秀办学机构荣誉。 实施科教兴市战略,加强自主创新与创业人才的培养,提升创新创业能力,增强市场竞争力和可持续发展的活力,是慧谷培训不断提高的目标和动力。
“慧谷培训”是沪上著名的培训教育品牌,多年来为各大企业客户和社会精英提供了专业服务。上海慧谷职业技能培训中心设立在慧谷高科技创业中心孵化基地内,位于徐家汇商贸中心,毗邻上海交通大学,交通便利,环境幽雅。慧谷培训拥有学术造诣深,实践经验丰富的师资队伍及良好的教学设施。慧谷培训面向社会提供人才培训服务和职业发展咨询服务。专业和职业发展规划为学员提供创业、就业、见习和职业发展机会。
慧谷培训中心将抓住机遇,严谨治学,勇攀高峰,努力办成一流的专业人才专修培训机构。
上海慧谷高科技创业中心成立于1999年5月,是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构,是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务,培育高科技企业和企业家,促进科技成果商品化、产业化、国际化。
选择交大慧谷专业美术设计课程,学员在学习知识的同时,积累了丰富的实战经验,获得了权 威的证书,找到了理想的工作!