|
|
| 网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如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
色彩基础与配色，UI设计基础，Photoshop操作、蒙版、图像变换、修图技巧、矢量图形绘制、文本设计、渐变与图层形式、网页切图。
HTML5入门、文本、图像、表格、列表、表单、框架；CSS3基础语法、选择器、框模型与北京、文本格式化、表阿哥、显示与定位
JavaScript语法、流程控制、数组、object、function、string和正则表达式、常用内置对象、错误处理、作用域、匿名函数、面向对象编程、DOM编程。
jQuery概述、选择器、HTML操作、事件、、常用plug-in、jQuery扩展。
混合开发介绍、nodejs基础；angularjs基础、angularjs指令、过滤器、作用域、常用方法；ionic框架介绍、css布局、ionic常用控件；react原理，组件属性，组件生命周期，react开发webAPP案例。
微信场景应用开发、响应式网站开发、webAPP开发。新闻APP开发、微网站开发，大型动态网站、益智游戏2048、电商购物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动画特效 项目实战-导航栏 项目实战-照片墙 |
|
阶段 |
授课内容 |
| 阶段一：基础课程 |
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（手机/微信）
同意《隐私政策》并允许推荐给更多服务商为您提供服务！
