价值628的HTML5与CSS3实现动态网页系列课程

视频介绍

• 本路径带你通过系统学习，完成从“会做网页”到“做出好的动态网页”的蜕变，迈出成为前端工程师的第一步。我们将一起完成应用以 下丰富功能的动态网页

课程大纲

• 步骤1: 初识HTML5 本阶段内容主要涵盖H5新增、删除标签、标签属性变化以及HTML5布局知识。通过本阶段学习，大家可以运用HTML5标签轻松实现网页音乐播放器和视频播放器，熟练运用HTML5的语义化标签进行静态网页的开发。
  • 1-1 HTML5标签变化
  • 1-2 HTML5网页布局
  • 1-3 HTML5属性变化
  • 1-4 HTML5展望
  • 1-5 HTML5测试
• 步骤2: 搞懂CSS3 本阶段内容主要涵盖CSS3选择器、边框、圆角、背景、渐变、转换、过渡、动画等知识。通过本阶段学习，大家将能够更加准确的控制页面的布局等样式效果，实现非常炫酷的CSS3动画特效，让网页丰富多彩。
  • 2-1 CSS3选择器
  • 2-2 CSS3边框与圆角
  • 2-3 CSS3背景与渐变
  • 2-4 CSS3转换
  • 2-5 CSS3过渡
  • 2-6 CSS3动画
  • 2-7 CSS3图片切换特效
  • 2-8 CSS3测试
• 步骤3: JavaScript基础 本阶段内容主要涵盖js基础语法、流程控制语句、函数、内置对象、DOM基础和事件、BOM基础等知识。通过本阶段学习，大家不仅可以掌握js的基础知识，还能学会网站开发中常用的图片轮播特效。
  • 3-1 JavaScript语法
  • 3-2 JavaScript流程控制语句
  • 3-3 JavaScript函数
  • 3-4 JavaScript内置对象
  • 3-5 JavaScript DOM基础
  • 3-6 JavaScript DOM事件
  • 3-7 JavaScript BOM基础
  • 3-8 JavaScript实现轮播特效
  • 3-9 JavaScript基础测试
• 步骤4: JavaScript进阶 本阶段，将带领大家进一步探索JavaScript中的奥秘，教大家如何使用调试工具。还有变量、作用域、函数是怎么样来运用， 以及它们之前的关系是怎样的，我们来一步一步揭开它们的面纱。
  • 4-1 调试工具
  • 4-2 JavaScript变量、作用域
  • 4-3 JavaScript函数深入讲解
  • 4-4 JavaScript实现简易计算器
  • 4-5 JavaScript进阶测试
• 步骤5: 项目实战 光学不练假把式，实践是巩固知识最好的方法，本环节，将带领大家一步步开发出炫酷的动态网页，让大家能够从实践中总结经验，并且提升解决问题的能力。
  • 5-1 H5+CSS3+JS实现炫酷网页
  • 5-2 实战测试

赠送多终端加速播放软件(PC/Android/IOS)

试听地址

• 2-6 CSS3动画：链接：https://pan.baidu.com/s/1RIX7748l4aJA-BMJjy1Vyw 密码：ffws

资源大小

• 19.88G

加速播放方法

• 使用赠送的加速播放软件即可1到2.5倍速度播放本视频教程，加快学习速度

视频截图