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

交大慧谷培训

021-64320836 免费试听 在线客服

您的位置: 首页 > 上海培训 > 交大慧谷培训 > web前端培训 > 上海web前端培训学校

上海web前端培训学校

班制:

其它

[ 开班提醒 ]
上课地址:

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

课程介绍

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前端培训学校
大前端课程介绍

大前端课程课程大纲
实战项目
培养目标
第一阶段
阶段 HTML5+CSS3 课程主题 PC端网站布局 WebApp页面布局
PC端项目:《东易买商城》《新浪积分商城》《拉勾网》《QQ音乐》《佳航出国留学官网》《火山体育官网》《智德和善官网》《美乐乐商城》
移动端webApp项目:《京东到家》《优就业U学》
响应式项目:《星巴克官网》《青竹良品商城》
了解常用浏览器和浏览器内核;了解语义化的概念;掌握HTML5语法及使用技巧;掌握HTML5常用标签。
掌握CSS语法及使用技巧;掌握DIV+CSS布局方式;掌握常见网页布局模式。
掌握Photoshop切图以及插件切图;能够熟练使用开发人员工具进行页面调试;能够根据PSD文件独立完成静态页面的开发工作。
掌握HTML5新布局标签、多媒体标签;掌握CSS3 2D、3D变换、动画效果;能够使用CSS3新属性美化修饰网页;了解移动端屏幕、移动端浏览器、操作系统的不同。
掌握常用移动端调试方法;掌握常用移动端适配方法;掌握CSS预处理器less的使用;掌握常用移动端框架使用方法;掌握常见移动端页面开发;掌握响应式布局开发;掌握Bootstrap开发响应式页面;掌握适配不同终端的网页开发技术选型。
第二阶段
JS交互设计 课程主题 JavaScript基础语法 JavaScript进阶 JavaScript高级编程 jQuery经典案例 项目答辩
JS部分案例及项目:《百度搜索页布局与交互》《京东首页商品懒加载》《东易买商品拖拽添加购物车》《优学登录页面布局与信息存储》《163邮箱注册》《面向对象小游戏》《暴风VIP会员视频网站》《爱奇艺视频网站》
JQuery部分项目:《美乐乐商城交互效果》
能够掌握JavaScript基本语法;掌握常见JavaScript算法;掌握DOM的各种操作;熟练使用面向对象思想进行DOM编程;掌握JavaScript的高级语法;掌握JavaScript常见兼容性方案。
独立完成视频网站的页面搭建(包括HTML结构、CSS样式、JavaScript特效);掌握应对业务编程的能力;掌握团队合作开发流程。
熟练使用jQuery操作DOM;熟练使用和编写jQuery案例。
第三阶段
Node开发 课程主题 ECMAScript 6 Webpack模块打包器 Node基础 Express框架 前端模块化 MongoDB 项目答辩
Node基础:《Node基础案例》《在线相册》
Node全栈项目:《及时聊天系统》《个人博客系统》
了解ES6和JS的关系;掌握ES6的基础用法和兼容性;熟练掌握ES6的核心语法;熟练使用ES6实现前端模块化开发。
熟练使用Webpack模块打包器;熟练掌握前端自动化工具;能够建立客户端服务器交互模型,熟悉网络通信相关概念;能够使用Node.js进行Web服务端开发;能够掌握JavaScript异步编程模型;能够掌握JavaScript模块化编程方式;能够使用Node.js操作MongoDB数据库;能够理解HTTP协议;能够独立开发基于后台接口的动态网站、Ajax数据交互的项目;能够独立完成企业网站从前台到后台的基本开发工作。
第四阶段
前端框架 课程主题 数据可视化 Vue React Angular 项目答辩 实战项目
数据可视化:《多变的统计图》《百度地图》
Vue:《vue基础实例》《洋网店微商城》《东易买后台管理系统》
React:《react基础实例》《仿简书APP》《淘车网》
Angular:《angular基础实例》《手机通讯录》
掌握使用D3.js进行大数据可视化交互开发;能够掌握使用Vue技术栈进行项目开发;能够掌握使用React技术栈进行项目开发;能够掌握源代码管理工具的使用;能够熟练掌握前后端分离开发模式;能够掌握使用主流框架开发门户网站、管理系统、移动Web等客户端;能够掌握Webpack项目构建配置流程;能够掌握Web项目的部署与发布模式;能够掌握常见网站业务模块开发。
掌握Angular常用的指令:掌握如何定义和使用模块与组件:掌握路由的配置。
第五阶段
小程序与APP开发 课程主题 微信小程序 微信小游戏开发 React Native 项目答辩
微信小程序:《仿网易云音乐》《优就业在线书城》
微信小游戏:《星际传奇》《飞机大战》
React Native:《优讯APP》《星座运势》
能够掌握小程序的开发基础;能够独立开发小程序项目;能够掌握Canvas的使用;能够掌握小程序的部署与发布;能够掌握小程序开发框架mpvue的使用;掌握第三方AI平台的使用。
能够掌握小游戏开发基础;能够独立开发小游戏项目;能够掌握小游戏的部署与发布;能够独立使用React Native开发原生App。
上海web课程内容设置

学习阶段 学习大纲 学习内容
初级入门(UI视觉设计和JavaWeb开发课程) 通识知识、HTML基础、CSS基础、JavaScript基础、jQuery基础、实战案例 计算机的规范应用、office办公自动化、邮件文化、记笔记的方法、提问的艺术、计算机英语、思维导图、Markdown笔记、沟通技巧/基础、表格、表单、案例搭建网页结构/选择的艺术、文本样式、盒子模型、float浮动、定位、网页布局基础/语法、流程控制语句、函数、内置对象、DOM基础、DOM事件、BOM基础、实现轮播特效/选择的艺术、DOM操作、事件、插件、弹出层案例、瀑布流布局案例/Photoshop设计基础、新渡在线商城网站案例
前端进阶 走进HTML5、CSS3详解、移动基础与响应式、Bootstrap详解 标签变化、网页布局、属性变化、音视频、表单验证/选择器、边框与圆角、背景与渐变、文本与字体、转换、过度、动画、多列布局、用户界面、实现汉克狗案例/移动基础、flex弹性布局响应式布局、移动端界面设计/栅格布局、模块分类与排版布局、常用组件、实战案例
H5&JS进阶与组件化网页开发 HTML5进阶、JavaScript进阶、jQuery进阶
HTML5存储、拖拽上传、SVG视口、坐标和形状、SVG文本、填充和边框、SVG滤镜及动画效果、Canvas绘图基础、Canvas插件、Canvas案例/错误调试与处理、变量和作用域、函数深入讲解、实现简易计算器、面向对象、单例模式、DOM操作、DOM属性、事件、正则表达式、表单验证案例/动画、常用工具函数、JSON与AJAX、左侧导航案例
移动Web开发进阶 Less基础、MUI框架、微信小程序、微信公众号 CSS预处理器Less/MUI框架组件讲解,结合小案例熟练掌握MUI/入门概念及演示、开发工具、快速项目构建、文件结构、常用组件、常用API、反馈系统小程序案例/分享、支付、登录等API使用
企业实战高级进阶 ES6、NodeJS、Vue基础、综合Dodoke案例
变量声明const和let、模板字符串、函数、拓展的对象功能、数据访问-解构、Spread Operator展开运算符、展望ES7语法/历史发展、同步与异步、环境安装、文件操作、网络操作、模块化思想及操作、nmp、异步编程、Express、前端工程化工具使用(Webpack或Gulp等)/框架介绍、开发环境搭建、到页面、组件、前端路由、Vuex/通过Node和Vue等前端知识的配合,完成Dodoke商城完整动态网站

报名电话

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


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


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



预约学校参观

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

申请试听名额

已有10254人申请免费试听

01电话咨询 | 021-64320836

QQ:2504994244
加盟合作:0755-83654572