上海2019web前端课程
Web发展前景
网络前端不仅工资高,而且在中国也是一个供不应求的工作。从招聘网站的分析来看,员工人数远远超过了主流编程语言如Java、ASP、ios的开发者人数。随着谷歌、YouTube、Twitch等大型企业纷纷将目光转向HTML5,更印证了HTML5在互联网时代的发展前景。据统计,中国HTML5前端工程师缺口将达到约12万。目前,北京、上海、广州、深圳等地的HTML5前端工程师工资又都是一个标准的标准。 |
WEB整站设计实训
-
01、网站设计流程
与策划:网站设计流程,网站设计理念创新,网页结构图与原型图绘制等;如何从零开始策划一个网站,包括主题定位、栏目规划等,如何去策划盈利模式。 -
02、电商平台类
网站项目实训:商业案例实训如京东、小米等平台,重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计,布局技巧及细节设计技巧,各类网页交互设计应用、响应式设计应用的展示 -
03、企业类
网站项目实训:如苹果、腾讯企业类平台,重点学习页面主题设计如TOP部分设计,BANNER设计,产品页设计,新闻页设计,首页设计,类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条(banner)制作、正文内容的详细设计 -
04、分类网站项目实训及阶段考核
教师指导你完成阶段设计作品,以备应聘时使用;从立案到素材、材料收集整理,再到风格定位、栏目规划,独立完成分类及个人网站设计,其中需容入不同的分类信息、作品等;
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地图定位 | ||
● 微信美食(1~3) |
● 掌握微信公众号开发
● 掌握H5列表开发 ● 掌握CSS标签使用 ● 掌握HTML5 web存储 |
||
● 微信汽车(1~3) |
● 掌握轻量级JS库JQUERY
● 实现动态效果 ● 掌握网页数据的异步交互 ● 掌握轮播翻页效果 ● 掌握支付接口的开发 ● 掌握HTML5新表单元素 |
||
● 微信医疗(1~7) |
● ......(根据行业岗位需求教学)
● 掌握HTML5 web worker ● 熟练使用开发工具,调试工具,SVN ● 熟练HTML5新表单元素 ● 掌握Canvas基础图像处理技术 ● 掌握HTML5新特性 ● 掌握支付接口的开发 ● 了解如何利用开发工具如PhoneGap、APPCAN实现开发跨平台应用程序 |
上海交大慧谷培训中心
-
机构简介
上海慧谷高科技创业中心成立于1999年5月,是由上海市科学技术委员会、徐汇区人民政府和上海交通大学联合创建的社会公益性服务机构,是上海交大科技园中的孵化器。慧谷高科技创业中心立足于为高科技企业技术创新提供全程服务,培育高科技企业和企业家,促进科技成果商品化、产业化、国际化。
立即咨询
大前端课程课程大纲 |
实战项目
|
培养目标
|
第一阶段
阶段
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。 |
前端课程大纲
-
第 一阶段
PhotoShop软件安装以及简介; PhotoShop图层; PhotoShop滤镜的使用; PhotoShop动画效果和切面编辑器 ; Sublime的使用 ; HTML的介绍和基本标记的使用;HTML超链接和图片的使用; HTML表格和表单、 列表的使用; HTML框架的使用;HTML高级 ; CSSDIV+CSS布局; CSS规范
-
第二阶段
JavaScript的基本语法; JavaScript的流程控制; JavaScript的函数; JavaScript面向对象编程 DOM编程; JavaScript正则表达式; ES5和ES6 Jquery介绍及对;象 Jquery文档处理、动画效果 ; Jquery样式和事件; Ajax 浏览器差异使用; Python BootStrap基础 ; BootStrap CSS排版布局、修饰页面
-
第三阶段
Node Js基础Angular2基础课程、组件开发;Angular2模块及协议;Angular2表单处理技术;Vue介绍和环境搭建;Vue组件的深入了解;Vue动画的实现;Vue的复用性和组合;Vue环境部署和测试;Vue高级ElementUIWebpacke的使用; React介绍和环境搭建、JSX React基础与高级; Ant.design使用;微信小程序的开发
报名电话
学习不知道如何选择学校?想要了解上海哪家机构教学优势强、教学师资、资质,还有学习的价格,这些问题专业的师资团队都会给你解答。
快拨打免费咨询热线:021-64320836,或【在线咨询】向老师提问!
张老师:132-6289-2960(手机/微信)
相关问答
-
当下学习WEB前端技术是很不错的选择,不少人也渐渐认识到了WEB前端技术是非常有前景的,一些没基础的朋友,也想学好这门技术,但是又不知道零基础学完WEB前.....
[详情] -
一大学生 每年大学毕业生的人数都在增加,大学生毕业就等于失业这种说法也是越来越多,大学生就业压力逐渐增大,面对积重难返的大学生就业困境,很多人.....
[详情] -
前端开发的入门门槛其实非常低,对于从事IT工作的人来说,前端开发是个不错的切入点。也正因为如此,前端开发领域有很多自学成“才”的同行,但大多数人都停留在会.....
[详情] -
北京学习web前端值不值得,值不值得需要看学到的东西,现在学习的人很多,只有看对技术的喜欢程度,是否真的想学技术知识,学到手就是值得。web前端是一个前途不可限.....
[详情]