第五届字节跳动青训营讲师十分用心给我们整理了课前、中、后的学习内容，同学们自我评估，选择性查漏补缺，便于我们更好的跟上讲师们的节奏，祝我们学习愉快，多多提问沟通～

第一节：前端与 HTML

课程简介

本节课程会介绍下前端是什么、要解决的问题和技能栈等。本节也会介绍 HTML 的概念、语义化和常用的 HTML 标签。

课前预备

装置浏览器

请下载装置一个「现代」浏览器，比如 Chrome、Firefox、Edge 等。引荐运用最新版的 Chrome 浏览器。

装置编辑器

要进行前端开发，一个趁手的编辑器必不可少。强烈引荐运用 Visual Studio Code，如果你习惯运用其它编辑器也是能够的。

提早阅读

课前能够先了解下一些 HTML 基础知识，比如 MDN 上的这遍「 HTML 介绍 」。

课后阅读资料

• MDN 上的 HTML 参阅，包括每个标签和特点的具体说明

  • developer.mozilla.org/en-US/docs/…

• 最新版的 W3C HTML5 标准

  • html.spec.whatwg.org/multipage/

第二节：了解 CSS

简介

这节课带我们了解 CSS 的概念和工作原理、各种 CSS 选择器以及盒模型和常用的布局方法。

课前预备

能够提早学习下 CSS 中的一些基础概念

developer.mozilla.org/zh-CN/docs/…

课后阅读

• W3C CSS 相关的标准

  • www.w3.org/TR/?tag=css

• CSS 相关文章

  • web.dev/learn/css/

第三节：跟着月影学 JavaScript

怎么写好 JS1

code./pen/7117822…

怎么写好 JS2

code./pen/7119668…