学习计划进度

Web前端学习计划进度

课时学习进度:8/74

视频学习时长:333分钟

视频观看个数: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 次
提交阶段
 
 
原文地址:https://www.cnblogs.com/Adaran/p/15388075.html