HTML5学习路线

怎么学HTML5

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

HTML5培训课程 > 官方技术答疑群

第一阶段

  • PC端网站布局
    • HTML基础，CSS基础，CSS核心属性
    • CSS样式层叠，继承，盒模型
    • 容器，溢出及元素类型
    • 浏览器兼容与宽高自适应
    • 定位，锚点与透明
    • 图片整合
    • 表格，CSS属性与滤镜

  • HTML5+CSS3基础
    • HTML5新增的元素与属性
    • 表单域增强元素
    • CSS3选择器
    • 文字字体相关样式
    • CSS3位移与变形处理
    • CSS3 2D转换与过度动画
    • CSS3 3D转换与关键帧动画
    • 弹性盒模型
    • 媒体查询
    • 响应式设计

  • WebApp页面布局
    • 移动端页面设计规范
    • 移动端切图
    • 流式布局（100%布局）
    • 等比缩放布局（rem布局）
    • 响应式布局
    • viewport
    • rem/vw的使用
    • flexbox详解
    • 移动端reset, 1px border, 高清图片
    • 淘宝移动端页面适配方案

第二阶段

  • 原生JavaScript交互功能开发
    • 基本语法
    • 循环语句
    • 函数与数组
    • String与Date
    • BOM与DOM
    • 事件
    • 拖拽效果
    • cookie存储
    • 正则表达式
    • Ajax
    • 面向对象基础
    • 运动与游戏开发
  • 面向对象进阶与ES5/ES6/ES7应用
    • Promise
    • 设计模式（观察者模式等）
    • 原型链
    • 构造函数
    • 执行上下文栈与执行上下文
    • 变量对象与活动对象
    • 作用域链
    • 闭包
    • this
    • ES5
    • ES6
    • ES7
  • JavaScript工具库自主研发
    • DOM库
    • 事件库
    • AJAX库
    • 原型和继承库
    • MVVM核心库
    • 基于SPA的路由库
  • jQuery经典交互特效开发
    • 时间轴特效
    • tab页面切换效果
    • 网页定位导航特效
    • 滑动门特效
    • 焦点图轮播特效
    • 导航条菜单效果
    • 瀑布流特效
    • 弹出层效果
    • 倒计时效果
    • 抽奖效果
  • PHP+MySQL后端基础
    • Apache
    • PHP
    • MySQL
    • HTTP(s)协议详解
    • Ajax进阶、跨域与Defered
    • Apache与Nginx 环境搭建与配置
    • 接口的定义
    • Mock数据
    • Restful
    • 前后端联调
    • 前端安全(XSS,CSRF,JSON注入)
  • 前端工程化与模块化应用
    • Gulp
    • Webpack
    • NPM
    • Linux命令
    • Git/SVN
    • CommonJS
    • AMD
    • CMD
    • ES6模块化
  • PC端全栈开发项目
    • 大首页、列表页与详情页
    • 展示与交互特效
    • 搜索
    • 登录与注册
    • 购物车
    • jQueryUI 与 jQuery EasyUI
    • Bootstrap(ACE)
    • Highcharts/Echarts
    • ArtTemplate
    • velocity
    • smarty
    • 云平台系统前端
    • Apache+PHP+MySQL服务器搭建

第三阶段

  • Node.js基础
    Node.js基础 MongoDB GraphGL Express Koa2 测试框架mocha socket 即时通信项目
  • Node.js高级全栈项目
    Node.js高级全栈项目
  • Vue.js开发基础.
    WebApp开发基础 MVVM模式 前端组件化 单文件组件 组件间传值 Vue实例 E19Vue实例生命周期 Vue的模版语法 计算属性,方法与侦听器 计算属性的 getter 和 setter Vue中的样式绑定 Vue中的条件渲染 Vue中的列表渲染 Vue中的set方法 父子组件间的数据传递 组件参数校验与非 props 特性 给组件绑定原生事件 非父子组件间的传值 在Vue中使用插槽 作用域插槽 动态组件与 v-once 指令 Vue动画
  • 应用Vue.js开发WebApp项目
    环境配置 项目代码介绍 单文件组件与Vue中的路由 单页应用VS多页应用 Mint UI Element UI 项目的联调，测试与发布上线
  • React 开发基础
    React简介 React开发环境准备 React中的组件 JSX语法 拆分组件与组件之间的传值 React developer tools 安装及使用 PropTypes 与 DefaultProps 的应用 props，state 与 render 函数的关系 深入了解React虚拟DOM 虚拟 DOM 中的 Diff 算法 React 中 ref 的使用 React的生命周期函数及使用场景 使用Charles实现本地数据mock React 中实现 CSS 动画效果 react-transition-group 实现动画 Redux 概念简述和工作流程 Action 和 Reducer 的编写 ActionTypes 的拆分 使用 actionCreator 统一创建 action UI组件和、容器组件及无状态组件 使用Redux-thunk 中间件实现ajax数据请求 Redux-saga 中间件使用 React-redux 中间件使用
  • React Native
    React Native初探 React Native 项目导航 React Native 项目文本框 React Native 项目滚动分页 React Native 其他组件
  • 应用Reat开发WebApp项目
    Ant Design组件库 React Router 4 路由 项目组件编写 使用 Immutable.js 来管理store中的数据 项目的联调、测试与发布上线
  • 微信公众号开发
    初识微信公众号 订阅号的基本功能 使用百度BAE实现代码的快速上线 使用Git完成线上代码部署 公众号开发权限及功能接入 微信JSSDK接口API 微信场景项目开发与接入
  • 微信小程序开发
    微信小程序初探 小程序入门必学 小程序组件体验 小程序大功能 项目实战带你征服小程序
  • 各类混合应用开发
    自主原生Navtive Hybrid(iOS、Android) 第三方Hybrid框架Cordova/Phone gap 第三方Hybrid框架MUI + HTML5
  • 阿里钉钉企业E应用（支付宝小程序）
    E应用功开发入门 E应用开发流程 E应用开发基础 E应用开发实战
  • Angular6基础
    TypeScript 基础与进阶 开发环境配置 Hello World 架构、模块与组件 模板 元数据、数据绑定与数据显示 表单 服务与指令 依赖注入 路由 Ionic 3 框架
  • 大数据可视化基础与实战
    数据可视化基础 Echars、Hignchars D3.js 入门 D3.js 进阶 D3.js 选择集与数据 D3.js 高级应用 D3.js 应用工具：NVD3、n3-charts

实战项目

千锋优势

HTML5海量视频教程一键下载