50 Projects In 50 Days – HTML, CSS & JavaScript

50 Projects In 50 Days - HTML, CSS & JavaScript

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

你将会学到的

  • 基于项目的教学可提高您的 HTML、CSS 和 JavaScript 技能
  • 非常适合希望在短时间内构建独特项目的初学者
  • 使用 flexbox、CSS 动画、自定义属性等的现代样式

要求

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

此课程面向哪些人:

  • 想要使用 HTML、CSS 和 JavaScript 构建有趣、独特的项目的初级和中级 Web 开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » 50 Projects In 50 Days – HTML, CSS & JavaScript