千锋教育-做有情怀、有良心、有品质的IT职业教育机构

位置:首页 > 行业动态

千锋上海html5培训课程强在哪

时间:2017-12-11 17:11:42  |  来源:千锋教育  |  作者:千锋  

   国内互联网产值突破万亿大关,并拥有全球多的7亿网民。海量用户对上网体验要求不断提高,成为企业发展的关键,的前端体验决定了品牌的认可度,WEB前端工程师致力于优化浏览网页的交互体验,呈现用户视听上的体验舒适性,是互联网公司需求量巨大的职业。

图片10.jpg

  一个的前端开发人员就是现代文明世界里的布道师,只有拥有内容的深度和广度,才能够去做出一些很有意义的工作,而不是只作为一名普普通通的为别人实现定制内容的乙方。这也体现了一个wed前端开发者的重要性。那么千锋上海html5培训课程能做到吗?

  千锋班HTML5课程大纲

  阶段:前端页面重构(4周)

  1)PC端网站布局项目

  1.HTML基础,CSS基础,CSS核心属性

  2..CSS样式层叠,继承,盒模型

  3..容器,溢出及元素类型

  4..浏览器兼容与宽高自适应

  5..定位,锚点与透明

  6..图片整合

  7.表格,CSS属性与滤镜

  2)HTML5+CSS3基础项目

  1.HTML5新增的元素与属性

  2.表单域增强元素

  3.CSS3选择器

  4.文字字体相关样式

  5.CSS3位移与变形处理

  6.CSS3 2D转换与过度动画

  7.CSS3 3D转换与关键帧动画

  8.弹性盒模型

  9.媒体查询

  10.响应式设计

  3)WebApp页面布局项目

  1.移动端页面设计规范

  2.移动端切图

  3.文字流式/控件弹性/图片等比例/特殊设计的100%布局

  4.等比缩放布局

  5.viewport/meta

  6.rem/vw的使用

  7.flexbox详解

  8移动 web特别样式处理(reset, 1px border, 高清图片)

  第二阶段:JavaScript程序设计(5周)

  1)原生 JavaScript交互功能开发项目

  1.基本语法

  2.循环语句

  3.函数与数组

  4.String与 Date

  5.BOM与 DOM

  6.事件

  7.拖拽效果

  8.cookie存储

  9.正则表达式

  10.Ajax

  11.面向对象基础

  12.运动与游戏开发

  2)面向对象进阶与 ES5/ES6应用项目

  1.Promise/A+

  2.设计模式(观察者模式等)

  3.原型链

  4.构造函数

  5.执行上下文栈与执行上下文

  6.变量对象与活动对象

  7.作用域链

  8.闭包

  9.this

  10.ES5

  11.ES6

  3)JavaScript工具库自主研发项目

  1.DOM库

  2.事件库

  3.AJAX库

  4.原型和继承库

  第三阶段:PC端全栈项目开发(3周)

  1)jQuery经典交互特效开发

  1. 时间轴特效

  2. Tab页面切换效果

  3. 网页定位导航特效

  4. 滑动门特效

  5. 焦点图轮播特效

  6. 导航条菜单效果

  7. 瀑布流特效

  8. 弹出层效果

  9. 倒计时效果

  10. 抽奖效果

  2)HTTP协议、Ajax进阶与PHP/JAVA开发项目

  1.HTTP(s)协议详解

  2.Ajax进阶、跨域与 Defered

  3.PHP基础

  4.MySQL基础

  5.Apache与 Nginx 环境搭建与配置

  6.接口的定义

  7.Mock数据

  8.Restful

  9.前后端联调

  10.前端安全(XSS,CSRF,JSON注入)

  3)前端工程化与模块化应用项目

  1.Gulp

  2.Webpack

  3.NPM

  4.Git/SVN

  5.CommonJS

  6.AMD

  7.CMD

  8.ES6模块化

  4)PC端网站开发项目

  1.大首页、列表页与详情页

  2.展示与交互特效

  3.搜索

  4.登录与注册

  5.购物车

  5)PC端管理信息系统前端开发项目

  1.jQueryUI 与 jQuery EasyUI

  2.Bootstrap框架(ACE)

  3.Highcharts/Echarts

  4.ArtTemplate

  5.velocity

  6.smarty

  7.云平台系统前端

  第四阶段:移动端项目开发(6周)

  1)Touch端项目

  1. Canvas 基础知识

  2. 绘制矩形、圆弧、线段、曲线、渐变与图像

  3. Canvas 图表绘制案例

  4.localStorage、sessionStorage 与离线缓存

  5.animate.css

  6.Yo/Mui

  7.touch.js

  8.zepto.js

  9.swiper

  10.iScroll

  2)微信场景项目

  1.WeUI

  2.Swiper animate 在微信场景项目中的使用

  3.常见的页面布局

  4.常见的交互与动画

  5.实战项目

  3)应用 Angular+Ionic开发 WebApp项目

  1.Vue.js基础

  2.模块化

  3.单文件组件

  4.路由

  5.与服务器通信

  6.状态管理

  7.单元测试

  8.生产发布

  4)应用 Vue.js开发 WebApp项目

  1.css components

  2.ionic基于 angularJS扩展的交互指令介绍

  3.blank模板的安装

  4.头部与尾部

  5.内容区域

  6.列表

  7.区域滚动

  8.下拉刷新与上拉加载

  9.页签导航

  10.背景层与旋转 SVG图标

  11.loading 效果

  12.actionsheet 效果

  13.弹出窗口

  14.弹出浮动层

  15.底部满屏滑动窗口

  16.ionic 自带的 swiper滑动

  17.基于 swiper组件的 swiper滑动

  18.页面导航切换

  19.侧边栏菜单

  5)应用 React.js开发 WebApp项目

  1.ReactJS基础

  2.JSX语法

  3.组件

  4.flux架构

  5.配置模块化开发环境

  6.动画效果

  7.数据双向绑定

  第五阶段:混合(Hybrid,ReactNative)开发(1周)

  1)微信小程序开发

  1.微信小程序简介及从技术上和产品上的分析

  2.构建个应用:创建项目、创建小程序实例与创建页面

  3.框架、组件、API及工具详解

  4.微信小程序项目开发

  2)React Native

  1.React Native介绍

  2.BS架构程序介绍

  3.原生组件

  4.异步执行与加载

  5.触摸事件处理

  6.弹性盒(Flexbox)和样式

  7.兼容通用标准和扩展性

  8.React Native项目开发

  3)各类混合应用开发

  1.Cordova/Phone gap

  2.嵌入客户端(iOS、Android)

  3.微信服务号接口(JSSDK)开发

  4.HTML5+

  第六阶段:NodeJS全栈开发(1周)

  WebApp后端系统开发

  一、NodeJS基础与NodeJS核心模块

  1.NodeJS介绍

  2.NodeJS环境搭建与入门

  3.ES6在 NodeJS中的应用

  4.CommonJS模块

  5.fs与 path模块

  6.stream

  7.socket.io

  8.http模块 API

  9.URL模块

  10.数据的本地存储

  二、Express

  1.express api

  2.express 中间件

  3.ejs/jade

  三、noSQL数据库

  1.mongodb 与 mongoose

  2.框架中间件

  3.项目实战导入

  千锋上海html5培训课程采用“渗透式学科,项目带动理论”。将真实的、具有代表性的互联网项目融于HTML5课程的学科中。以学科理论做基础,以项目实战检验教育成果,学员不是为了学习而学习,而是在理解的基础上,以大型互联网企业的HTML5前端为标榜,结合对实战项目的理解和消化,让学员擅长应用和创造,而不是一味的复制和模仿。这也是千锋教育在教育行业风光不减的原因之一。

上一篇:初学者选择上海Java培训机构需要注意些什么呢?
下一篇:html5零基础入门视频教程 找千锋

课程咨询

  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226/7-801
    面授课程:Android培训、HTML5培训、UI交互设计培训、PHP培训、JavaEE培训、大数据开发培
                     训、VR/AR混合现实培训、iOS培训、好程序员
  • 深圳西部硅谷校区:深圳市宝安区宝安大道5010号深圳西部硅谷A区B座605-619
    深圳大学城校区:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    咨询电话:0755-33582485-801(硅谷校区)0755-86660670-801(大学城校区)
    面授课程:Android培训、HTML5培训、UI交互设计培训、PHP培训、JavaEE培训、iOS培训
  • 上海地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-56166283/56166279
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训、好程序员
  • 郑州地址:郑州市金水区纬五路21号河南教育综合楼(经纬中学楼)6/7/8层
    咨询电话:0371-55191750 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训
  • 广州地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 大连地址:辽宁省大连市甘井子区软件园路2号东软信息B8座2层
    咨询电话:0411-39026086 400-654-7778
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 武汉地址:武汉市江夏区藏龙岛杨桥湖大道15号拓创大厦15楼
    咨询电话:027-81772047
    面授课程:Android课程培训、HTML5课程培训、JavaEE培训、iOS课程培训
  • 成都地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、JavaEE培训、iOS课程培训
  • 校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85260160 029-85261030 029-85260960
    面授课程:Java课程培训、Android课程培训、HTML5课程培训、JavaEE培训
  • 杭州地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226-801
    面授课程:Android课程培训、HTML5课程培训、iOS课程培训
  • 青岛校区地址:青岛市市南区金坛路17号青岛职业技术南校区实训楼A4层
    咨询电话:0532-80910752/3 010-82790226-801
    面授课程:Android课程培训、HTML5课程培训、UI交互设计培训、iOS课程培训
  • 了解千锋动态
    关注千锋教育服务号

  • 扫码关注千锋互联
    身边的移动开发导师