Web发展前景
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 |
你是否遇到下面的困扰?
-
入职机会
许多公司并未设置前端职位,切图、用代码生成页面等前端工作都需要设计师自己完成—只会设计!
-
理想现实
完成了一个很棒的网页设计,可是前端的同事并不能完全呈现出自己想表达的效果,沟通出现障碍!
-
升职加薪
想要升职加薪,但不懂代码,无法跟后端程序员沟通,晋升机会渺茫—即便成功晋升,也不能服众!
-
需要搭伙
想要接一个私活,甲方要求设计和前端的工作都需要你自己完成—找个人搭伙,钱分出去一大半!
为什么选择我们
web前端开发课程培训
-
实战项目
(1)数据可视化:《多变的统计图》《百度地图》Vue:《vue基础实例》《洋网店微商城》《东易买后台管理系统》React:《react基础实例》《仿简书APP》《淘车网》Angular:《angular基础实例》《手机通讯录》
-
培养目标
(2)掌握使用D3.js进行大数据可视化交互开发;掌握使用Vue技术栈进行项目开发;掌握使用React技术栈进行项目开发;掌握源代码管理工具的使用;熟练掌握前后端分离开发模式;掌握使用主流框架开发门户网站、管理系统、移动Web等客户端;掌握Webpack项目构建配置流程;掌握Web项目的部署与发布模式。
-
企业级团队项目实战
(3)在项目经理带领下完成真实企业级项目开发,快速切入已有项目的开发工作,学会团队协作完成项目开发,学会项目上线前的优化和测试,掌握从需求到开发再到上线部署的整个流程
-
基于Node的全栈开发
(4)基于node+MongoDB构建服务端基于流程框架构建后端联调,实现数据的前后端联调,项目性能优化解决方案,从需求分析到前端开发再到上线部署的全栈解决方案
上海web前端黄金课程体系
-
第 一阶段:初级Web前端第 一阶段
jQuery基础、jQuery动画及事件、jQuery实战、jQuery插件、HTML5介绍、CSS3新特性学习、纽曼移动端微官网实战、CSS3基础属性 纽曼项目&PS入门、HTML标签及规范、HTML标签、CSS基础、CSS浮动布局&盒模型、纽曼官 网实现
【了解课程】 -
第二阶段:中级Web前端
第二阶段DOM对象处理、事件绑定与事件流、BOM对象处理、Cookie与本地存储、正则表达式、Ajax交互原理、跨域处理与JSONP、商城项目实战; Bootstrap框架实战、Sass/Less、JavaScript、控制语句、函数及闭包、String与Array对象、对象原型方法、定时器、自定义动画
【了解课程】
上海交大慧谷培训中心
“慧谷培训”是沪上著名的培训教育品牌,多年来为各大企业客户和社会精英提供了专业服务。上海慧谷职业技能培训中心设立在慧谷高科技创业中心孵化基地内,位于徐家汇商贸中心,毗邻上海交通大学,交通便利,环境幽雅。慧谷培训拥有学术造诣深,实践经验丰富的师资队伍及良好的教学设施。慧谷培训面向社会提供人才培训服务和职业发展咨询服务。专业和职业发展规划为学员提供创业、就业、见习和职业发展机会。
大前端课程课程大纲 |
实战项目
|
培养目标
|
第一阶段
阶段
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。 |
阶段 |
授课内容 |
阶段一:基础课程 |
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. 模拟面试 |