上海培训网 > 上海web前端培训机构 > 交大慧谷培训
首页 培训网 最新资讯 热门问答

交大慧谷培训

13524072975 免费试听

您当前的位置: 上海软件系统培训 > 上海web前端培训 > 上海web前端培训

上海web前端培训

¥详询

班制:其它

上课(咨询)地址:
报名咨询 预约试听
课程介绍

Web前端的市场前景如何


全栈工程师市场缺口大,每天20多家企业上门等着学员毕业
1、众多企业高薪重金抢人
众多企业高薪重金抢人
2、行业薪资调研 3、薪资变化数据表
全栈工程师市场缺口大
薪资变化数据表
4、就业范围

互联网名企、创业企业、中小型企业、二三线城市
均需要Web前端+全栈工程师,尤以二三线城市及创业型企业对此类全能型人才急需,并开出远高于当地平均薪资的条件聘用。
web前端就业范围

WEB前端+移动端培训班

  • 音乐播放器

    本项目为音乐类项目,主要实现音乐首页展示,今日推荐类别,歌曲列表,歌曲播放及歌手列表和搜索功能。主要练习Vue的基础应用和组件如何设计。项目如何构架与测试。通过本项目可以让学者更快的熟悉Vue框架的使用。并且熟练的构建整个项目需求的架构。
    项目技术:Vue+Flex+Vue-Router+Webpack+ES6

  • Love

    这是一款为女性专门打造的App,推荐更好的产品,产品包含化妆用品,护理用品,穿戴用品。功能包含浏览,推荐,活动,购物车与购买功能
    项目技术:HTML+CSS+JavaScript+第三方框架

  • 微信小程序

    此阶段的内容为微信小程序开发,本阶段并非以基础知识点开始入手讲解,基于学者经历过以上的学习,在此时已经掌握项目框架,包含常见的一些实现规范,所以,这里我们将直接讲解项目,根据项目需求的效果使用微信小程序技术实现对应功能。
    项目技术:微信小程序

  • O2O海代

    本项目为目前常见O2O类项目的展示形式与功能,项目主要包含功能有首页展示,城市切换,搜索实现,详情展示,登录与注册,购买与收藏业务,用户中心和评论等功能。主要针对学者练习React基础应用和React高级组件的创建,React中使用Redux掌握应用场景。
    项目技术:React+React-Redux+Flex+React-Router4.0+Webpack+ES6

WEB界面与整站项目设计

一、三大构成

1、平面构成与设计:点的构成形式、线的构成形式、面的构成形式,训练各种熟练的构成技巧和表现方法,培养审美观及美的修养和感觉,提高创作活动和造型能力-活跃构思。

2、色彩构成与设计:学习色彩与视觉的原理、三要素及色彩对比、色彩推移、综合对比及色调变化、表现手法、色彩视觉心理与性格的对比;提高综合审美能力。

3、立体构成与设计:立体构成的概念特征及作用、材料要素及加工工具、视觉效果和心理感受、立体构成的设计应用、立体构成与建筑设计、立体构成与工业产品设计等方面应用

二、WEB界面元素设计

1、网页Banner排版与设计

1)Banner版面设计的规则与规范,版面的排版。色相的选择,色调的调整。让banner制作更化。

2)Banner广告强化设计,主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例

2、网页元素

及规范:页面设计基本流程与设计规范的概念性讲解,重点了解WEB界面设计规范及页面元素;网页配色技巧、色彩与构图的概念及技巧;网页导航与按钮设计

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前端培训学校

上海web前端培训

第 一阶段:WEB界面设计软件基础

课程模板

培训内容

项目实训

Photoshop

熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用。网页导航的设计以及字体板式设计

阶段项目实训
华为网站静态图仿做——通过学习的PS、AI、AP等方式制作企业静态网站首页中的图标,Banner,界面设计以及风格解析和网页设计规范。

Illustrator

基本操作、导入、图层讲解绘制工具(基本形状、钢笔等)的使用方法和技巧颜色的操作:基本色、渐变色、吸管等上色方法和技巧实时描摹和实时上色、滤镜与矢量效果、文字处理排版和文件输出几何变形和图形组合、路径的高级编辑与图表制作、矢量绘图与路径造型熟练使用此软件、完成插画绘制、标识制作、排版艺术等

WEB界面设计元素设计

Banner版面设计的规则与规范,版面的排版。色相的选择,色调的调整。让banner制作更速成化,Banner广告强化设计,主要讲解banner制作标准及要求、纯文字banner实例、金融业banner实例、快销品banner实例、文字横排/竖排/斜排的风格差异、服装类banner实例、化妆品banner实例、数码类banner实例、配饰类banner实例,网页导航的设计以及字体板式设计

Axure RP-Web/AP原型设计

Axure RP创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。

第二阶段 web2.0标准布局

课程模板

培训内容

项目实训

XHTML(DIV)

XHTML(html+div)--熟练掌握 HTML 各种标签(文本,图像,链接,表格,列表,表单,框架,层布局等) ,以便于能快速完成各种页面的编写

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

CSS

Css---选择器的介绍,样式中属性与属性值介绍,以及各种页面样式的定义和编写。网页导航的设计以及字体板式设计
浏览器的兼容性---熟悉各种浏览器的优缺点及制作技巧。
制作符合 web2.0 标准的网页布局

第三阶段移动web界面开发

课程模块

课程内容

项目实训

Html5

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

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

CSS3.0

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

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

课程模块

课程内容

项目实训

Javascript脚本

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

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

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

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

第五阶段综合实训

网站设计流程与策划

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

电商平台类网站项目实训

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

企业类网站项目实训

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

上海交大慧谷web前端课程介绍

课程大纲
可掌握的核心能力
可解决的现实问题
第一阶段
前端基础
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(手机/微信)



上海web前端培训学校

相关问答

  • 优就业是中公教育IT培训品牌,致力于培养面向电商及互联网领域的高端人才,以学员就业为目的,优质就业为宗旨,是一家集互联网营销师、SEO优化师、SEM竞价师、社会.....

    [详情]
  • 优就业是中公教育IT培训品牌,致力于培养面向电商及互联网领域的高端人才,以学员就业为目的,优质就业为宗旨,是一家集互联网营销师、SEO优化师、SEM竞价师.....

    [详情]
  • 随着Web前端需求量的日益增加,企业对前端人员的技能要求也越来越高,我们如何能学到满足企业的Web前端技能,向着高薪前进,因此,选择一个好的Web前端工程师培训.....

    [详情]
  • 基本不靠谱,抛开机构来说,对于学习者每周学两天,没有大量的练习,原本全日制需要4到6个月的课程,换成周末班要上8到10个月。拉的战线太长,知识遗忘的速度不容忽视.....

    [详情]

体验课预约试听

倒计时

12:00:00

课程热线:

13524072975
在线咨询

客服在线时间:早上9点~下午6点,其他时间请在线预约报名或留言,谢谢!

推荐机构 全国分站 更多课程

本周仅剩 个试听名额

请键入信息,稍后系统将会把领奖短信发至您的手机

申请试听名额

已有10254人申请免费试听

01电话咨询 | 13524072975

QQ:
加盟合作:0755-83654572