学习计划进度

Web前端学习计划进度

 

课时学习进度：8/74

视频学习时长：3时33分钟

视频观看个数：43个

动手设计页面图（自行实操）

 

 

 

1. 概论

 

 

 

1-1 Web前端开发概述

 

视频

web系统的概念、前端的概念、web前端开发的概念

文档

ppt

测验

随堂测验

 

1-2 网站与网页

 

视频

网站与网页的概念、页面元素、浏览器

文档

ppt

测验

随堂测验

讨论

讨论

 

1-3 Web前端开发技术

 

视频

技术构成、技术标准

文档

ppt

测验

随堂测验

富文本

案例源代码：HTML、CSS、JS的作用（PC端下载）

文档

扩展阅读：两个常用的官方学习网站

 

扩展(动画)：浏览器如何渲染网页？服务器的作用？

 

视频

动画视频

 

 

1. 概论 单元测试

提交截止时间：2021/10/31 21:00 / 可尝试 1 次

提交阶段

 

 

本课程所有PPT请在这里下载

 

富文本

课程全部PPT，请在PC端下载

 

2. HTML基础

 

 

 

 

3. CSS样式

 

 

 

 

4. CSS布局与定位

 

 

 

 

5. CSS3

 

 

 

5-1 圆角边框与阴影

 

视频

圆角边框与阴影：border-radius属性box-shadow属性

文档

ppt

富文本

案例源代码

测验

随堂测验

 

5-2 文字与文本

 

视频

文字与文本：text-shadow属性word-wrap属性@font-face规则

文档

ppt

富文本

案例源代码

测验

随堂测验

 

5-3 2D变换

 

视频

2D变换：transform 属性

文档

ppt

富文本

案例源代码

测验

随堂测验

 

5-4 过渡与动画

 

视频

过渡与动画：transition属性animation属性与@keyframes规则

文档

ppt

富文本

案例源代码

测验

随堂测验

 

5-5 3D变换

 

视频

视频：3D变换

文档

ppt

富文本

案例源代码

测验

随堂测验

视频

案例视频 扑克牌翻转1

视频

案例视频 扑克牌翻转2

 

综合案例

 

视频

1. 布局

视频

2. header nav

视频

3. 右侧内容 图片

视频

4. 右侧内容 文字

视频

5. 层定位图片列表 固定定位广告

视频

6. 图片墙

富文本

案例源代码

 

 

5. CSS3 单元测验

提交截止时间：2021/10/31 21:00 / 可尝试 1 次

提交阶段

 

 

6. JavaScript基础

 

 

 

6-1 概述与基础语法

 

视频

视频

文档

ppt

测验

随堂测验

视频

实操：JS的三个组成部分ECMA JS，DOM,BOM

视频

实操：JS的三种添加方式——行内、内嵌、外部文件

富文本

源代码：JS组成部分

富文本

源代码：JS添加方式

 

6-2 变量

 

视频

视频

文档

ppt

测验

随堂测验

 

6-3 数据类型

 

视频

视频

文档

ppt

测验

单元测验

 

6-4 运算符与表达式

 

视频

视频

文档

ppt

测验

随堂测验

 

6-5 函数

 

视频

视频

文档

ppt

测验

随堂测验

 

6-6 分支结构

 

视频

视频

视频

案例视频

富文本

案例源代码

文档

ppt

测验

随堂测验

 

6-7 循环结构

 

视频

视频

视频

案例视频

富文本

循环结构案例源代码

文档

ppt

测验

随堂测验

 

6-8 数组

 

视频

视频

文档

ppt

测验

随堂测验

 

6-9 数组API函数

 

视频

视频

文档

ppt

测验

随堂测验

 

6-10 DOM查找

 

视频

视频

文档

ppt

测验

随堂测验

视频

实操：随机码

富文本

源代码：随机码案例

 

6-11 DOM修改

 

视频

视频

文档

ppt

测验

随堂测验

 

6-12 DOM添加

 

视频

视频

文档

ppt

测验

随堂测验

 

6-13 BOM

 

视频

视频

文档

ppt

测验

随堂测验

 

综合案例：魔方

 

视频

视频：步骤1

视频

视频：步骤2

视频

视频：步骤3

富文本

案例源代码

 

 

6 Javascript 单元作业

提交截止时间：2021/11/30 21:00 / 学生互评

提交阶段

 

 

 

6. Javascript 单元测试

提交截止时间：2021/11/30 21:00 / 可尝试 1 次

提交阶段