2021年12小时以上YouTube编程训练营（视频）

带上你的笔记本电脑就行了！

大家好，欢迎来到本次在线编程训练营。本训练营旨在利用 YouTube 的所有功能，例如时间戳和信息卡片，让您的编程之旅更加轻松。

我们将使用时间戳将训练营分成几个部分，方便您根据下面的描述轻松切换各个部分。我还会使用卡片，根据您目前的编程学习进度，引导您尝试一些外部项目。

我还为学习部分代码设置遇到困难的同学提供了代码沙箱。我建议大家始终自己编写每个练习的代码，但为了以防万一，我们也提供了代码沙箱。

这个时长超过12小时的训练营没有任何赞助，完全免费，而且永远免费，所以如果你喜欢的话，请点个赞并订阅！

内容：
00:00 引言
03:34 代码编辑器
-- HTML --
06:05 HTML 简介
08:22 HTML 样板设置
10:55 HTML 元素
17:53 在线作品集项目
-- CSS --
20:05 提交
21:02 CSS 简介
23:37 文件设置
27:42 类名和 ID
30:48 小测验
37:52 盒模型
39:56 颜色
44:12 无序列表和有序列表
49:33 图片
54:22 将类样式设置为 ID
57:07 数据属性
59:00 Flexbox
01:01:45 小测验
01:03:41 Flexbox 网站布局
01:09:43 注释代码
01:13:37 CSS 中的渐变
01:15:53 CSS 中的阴影CSS
01:17:18 CSS 中的按钮样式
01:25:51 字体
01:29:25 通用网站布局
01:34:28 创建导航栏
01:46:54 锚链接
01:50:17 创建版块
02:13:50 CSS 和 HTML 中的表单
02:26:55 Font Awesome图标
库 02:32:12 断点
02:38:35 Z-index
-- JavaScript --
02:49:24 签到
02:51:07 JavaScript 简介
02:52:12 JavaScript 文件设置
02:58:39 变量
03:16:15 控制流
03:16:40 if 语句
03:26:09 运算符
03:55:39 Fizz Buzz 练习
04:00:59 for循环
04:07:58 数组
04:14:42 对象
04:24:50 函数
04:37:51 进度练习
04:48:20 箭头函数
04:52:21 While 循环
04:55:23 内置对象简介
04:56:02 .length()
05:01:29 .concat()
05:06:41 .join()
05:12:06 .pop()
05:18:46 .shift()
05:22:13 .unshift()
05:25:32 .push()
05:29:02 .slice()
05:35:51 .splice()
05:41:47 .forEach()
05:50:25 .some()
05:59:49 .map()
06:07:19 .filter()
06:17:06 .reduce()
06:22:27 .every()
06:28:25 .split()
06:34:25 数组练习 - 练习题
07:18:06 .addEventListener()
07:26:09 .removeEventListener()
07:33:57 querySelector()
07:39:59 签到和项目建议
07:40:51 Math.random()
07:53:08 让我们创建一个响应式汉堡导航栏
08:10:12 日期
08:19:29 setTimeout()
08:29:00 setInterval()
08:44:11 JavaScript 中的类
08:52:16 签到和项目建议
08:52:58 键
09:01:46 switch case
09:22:51 .sort()
09:24:52 算法简介
09:25:16 .includes() 09:27:34 .contains
() 09:29:52
.createElement()
09:38:22 签到和项目介绍
10:27:07 签到和项目建议
10:28:16 HTTP 简介
10:36:55 fetch()获取、发布、上传、删除
11:07:24 签到和视频建议
11:07:53 在 GitHub 上存储项目
11:15:58 下一步去哪里

Code Sandboxes：
04:05：入门指南：https
://codesandbox.io/s/tender-tdd-nwg7v 02:53:49：JavaScript 设置：https://codesandbox.io/s/distracted-field-vcliy
04:40:24：函数练习：https://codesandbox.io/s/eager-tu-t2691

通用沙盒设置：使用你的编码技能，参考以下模板，将 HTML 和 CSS 修改为练习所需的任何内容：https://codesandbox.io/s/hopeful-shadow-f5pvv

记忆游戏最终代码：https://github.com/kubowania/memory-game

你也可以在以下平台找到我：
Twitter：https://twitter.com/ania_kubow
Instagram： https: //instagram.com/aniakubow