Responsive-Web-Design-FCC

Here is a record of the knowledge I gained and the code I submitted during my Free Code Camp studies.

仓库记录着我在"FreeCodeCamp"学习其中的"Responsive Web Design"章节时留下的痕迹。

---

学习进度

希望能够通过同步记录自己学习进度的方式来激励自己！

教学项目

在FreeCodeCamp的学习中，这部分的项目内容在进行时系统会有一步步的提示，帮助你完成这个项目，手把手教会你基础知识点。

• CatPhotoApp
  通过构建一个简单的猫照片应用程序来学习最常见的HTML标签。

• CafeMenu
  通过为咖啡馆网页设计菜单页面来初步学习CSS。

• ColorMarkers
  通过创建一组彩色笔学习CSS色彩。

• RegistrationForm
  通过构建注册页面来学习HTML表单。学习如何控制人们可以在表单中键入哪些类型的数据，以及一些用于设置页面样式的新CSS工具。

• RothkoPainting
  使用CSS和盒子模型，创作罗斯科风格的矩形艺术作品。

• PhotoGallery
  通过创建照片集学习CSS弹性盒子。

• NutritionLabel
  使用排版来创建营养标签网页。学习如何使用 CSS 设置文本样式、调整行高和定位文本。

• Quiz
  建立一个测验网页。无障碍让网页适于所有人使用。

• BalanceSheet
  通过创建资产负债表学习CSS伪选择器。

实践项目

在这部分的内容的学习过程中，FreeCodeCamp并不会提供一步步的代码指示，需要自己看用户需求与测试点自己编写程序完成。同时这部分的内容也是FreeCodeCamp颁发证书的凭据。

这部分的内容在'PracticalProjects'文件夹下，具体内容目录如下：

• SurveyForm
  本实践项目是我为我最爱的游戏‘Apex Legends’设计的一封调查问卷。问卷中的内容多少有点夹带私货~~(bushi)~~。虽然Apex的现状很糟心，但是我真的希望它能变得越来越好。

• TributePage
  本实践项目是为我最敬佩的作家鲁迅先生设计的一面致敬页。迅哥儿的文字真的是一步步长大才一句句读懂。

---

Important

注意：对于FreeCodeCamp的特定实践章节，请不要直接复制粘贴我的代码，这违反了FreeCodeCamp的协议与学习的初衷。

最后，如果代码能帮到你，那么我很开心。