50天内完成50个项目 – HTML、CSS和JavaScript | 50 Projects In 50 Days – HTML, CSS & JavaScript

这是一门纯粹基于项目的课程。它面向初学者，但中级开发人员也可以享受创造新事物的乐趣。本课程包括 50 个与 DOM（文档对象模型）相关的 HTML、CSS 和 JavaScript 迷你项目。以下是我们将在本课程中创建的内容的列表：

1. 扩展卡
2. 进度步骤
3. 旋转导航动画
4. 隐藏的搜索小工具
5. 模糊加载
6. 滚动动画
7. 拆分着陆页
8. 形式波
9. 音板
10. 爸爸笑话
11. 事件键码
12. 常见问题解答
13. 随机选择器
14. 动画导航
15. 递增计数器
16. 喝水
17. 电影应用
18. 背景滑块
19. 主题时钟
20. 按钮涟漪效应
21. 拖放
22. 绘图应用程序
23. 动能装载机
24. 内容占位符
25. 粘性导航栏
26. 双垂直滑块
27. Toast 通知
28. Github 简介
29. 双击心脏
30. 自动文字效果
31. 密码生成器
32. 好便宜快
33. 笔记应用程序
34. 动画倒计时
35. 图片轮播
36. 气垫板
37. 图鉴
38. 移动标签导航
39. 密码强度背景
40. 3d 背景框
41. 验证帐户界面
42. 实时用户过滤器
43. 反馈界面设计
44. 自定义范围滑块
45. Netflix 移动导航
46. 测验应用程序
47. 推荐盒切换器
48. 随机图像馈送
49. 所有列表
50. 昆虫捕捉游戏

许多人过早地进入前端框架。在转向框架之前，学习 vanilla JavaScript 和理解文档对象模型的工作原理是必不可少的。本课程通过创建各种类型的真实项目来教您这一点。

您还将了解有关 HTML5 和 CSS 的更多信息，包括标记中的语义标签、颜色、对齐、弹性框和阴影等基本 CSS 属性，以及使用 CSS 媒体查询、CSS 自定义属性、动画/过渡等创建响应式布局.

50 个项目可能看起来很多，但我们能够将它们做得足够小，您可以在短短几个小时内完成一个项目。当然，这取决于你的技能水平。