首页 找课程 找学校 教育新闻 培训问答 课程大全

交大慧谷培训

021-64320836 免费试听 在线客服

您的位置: 首页 > 上海培训 > 交大慧谷培训 > web前端培训 > 上海移动端前端开发培训

上海移动端前端开发培训

班制:

其它

[ 开班提醒 ]
上课地址:

活动倒计时
11: 59: 59
马上抢

课程介绍

Web发展前景


上海移动端前端开发培训 上海移动端前端开发培训
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。

web前端设计师平均工资8K

web前端设计师平均工资

我们创办了多向反馈激发式教学法,是训练时采用简洁、趣味的实例入门,让你了解作图的步骤.方法.技巧,练习中加以深入浅出的讲解,理解练习的原理,能举一反三,提高解决问题的能力。使每一个学员能理解软件,掌握精髓.在老师的指导下,大量的实际工程来锻炼以提高作图的质量和速度.这种完备成熟的教学方案和因材施教,凝聚了专业教育精华。这是**在短期内使学员“学有所成”的根本前提。

学WEB前端经典开发软件应用

成为前端工程师必备软件

Adobe Systems 多媒体和在线图像 万维网的核心语言  由Adobe Systems开发和发行的图像处理软件 应用于出版、多媒体和在线图像的工业标准矢量插画的软件 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言 CSS样式 JavaScrip WordPress
由Adobe Systems开发和发行的图像处理软件

应用于出版、多媒体和在线图像的工业标准矢量插画的软件

万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言
CSS样式是一种用来表现HTML文件的计算机语言


JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。 WordPress是一种使用PHP语言开发的网页平台


web前端培训课程

  • 上海移动端前端开发培训

    社区平台

    项目介绍:该项目是一个社区平台,用户可以在社区注册登录并创作文章,互相交流;项目基于React技术架构,学习完该项目可以掌握React核心技术架构体系。
    功能实现:项目环境搭建、首页开发、详情页面开发、登录权限校验开发、列表页面开发。
    技术要点:React、React-Router、React-redux、Redux DevTools、Redux-saga等主流新技术

  • 点餐平台

    项目介绍:该项目是一个点餐平台,用户可以在该平台浏览商家信息,商品,点餐、下单、评价等;项目基于Vue技术架构,学完该项目可以掌握Vue的核心技术架构体系。
    功能实现:商品列表、商品详情、商家详情、评价页面、订单等。
    技术要点:Vue、Vue-cli、ES6、Webpack、Vue-router、axios、stylus、Mock数据等。

  • 旅游平台

    项目介绍:该项目是一个景点订票平台,用户可以浏览本地景点、景点评价、网上购票;该项目采用前后端分离,前台基于Vue架构,后台基于node搭建服务,学完该项目可以掌握Vue核心的技术架构和node服务的核心技术。
    功能实现:项目环境搭建、首页开发、地区选择功能开发、景点详情页面、订单购票功能等。
    技术要点:Vue、Vue-cli、Vue-router、axios、swiper、stylus、Node、express、MongoDB等

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地图定位 掌握H5地图定位
● 微信美食(1~3) ● 掌握微信公众号开发

● 掌握H5列表开发

● 掌握CSS标签使用

● 掌握HTML5 web存储

微信美食
● 微信汽车(1~3) ● 掌握轻量级JS库JQUERY

● 实现动态效果

● 掌握网页数据的异步交互

● 掌握轮播翻页效果

● 掌握支付接口的开发

● 掌握HTML5新表单元素

HTML5新表单元素
● 微信医疗(1~7) ● ......(根据行业岗位需求教学)

● 掌握HTML5 web worker

● 熟练使用开发工具,调试工具,SVN

● 熟练HTML5新表单元素

● 掌握Canvas基础图像处理技术

● 掌握HTML5新特性

● 掌握支付接口的开发

● 了解如何利用开发工具如PhoneGap、APPCAN实现开发跨平台应用程序

微信医疗

上海交大慧谷培训中心

  • 机构简介

    上海慧谷高科技创业中心成立于1999年5月,是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构,是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务,培育高科技企业和企业家,促进科技成果商品化、产业化、国际化。

    立即咨询
上海Web网页设计班

课程大纲
可掌握的核心能力
阶段一、平面+网页

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动画特效

项目实战-导航栏

项目实战-照片墙

从前端到后端再到移动端,打造全能型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---选择器的介绍,样式中属性与属性值介绍,以及各种页面样式的定义和编写。网页导航的设计以及字体板式设计
浏览器的兼容性---熟悉各种浏览器的优缺点及制作技巧。
制作符合 web2.0 标准的网页布局

项目实训

阶段项目实训
华为网网站静态页面代码实现——通过本阶段的学习,学员独立运用HTML+CSS完成网站静态页面的编写,以及浏览器之间的兼容性。

第三阶段移动web界面开发

课程模块

课程内容

Html5

Html5----基础概述和新特性,从html到XHTML到html5的过程,创建h5文档,h5   表单(新增的input输入类型,属性,元素),绘制简单的图形,图形的变换,图形的组合与裁切,更多的颜色和样式选项,绘制文字,音频和视频的操作,web存储,离线应用,多线程处理等知识。

CSS3.0

Css3---回顾css,css选择器(属性选择器,结构伪类选择器,UI伪类选择器,其他选择器),文本,字体,颜色,背景和边框,2D变形(旋转,缩放,移动,倾斜,变形),设计动画(平滑过渡,2D和3D动画,渐变效果),实例:礼品盒,易拉罐等设计。网页布局,用户界面设计,已经其他新特性讲解

项目实训

阶段项目实训
华为网网站移动端界面设计—通过本阶段学习,使用HTML5+CSS3搭建响应式开发能力;具备高效快速开发企业项目的能力。

第四阶段网页交互与特效表现

课程模块

课程内容

Javascript脚本

Js---简介,基础(数据结构、数据类型、运算符、表达式、数据类型的转换规则),流程控制(赋值语句、条件判断语句、循环控制语句、跳转语句),函数(定义,调用,使用,返回值,嵌套,内置函数,构造函数),对象与数组(内置对象、对象访问语句,数组),字符串与数组处理对象(字符串对象,数值对象),正则表达式,表达式语句,程序调用与错误报告,事件处理,加载事件与卸载事件,处理文档(文档对象常用的属性、方法、事件),文档对象模型(DOM概述,对象节点属性),window对象的操作等。

jQuery+交互动画+jQuery优质插件

结合案例了解jQuery库原理和动画的概念、方法,熟悉和掌握移动网页常用jQuery库使用方法。主要内容包括:jQuery各种选择器的使用,DOM节点操作,事件处理及事件处理机制,jQuery事件封装机制,jQuery事件应用,jQuery中的动画及动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题和jQuery插件的使用

项目实训

阶段项目实训
通过本阶段的学习,学员独立运用js+jq完成网站页面交互特效的编写,以及浏览器之间的兼容性。

第五阶段综合实训

网站设计流程与策划

网站设计流程,网站设计理念创新,网页结构图与原型图绘制等;如何从零开始策划一个网站,包括主题定位、栏目规划等,如何去策划盈利模式。

电商平台类网站项目实训

商业案例实训如京东、小米等平台,重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计,布局技巧及细节设计技巧,各类网页交互设计应用、响应式设计应用的展示

企业类网站项目实训

如小米、腾讯企业类平台,重点学习页面主题设计如TOP部分设计,BANNER设计,产品页设计,新闻页设计,首页设计,类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条(banner)制作、正文内容的详细设计

报名电话

学习不知道如何选择学校?想要了解上海哪家机构教学优势强、教学师资、资质,还有学习的价格,这些问题专业的师资团队都会给你解答。


快拨打免费咨询热线:021-64320836,或【在线咨询】向老师提问!


张老师:132-6289-2960(手机/微信)



预约学校参观

倒计时
11: 59: 19
课程热线:021-64320836 | 客服时间:9:00-22:00(其他时间请在线预约报名或留言)
机构介绍
上海慧谷职业技能培训中心,是正规教育局劳动局办学资格单位,连续多年获得徐汇区优秀办学机构荣誉。 实施科教兴市战略,加强自主创新与创业人才的培养,提升创新创业能力,增强市场竞争力和可持续发展的活力,是慧谷培训不断提高的目标和动力。 “慧谷培训”是沪上著名的培训教育品牌,多年来为各大企业客户和社会精英提供了专业服务。上海慧谷职业技能培训中心设立在慧谷高科技创业中心孵化基地内,位于徐家汇商贸中...【详情】
相关课程
其他城市
相关机构

申请试听名额

已有10254人申请免费试听

01电话咨询 | 021-64320836

QQ:2504994244
加盟合作:0755-83654572