5 个可用于通过构建项目学习 HTML、CSS 和 JavaScript 的资源

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

如果你觉得这篇文章对你有帮助，你很可能也会喜欢我的推文，所以请务必在Twitter上关注我，获取更多关于 Web 开发以及如何提升开发技能的信息。本文最初发表于我的博客。

1 - javascript30.com，作者：@wesbos

这是我目前正在学习的课程，我很喜欢。

它包含 30 个项目，可以帮助你更快更好地学习 JavaScript。

你会收到HTML和CSS文件，这样如果你愿意的话，就可以只专注于JavaScript部分。

2 - frontendmentor.io，作者：@frontendmentor

这是练习 HTML、CSS 和 JavaScript 技能的最佳平台。

工作原理👇🏻

1. 你选择你的挑战

2.然后你就可以编写设计代码了。

3. 最后，提交你的解决方案，以便获得其他人的反馈。

3 - @freeCodeCamp 项目

每个章节末尾，他们都会提供一些你可以搭建的项目。

其中5个项目使用了HTML和CSS - https://www.freecodecamp.org/learn/responsive-web-design/#responsive-web-design-projects

还有另外 5 个项目与 JavaScript 相关 - https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#javascript-algorithms-and-data-structures-projects

4 - fun-javascript-projects.com，作者：@chrisdixon161

这是一系列免费的有趣 JavaScript、HTML 和 CSS 项目。

你将建造什么👇🏻

小费计算器

-跑步追踪应用

猜数字

-音乐播放器应用

还有更多

如果你已经掌握了基础知识，这非常适合你！

5 - udemy.com/course/50-projects-50-days，作者：@florinpop1705 和@traversymedia

通过构建 50 个快速、独特且有趣的迷你项目，提升您的 HTML、CSS 和 JavaScript 技能

你会学到👇🏻

-Flexbox、CSS动画、自定义属性

- DOM 操作、事件、数组方法

还有更多

结束

希望这篇文章对您有所帮助，如果您觉得有用，请告诉我。如有任何疑问，欢迎随时在推特上私信我。