视频介绍
- 本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。我们将一起完成应用以 下丰富功能的动态网页
课程大纲
- 步骤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倍速度播放本视频教程,加快学习速度
视频截图
- 扫一扫加我的微信
-
- 扫一扫关注公众号
-