|
|
| 网络前端不仅工资高，而且在中国也是一个供不应求的工作。从招聘网站的分析来看，员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5，更印证了HTML5在互联网时代的发展前景。据统计，中国HTML5前端工程师缺口将达到约12万。目前，北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 | |
学WEB前端经典开发软件应用
成为前端工程师必备软件
|
|
|
|
|
|
|
由Adobe Systems开发和发行的图像处理软件 |
应用于出版、多媒体和在线图像的工业标准矢量插画的软件 |
万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言 |
CSS样式是一种用来表现HTML文件的计算机语言 |
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。 |
WordPress是一种使用PHP语言开发的网页平台 |
（1）数据可视化:《多变的统计图》《百度地图》Vue:《vue基础实例》《洋网店微商城》《东易买后台管理系统》React:《react基础实例》《仿简书APP》《淘车网》Angular:《angular基础实例》《手机通讯录》
（2）掌握使用D3.js进行大数据可视化交互开发；掌握使用Vue技术栈进行项目开发；掌握使用React技术栈进行项目开发；掌握源代码管理工具的使用；熟练掌握前后端分离开发模式；掌握使用主流框架开发门户网站、管理系统、移动Web等客户端；掌握Webpack项目构建配置流程；掌握Web项目的部署与发布模式。
（3）在项目经理带领下完成真实企业级项目开发，快速切入已有项目的开发工作，学会团队协作完成项目开发，学会项目上线前的优化和测试，掌握从需求到开发再到上线部署的整个流程
（4）基于node+MongoDB构建服务端基于流程框架构建后端联调，实现数据的前后端联调，项目性能优化解决方案，从需求分析到前端开发再到上线部署的全栈解决方案
掌握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月，是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构，是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务，培育高科技企业和企业家，促进科技成果商品化、产业化、国际化。
立即咨询
|
课程模板 |
培训内容 |
项目实训 |
|
Photoshop |
熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用。网页导航的设计以及字体板式设计 |
阶段项目实训 |
|
Illustrator |
基本操作、导入、图层讲解绘制工具（基本形状、钢笔等）的使用方法和技巧颜色的操作：基本色、渐变色、吸管等上色方法和技巧实时描摹和实时上色、滤镜与矢量效果、文字处理排版和文件输出几何变形和图形组合、路径的高级编辑与图表制作、矢量绘图与路径造型熟练使用此软件、完成插画绘制、标识制作、排版艺术等 |
|
|
WEB界面设计元素设计 |
Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化，Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例,网页导航的设计以及字体板式设计 |
|
|
Axure RP-Web/AP原型设计 |
Axure RP创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。 |
|
课程模板 |
培训内容 |
项目实训 |
|
XHTML(DIV) |
XHTML（html+div）--熟练掌握 HTML 各种标签（文本，图像，链接，表格，列表，表单，框架，层布局等） ，以便于能快速完成各种页面的编写 |
阶段项目实训 |
|
CSS |
Css---选择器的介绍，样式中属性与属性值介绍，以及各种页面样式的定义和编写。网页导航的设计以及字体板式设计 |
|
课程模块 |
课程内容 |
项目实训 |
|
Html5 |
Html5----基础概述和新特性，从html到XHTML到html5的过程，创建h5文档，h5 表单（新增的input输入类型，属性，元素），绘制简单的图形，图形的变换，图形的组合与裁切，更多的颜色和样式选项，绘制文字，音频和视频的操作，web存储，离线应用，多线程处理等知识。 |
阶段项目实训 |
|
CSS3.0 |
Css3---回顾css，css选择器（属性选择器，结构伪类选择器，UI伪类选择器，其他选择器），文本，字体，颜色，背景和边框，2D变形（旋转，缩放，移动，倾斜，变形），设计动画（平滑过渡，2D和3D动画，渐变效果），实例：礼品盒，易拉罐等设计。网页布局，用户界面设计，已经其他新特性讲解 |
|
课程模块 |
课程内容 |
项目实训 |
|
Javascript脚本 |
Js---简介，基础（数据结构、数据类型、运算符、表达式、数据类型的转换规则），流程控制（赋值语句、条件判断语句、循环控制语句、跳转语句），函数（定义，调用，使用，返回值，嵌套，内置函数，构造函数），对象与数组（内置对象、对象访问语句，数组），字符串与数组处理对象（字符串对象，数值对象），正则表达式，表达式语句，程序调用与错误报告，事件处理，加载事件与卸载事件，处理文档（文档对象常用的属性、方法、事件），文档对象模型（DOM概述，对象节点属性），window对象的操作等。 |
阶段项目实训 |
|
jQuery+交互动画+jQuery优质插件 |
结合案例了解jQuery库原理和动画的概念、方法，熟悉和掌握移动网页常用jQuery库使用方法。主要内容包括：jQuery各种选择器的使用，DOM节点操作，事件处理及事件处理机制，jQuery事件封装机制，jQuery事件应用，jQuery中的动画及动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题和jQuery插件的使用 |
|
网站设计流程与策划 |
网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。 |
|
|
电商平台类网站项目实训 |
商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示 |
|
|
企业类网站项目实训 |
如小米、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计 |
|
从前端到后端再到移动端，打造全能型WEB全栈开发工程师
教学过程中的各个阶段都融合了相对应的项目实战内容，从前端项目到后端项目再到移动端项目和全栈项目，尽可能做到让理论与实践相结合，真正掌握全栈技术
|
课程模块 |
课程内容 |
|
第 一阶段：WEB界面设计软件基础 |
|
|
Photoshop |
熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用。网页导航的设计以及字体板式设计 |
|
Illustrator |
基本操作、导入、图层讲解绘制工具（基本形状、钢笔等）的使用方法和技巧颜色的操作：基本色、渐变色、吸管等上色方法和技巧实时描摹和实时上色、滤镜与矢量效果、文字处理排版和文件输出几何变形和图形组合、路径的高级编辑与图表制作、矢量绘图与路径造型熟练使用此软件、完成插画绘制、标识制作、排版艺术等 |
|
WEB界面设计元素设计 |
Banner版面设计的规则与规范，版面的排版。色相的选择，色调的调整。让banner制作更速成化，Banner广告强化设计，主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例,网页导航的设计以及字体板式设计 |
|
Axure RP-Web/AP原型设计 |
Axure RP创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。 |
|
阶段项目实训 |
华为网站静态图仿做——通过学习的PS、AI、AP等方式制作企业静态网站首页中的图标，Banner，界面设计以及风格解析和网页设计规范。 |
|
第二阶段 web2.0标准布局 |
|
|
课程模块 |
课程内容 |
|
XHTML(DIV) |
XHTML（html+div）--熟练掌握 HTML 各种标签（文本，图像，链接，表格，列表，表单，框架，层布局等） ，以便于能快速完成各种页面的编写 |
|
CSS |
Css---选择器的介绍，样式中属性与属性值介绍，以及各种页面样式的定义和编写。网页导航的设计以及字体板式设计 |
|
项目实训 |
阶段项目实训 |
|
第三阶段移动web界面开发 |
|
|
课程模块 |
课程内容 |
|
Html5 |
Html5----基础概述和新特性，从html到XHTML到html5的过程，创建h5文档，h5 表单（新增的input输入类型，属性，元素），绘制简单的图形，图形的变换，图形的组合与裁切，更多的颜色和样式选项，绘制文字，音频和视频的操作，web存储，离线应用，多线程处理等知识。 |
|
CSS3.0 |
Css3---回顾css，css选择器（属性选择器，结构伪类选择器，UI伪类选择器，其他选择器），文本，字体，颜色，背景和边框，2D变形（旋转，缩放，移动，倾斜，变形），设计动画（平滑过渡，2D和3D动画，渐变效果），实例：礼品盒，易拉罐等设计。网页布局，用户界面设计，已经其他新特性讲解 |
|
项目实训 |
阶段项目实训 |
|
第四阶段网页交互与特效表现 |
|
|
课程模块 |
课程内容 |
|
Javascript脚本 |
Js---简介，基础（数据结构、数据类型、运算符、表达式、数据类型的转换规则），流程控制（赋值语句、条件判断语句、循环控制语句、跳转语句），函数（定义，调用，使用，返回值，嵌套，内置函数，构造函数），对象与数组（内置对象、对象访问语句，数组），字符串与数组处理对象（字符串对象，数值对象），正则表达式，表达式语句，程序调用与错误报告，事件处理，加载事件与卸载事件，处理文档（文档对象常用的属性、方法、事件），文档对象模型（DOM概述，对象节点属性），window对象的操作等。 |
|
jQuery+交互动画+jQuery优质插件 |
结合案例了解jQuery库原理和动画的概念、方法，熟悉和掌握移动网页常用jQuery库使用方法。主要内容包括：jQuery各种选择器的使用，DOM节点操作，事件处理及事件处理机制，jQuery事件封装机制，jQuery事件应用，jQuery中的动画及动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题和jQuery插件的使用 |
|
项目实训 |
阶段项目实训 |
|
第五阶段综合实训 |
|
|
网站设计流程与策划 |
网站设计流程，网站设计理念创新，网页结构图与原型图绘制等；如何从零开始策划一个网站，包括主题定位、栏目规划等，如何去策划盈利模式。 |
|
电商平台类网站项目实训 |
商业案例实训如京东、小米等平台，重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计，布局技巧及细节设计技巧，各类网页交互设计应用、响应式设计应用的展示 |
|
企业类网站项目实训 |
如小米、腾讯企业类平台，重点学习页面主题设计如TOP部分设计，BANNER设计，产品页设计,新闻页设计,首页设计，类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条（banner)制作、正文内容的详细设计 |
学习不知道如何选择学校？想要了解上海哪家机构教学优势强、教学师资、资质，还有学习的价格，这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线：021-64320836，或【在线咨询】向老师提问！
张老师：132-6289-2960（手机/微信）
Web前端目前的薪资及前景还是非常好的，如果想学前端HTML5课程，是进行专业性的学习。在你选择学校的时候可以重点从师资、课程设置、学生就业服务三方面考虑。你首.....
学web前端开发什么样的学习方式好?想怎么学习，其实还是要结合自身情况来分析，毕竟别人的建议也不是帮你量身定做的。web前端近几年很火热，很多人都纷纷投入到前端.....
如果你觉得0基础学web前端比较吃力，可以报一家web前端学习班，实体比较好，web前端课程都是从基础的知识学起，循序渐进，使学员逐步掌握web前端技能，具体的.....
优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师.....
同意《隐私政策》并允许推荐给更多服务商为您提供服务！
