@freeCodeCamp：构建项目是提升网页开发技能的最佳方式之一。在本课程中，您将构建19个项目…

X AI KOLs Timeline 新闻
web-development html-css-javascript course freecodecamp educational projects

摘要

freeCodeCamp宣布了一门免费课程，教授使用HTML、CSS和JavaScript构建19个网页开发项目，涵盖表单验证、API集成和本地存储等实用技能。

构建项目是提升网页开发技能的最佳方式之一。 在本课程中，您将使用HTML、CSS和JavaScript构建19个项目，例如测验、看板（Kanban）板和基于API的应用。 您还将在实际项目中练习表单验证、本地存储、拖放、UI设计以及与外部API的交互。 https://freecodecamp.org/news/build-19-web-dev-projects-using-html-css-javascript/…
查看原文
查看缓存全文

缓存时间: 2026/07/28 12:27

构建项目是提升Web开发技能的最佳方式之一。

在本课程中，你将使用HTML、CSS和JavaScript构建19个项目，例如测验、看板板和基于API的应用。

你还将在实际项目中练习表单验证、本地存储、拖放、UI设计以及与外部API的协作。

https://freecodecamp.org/news/build-19-web-dev-projects-using-html-css-javascript/…

使用HTML、CSS和JavaScript构建19个Web开发项目

来源：https://www.freecodecamp.org/news/build-19-web-dev-projects-using-html-css-javascript/ 通过构建19个不同的项目来提升你的Web开发技能。我们刚刚在freeCodeCamp.org的YouTube频道上发布了一门课程，将教你使用HTML、CSS和JavaScript制作各种网站。

以下是你在本课程中将构建的项目：

  • 项目1：交互式问答游戏
  • 项目2：随机调色板生成器
  • 项目3：看板板（HTML拖放API）
  • 项目4：带有本地存储的支出追踪器
  • 项目5：书签保存应用
  • 项目6：注册表单验证器
  • 项目7：带强度计的密码生成器
  • 项目8：带筛选功能的任务管理应用
  • 项目9：专业联系表单（HTML/CSS）
  • 项目10：现代定价卡片
  • 项目11：团队成员展示区域
  • 项目12：食谱查找器（MealDB API集成）
  • 项目13：实时货币转换器
  • 项目14：GitHub用户查找器（GitHub API）
  • 项目15：自定义404“页面未找到”设计
  • 项目16：新闻通讯注册界面
  • 项目17：带有倒计时器的“即将推出”页面
  • 项目18：带表单验证的联系页面UI
  • 项目19：滚动进度指示器

在freeCodeCamp.org的YouTube频道上观看完整课程（12小时）。

免费学习编程。freeCodeCamp的开源课程已帮助超过40,000人获得开发者职位。立即开始 (https://www.freecodecamp.org/learn)

相似文章

freeCodeCamp/freeCodeCamp

GitHub Trending (daily)

freeCodeCamp 是一个开源学习平台，提供网页开发、机器学习和语言方面的免费认证，以及交互式编程挑战和项目。