【Udemy付费课程】50 Projects In 50 Days – HTML, CSS & JavaScript

50 天 50 个项目 – HTML、CSS 和 JavaScript目

通过构建 50 个快速、独特且有趣的迷你项目来提高你的技能

讲师：Brad Traversy, Florin Pop

独家Udemy付费课程，中英文字幕，课程资料包齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将会学到的

• 基于项目的教学，以提高你的 HTML、CSS 和 JavaScript 技能
• 非常适合希望在短时间内构建独特项目的初学者
• 带有 flexbox、CSS 动画、自定义属性等的现代样式
• DOM 操作、事件、数组方法、HTTP 请求等

要求

• 对 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. 吐司通知
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 个项目可能看起来很多，但我们能够将它们做得足够小，以至于你可以在几个小时内完成一个项目。当然，这取决于你的技能水平。

此课程面向哪些人：

• 想要使用 HTML、CSS 和 JavaScript 构建有趣、独特的项目的初学者和中级 Web 开发人员

口袋站长永久会员

收藏 海报 链接