中国IT职业教育领先品牌-千锋教育

400-654-7778

互联网大势

武汉前端开发工程师 • 工资收入水平

区间占比

3k-4.5k5.5%

4.5k-6k23.5%

6k-8k27.4%

8k-10k17.6%

10k-15k16.2%

15k-20k2.8%

20k-30k4.1%

¥ 7660

近一年3556份样本/可信度:高

你觉得该统计数据准确吗?

偏低 靠谱 偏高

11票(55%) 0 9票(45%)

HTML5的广泛应用

游戏现在用HTML5开发游戏已经
越来越成熟未来必将用HTML5来开发游戏

微信很多地方都已用到
未来几年会全面使用HTML5

网络
应用
是未来的一种趋势,因为HTML5
的特性“跨平台”让开始更轻松快捷

苹果2011年1月,苹果新官网上线,
完全使用html5

谷歌
微软
谷歌、微软:
率先宣布全面支持html5

移动网
页制作
爱丽网、聚美优品等电商
网站以大量使用html5

报名学习 了解更多就业数据

千锋HTML5课程大纲新升级V6.1—小白到技术牛人的进阶之路

第一阶段前端页面重构

  • 01PC端网站布局

    - 前端开发环境介绍(DreamWeaver、 Notepad++、HBuilder)

    - HTML基础,CSS基础,CSS核心属性

    - CSS样式层叠,继承,盒模型

    - 容器,溢出及元素类型

    - 浏览器兼容与宽高自适应

    - 定位,锚点与透明

    - 图片整合

    - 表格,CSS属性与滤镜

    - CSS优化

  • 02HTML5+CSS3基础

    - HTML5新增的元素与属性

    - 表单域增强元素

    - CSS3选择器

    - 文字字体相关样式

    - CSS3位移与变形处理

    - CSS3 2D转换与过度动画

    - CSS3 3D转换与关键帧动画

    - 弹性盒模型

    - 媒体查询

    - 响应式设计

  • 03WebApp页面布局

    - 移动端页面设计规范

    - 移动端切图

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

    - 等比缩放布局

    - viewport/meta

    - rem/vw的使用

    - flexbox详解

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

第二阶段JavaScript高级程序设计

  • 04原生 JavaScript交互功能开发

    基本语法

    - 循环语句

    - 函数与数组

    - String与 Date

    - BOM与 DOM

    - 事件

    - 拖拽效果

    - cookie存储

    - 正则表达式

    - Ajax

    - 面向对象基础

    - 运动与游戏开发

  • 05面向对象进阶与 ES5/ES6应用

    - Promise/A+

    - 设计模式(观察者模式等)

    - 原型链

    - 构造函数

    - 执行上下文栈与执行上下文

    - 变量对象与活动对象

    - 作用域链

    - 闭包

    - this

    - ES5

    - ES6

  • 06JavaScript工具库自主研发

    - DOM库

    - 事件库

    - AJAX库

    - 原型和继承库

  • 07jQuery经典交互特效开发

    - jQuery框架介绍

    - jQuery插件扩展原理及自定制设计

    - 时间轴特效

    - tab页面切换效果

    - 网页定位导航特效

    - 滑动门特效

    - 焦点图轮播特效

    - 导航条菜单效果

    - 瀑布流特效

    - 弹出层效果

    - 倒计时效果

    - 抽奖效果

第三阶段PC端全栈项目开发

  • 08HTTP协议、Ajax进阶与后端开发

    - HTTP(s)协议详解

    - Ajax进阶、跨域与 Defered

    - PHP基础

    - MySQL基础

    - Apache与 Nginx 环境搭建与配置

    - 接口的定义

    - Mock数据

    - Restful

    - 前后端联调

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

  • 09前端工程化与模块化应用

    - Gulp

    - Webpack

    - NPM

    - Git/SVN

    - CommonJS

    - AMD

    - CMD

    - ES6模块化

  • 10PC端网站开发

    - 大首页、列表页与详情页

    - 展示与交互特效

    - 搜索

    - 登录与注册

    - 购物车

  • 11AngularJS

    - 基础知识(ng-app,Modules,
    Controller,$apply,$watch)

    - 指令(ng-repeat,ng-class,ng-show,ng-hide)

    - 过滤器(date,limitTo,filter)

    - 表单(NgModelController,表单验证)

    - 服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http)

    - 其他(Controller as 语法,安全的依赖注入方法)

    - directive(指令,组件)

    - ng-router

    - 标准项目结构设计

  • 12PC端管理信息系统前端开发

    - jQueryUI 与 jQuery EasyUI

    - Bootstrap框架(ACE)

    - Highcharts/Echarts

    - ArtTemplate

    - velocity

    - smarty

    - 云平台系统前端

第四阶段移动端项目开发

  • 13Touch端

    - Canvas 基础知识

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

    - Canvas 图表绘制案例

    - localStorage、sessionStorage 与离线缓存

    - animate.css

    - Yo/Mui

    - touch.js

    - zepto.js

    - swiper

    - iScroll

  • 14微信场景

    - WeUI

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

    - 常见的页面布局

    - 常见的交互与动画

    - 实战项目

  • 15应用 Vue.js开发 WebApp

    - Vue.js基础

    - 模块化

    - 单文件组件

    - 路由

    - 与服务器通信

    - 状态管理

    - 单元测试

    - 生产发布

  • 16应用 Ionic开发 WebApp

    - css components

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

    - blank模板的安装

    - 头部与尾部

    - 内容区域

    - 列表

    - 区域滚动

    - 下拉刷新与上拉加载

    - 页签导航

    - 背景层与旋转 SVG图标

    - loading 效果

    - actionsheet 效果

    - 弹出窗口

    - 弹出浮动层

    - 底部满屏滑动窗口

    - ionic 自带的 swiper滑动

    - 基于 swiper组件的 swiper滑动

    - 页面导航切换

    - 侧边栏菜单

  • 17应用 React.js开发 WebApp

    - ReactJS基础

    - JSX语法

    - 组件

    - flux架构

    - 配置模块化开发环境

    - 动画效果

    - 数据双向绑定

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

  • 18微信小程序开发

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

    - 构建第一个应用:创建项目、创建小程序实例与创建页面

    - 框架、组件、API及工具详解

    - 微信小程序项目开发

  • 19React Native

    - React Native介绍

    - BS架构程序介绍

    - 原生组件

    - 异步执行与加载

    - 触摸事件处理

    - 弹性盒(Flexbox)和样式

    - 兼容通用标准和扩展性

    - React Native项目开发

  • 20各类混合应用开发

    - Cordova/Phone gap

    - 嵌入客户端(iOS、Android)

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

    - HTML5+

第六阶段WebApp后端系统开发

  • WebApp后端系统开发

  • 一、NodeJS基础与NodeJS核心模块

    - NodeJS介绍

    - NodeJS环境搭建与入门

    - ES6在 NodeJS中的应用

    - CommonJS模块

    - fs与 path模块

    - stream

    - socket.io

    - http模块 API

    - URL模块

    - 数据的本地存储

  • 二、Express

    - express api

    - express 中间件

    - ejs/jade

  • 三、noSQL数据库

    - mongodb 与 mongoose

    - 框架中间件

    - 项目实战导入

领取海量学习资料

专业教学团队 打造实战型精英

不仅学习 更要会用带着项目找工作,你的核心竞争力在这里

查看更多学员作品

抢占先机

学费是多少 学多长时间 真的免费试听 更多咨询
  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2层、南区服务楼2层
    咨询电话:400-654-7778 010-82790226-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培训、大数据开发培训、VR/AR混合现实培训
  • 上海学院地址:上海市宝山区同济支路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课程培训
  • 成都旅游学院校区:成都市一环路西二段17号四川旅游学院青羊校区内
    成都华立校区:成都一环路西二段17号华立大厦3楼
    咨询电话:028-83178771 028-61967740
    面授课程: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课程培训
  • 了解千锋动态
    关注千锋教育服务号

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