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

400-811-9990

HTML5学习路线

怎么学HTML5

HTML5是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,一方面提升了用户体验,另一方面HTML5技术跨平台,适配多终端,改变了传统开发者需针对不同操作系统进行研发的局面。千锋全栈HTML5融合大数据可视化内容、深化PHP+MySQL,学员求职可任项目leader!

HTML5初级开发工程师

  • HTML5课程介绍
    • 互联网发展趋势
    • H5语言的优势
    • 简单易学人人都能编程
    • H5就业和薪资情况
    • H5常见的项目与产品
    • H5的未来与方向

  • HTML基础
    • HTML简介与历史版本
    • 常用开发软件
    • 常见标签与属性
    • 表格与表单
    • 标签规范与标签语义化
    • 实战:网页结构布局

  • CSS基础
    • css简介与基本语法
    • 常见的各种样式属性
    • CSS选择器与标签类型
    • 理解盒子模型与CSS重置
    • 浮动与定位
    • 利用photoshop工具测量样式
    • HTML+CSS开发网页
    • 实战:高仿电商首页效果

  • CSS3基础
    • css3常见样式
    • css3选择器
    • 变形与动画
    • 3D效果与关键帧
    • 弹性盒模型

  • 移动端布局
    • 移动端基本概念
    • viewport窗口设置
    • 移动端布局方案
    • rem、vh、vw等单位
    • 响应式布局
    • bootstrap框架

  • JavaScript基础
    • JS简介
    • JS变量
    • 数据类型与类型转换
    • 运算符与优先级
    • 流程控制-if..else
    • 流程控制-switch...case
    • 流程控制-while、do..while、for循环
    • break、continue语法
    • 函数定义与调用
    • 全局变量与局部变量
    • 函数传参与返回值
    • 函数作用域与变量作用域
    • DOM的基本操作
    • 定时器使用
    • this指向与修改指向
    • 数组、字符串等方法操作
    • 时间对象与正则对象
    • 掌握常见BOM操作
    • 常见事件与事件细节
    • JSON与AJAX
    • JSONP跨域操作
    • 前端cookie的使用
    • 实战:JS配合HTML与CSS完成电商项目

  • jquery框架
    • jquery框架介绍及优势介绍
    • jquery核心思想
    • jquery常见方法
    • jquery动画操作
    • jqueryAJAX操作
    • jquery工具方法
    • 利用jquery快速开发网页

  • PHP基础
    • PHP简介与基本语法
    • mysql数据库及sql语法
    • apache服务器与集成开发工具
    • PHP链接数据库
    • PHP与AJAX交互
    • 实战:留言板、登录、注册等

  • H5基础项目
    • 项目简介
    • 项目功能演示
    • 项目划分及框架
    • 编写HTML页面结构
    • 设置CSS样式
    • 添加JS交互
    • 可选框架:bootstrap、jquery、PHP等
    • 项目调试及兼容
    • 项目验收

HTML5中高级开发工程师

  • 面向对象基础
    • 面向对象概述
    • 对象和构造函数(类)之间的关系
    • 对象的属性和方法
    • 原型与原型链
    • 包装对象与内部实现
    • 对象中实现继承方式
    • 设计模式及实际运用
  • JavaScript高级
    • JS算法与排序算法
    • promise异步处理
    • 运动与tween算法
    • 闭包与模块化
    • JS组件开发
    • 打造小型jquery框架
    • JS性能优化
    • ES6新增功能
  • 前端工程化
    • gulp基本使用
    • less、sass、babel等预编译框架
    • 理解模块概念,AMD与CMD规范
    • 前端模块框架seaJS、requireJS
    • webpack基本使用
  • 多人协作
    • svn基本用法与可视化工具
    • 多人开发流程
    • git基本用法
    • 命令行操作
    • 分区及分支等概念
    • 远程github操作
    • 实战:多人协作开发项目
  • HTML5新功能
    • canvas绘图
    • svg绘图
    • 音频与视频
    • 本地存储与离线存储
    • 地理信息
    • web Worker
    • web Socket
  • NodeJS基础
    • node与npm概念及使用
    • node模块方式
    • node常用内置模块
    • node爬虫与文件自动化处理
    • node搭建服务器与简单路由
    • mongodb非关系数据库
    • mongodb安装与db操作
    • mongodb增删改查
    • mongodb与node结合开发
    • mongoose数据建模
    • mongoose与node结合开发
    • express框架
    • 中间件与ejs模板引擎
    • Robomongo与postman工具
    • express+mongoose搭建后端框架
    • 设计Restful API
    • 实战:前后端分离式开发
  • 微信端开发
    • 移动端交互与移动端事件
    • 微信场景与swiper框架
    • 微信公众号介绍
    • 网页授权与JSSDK
    • 微信web开发者工具使用
    • 微信小程序开发
    • 实战:公众号与小程序项目同步开发

HTML5大神级开发工程师

  • VueJS框架
    • Vue框架简介
    • 渐进式与响应式
    • 模板语法与计算属性
    • 指令与数据处理器
    • 生命周期
    • 组件与组件通信
    • Vuex状态管理
    • Vue动画与路由
    • 单文件组件与脚手架
    • 基于Vue的组件框架
    • 实战:Vue与Node全栈开发
  • ReactJS框架
    • React框架简介
    • JSX语法
    • 组件与组件通信
    • 属性与状态设置
    • 虚拟DOM
    • 生命周期
    • redux架构
    • react-redux使用
    • react-router使用
    • Mem脚手架使用
    • 实战:React与Node全栈开发
  • AngularJS框架
    • Angular框架简介
    • TypeScript基础与进阶
    • 开发环境配置
    • 架构、模块与组件
    • 模板、元数据与数据显示
    • 服务于指令
    • 依赖注入
    • 路由
    • 实战:Angular与Node全栈开发
  • Hybrid App开发
    • App介绍与分类
    • Android/ios与H5通信
    • Cordova/Phonegap框架
    • HTML5+基于HB工具
    • React Native
  • 前端架构
    • 单元测试与编写测试用例
    • 自动化测试方案
    • 前端安全与HTTP协议
    • 项目上线与一键部署
    • 数据统计与SEO优化
    • 搭建组件库与按需载入
    • 浏览器渲染与浏览器引擎
    • 深入理解后端开发模式

实战项目

千锋优势

HTML5海量视频教程一键下载

人均offer>2.5个

每一名千锋学员都至少同时被2家企业录用

More >>
姓名 学历 目前状态 专业 就业单位 月薪 地点 就业时间
秦*专科非应届气象与环境工程系上海**金科8000西安2018.05.31
周*保密应届其他喜**络9000上海2018.05.31
万*专科非应届资源环境系隆**创9000北京2018.05.31
陈*本科应届机械工程与自动化格如**科技17000北京2018.05.30
张*本科在读软件系保密9000上海2018.05.30
钱*本科在读其他保密8000北京2018.05.30
李*保密在职其他汉**代13500北京2018.05.30
温*专科非应届其他云*12500北京2018.05.30
朱*专科在职软件技术捷**信12000北京2018.05.30
李*专科在读其他北京**公司9000北京2018.05.30
张*专科非应届软件开发深圳**公司11000深圳2018.05.30
卢*本科非应届管理科学系中**际8000西安2018.05.30
刘*本科非应届数学与计算机科学重*8500重庆2018.05.30
陈*专科在读安卓软件开发神**腾15000北京2018.05.29
赵*本科非应届经济管理系保密15000北京2018.05.29
张*专科非应届机电系瑞**技14000北京2018.05.29
栾*本科在读其他北京**公司12000北京2018.05.29
郑*保密在职其他小**技11000北京2018.05.29
申请两周免费试听
  • 北京天丰利校区(总部):北京市海淀区宝盛北里西区28号天丰利商城4层
    北京沙河校区:北京市昌平区沙阳路18号北京科技职业技术学院广场服务楼2层、南区服务楼2层
    咨询电话:400-186-9990 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、大数据开发培训、VR/AR混合现实培训、Python培训、Linux云计算培训、软件测试培训、Android培训、iOS培训、好程序员
  • 深圳西部硅谷校区地址:深圳市宝安区宝安大道5010号深圳西部硅谷A区B座605-619
    深圳大学城校区地址:深圳市南山区留仙大道1201号大学城创客小镇16栋2楼、3楼
    咨询电话:0755-33582485-801(硅谷校区)0755-86660670-801(大学城校区)
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android培训、iOS培训
  • 上海校区地址:上海市宝山区同济支路199号智慧七立方3号楼2-4层
    咨询电话:400-627-7899 021-56166283/56166279
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE+云数据培训、Android课程培训、iOS课程培训、好程序员
  • 郑州校区地址:郑州市金水区纬五路21号河南教育学院综合楼(经纬中学楼)7/8层
    咨询电话:0371-55191750 400-186-9990
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 广州校区地址:广州市天河区元岗路310号智汇park创意园E座5层
    咨询电话:020-22119207 400-186-9990
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 大连校区地址:辽宁省大连市甘井子区软件园路2号东软信息学院B5座一楼
    咨询电话:0411-39026086 400-186-9990
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、UI交互设计培训、Android课程培训、iOS课程培训
  • 武汉校区地址:武汉市光谷大道61号智慧园21号楼2层
    咨询电话:027-65523826
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 成都校区地址:成都市武侯区科华北路62号力宝大厦N(北楼)18楼
    咨询电话:028-83178771
    面授课程:全栈HTML5+培训、UI交互设计培训、PHP培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 西安校区地址:西安市雁塔区高新六路52号立人科技C座西区4楼
    咨询电话:029-85260160
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训
  • 杭州校区地址:浙江省杭州市江干区九堡旺田书画城A座4层
    咨询电话:0571-86893632 010-82790226-801
    面授课程:全栈HTML5+培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 青岛校区地址:青岛市市北区龙城路卓越世纪中心3号楼8层
    咨询电话:0532-80910752/3 010-82790226-801
    面授课程:全栈HTML5+培训、UI交互设计培训、JavaEE+云数据培训、Android课程培训、iOS课程培训
  • 重庆校区地址:重庆市高新区科园一路2号大西洋国际12-1
    咨询电话:023-68883009
    面授课程:JavaEE+云数据课程培训
  • 长沙校区地址:湖南省长沙市岳麓区麓谷企业广场A2栋三单元306号
    咨询电话:400-186-9990
    面授课程:JavaEE+云数据课程培训
  • 哈尔滨校区地址:哈尔滨市松北区创新一路699号科技创新城19号楼五楼
    咨询电话:15663846969
    面授课程:全栈HTML5+培训
  • 千锋教育服务号

    了解千锋动态
    关注千锋教育服务号

  • 千锋教育移动站

    扫一扫快速进入
    千锋移动端页面

  • 千锋互联服务号

    扫码匿名提建议
    直达CEO信箱