20 Web Projects With Vanilla JavaScript
20个使用Vanilla JavaScript的Web项目
Build 20 mini frontend projects from scratch with HTML5, CSS & JavaScript (No frameworks or libraries)
使用HTML5、CSS和JavaScript从头开始构建20个迷你前端项目（无框架或库）
教程演示🔗
你将会学到的
-
从头开始构建 20 个前端项目
-
没有 JS 或 CSS 框架
-
现代 JavaScript (ES6+) – Arrows、Fetch、Promises 等
-
DOM 操作和事件
-
使用 CSS 和 JavaScript 制作动画
-
使用第 3 方 API 获取和 JSON
-
HTML5 画布、语音 API、音频和视频
-
初学者友好
要求
-
HTML、CSS 和 JavaScript 的基础知识
说明
这是一门有趣、实用且基于项目的课程，适用于所有技能水平。本课程中的项目旨在帮助您在没有框架或库的情况下使用 HTML5、CSS 和 JavaScript 构建内容。每个项目都是从头开始构建的，并且具有某种动态功能，从小游戏到费用跟踪器再到呼吸放松应用程序。
虽然这是一门基于项目的课程，但我仍然会边走边解释所有内容。这些是专为您在几个小时内完成而设计的迷你项目。
您应该具备一些 HTML/CSS/JS 的基础知识。如果您是全新的，我建议您在 Udemy 上推荐我的现代 HTML/CSS 从头开始和/或我的从头开始的现代 JS 课程。本课程是两者的结合。
您将在这些项目中学到一些东西：
- 使用 HTML/CSS 创建布局和 UI（无 CSS 框架）
- CSS 动画（带有 JS 触发器的过渡、关键帧等）
- JavaScript 基础知识
- DOM 选择和操作
- JavaScript 事件（表单、按钮、滚动等）
- 获取 API 和 JSON
- HTML5 画布
- 音频和视频 API
- 拖放
- 网络语音 API（Syth 和识别）
- 使用本地存储
- 高阶数组方法 – forEach、map、filter、reduce、sort
- 设置超时，设置间隔
- 箭头函数
- 和更多！！
此课程面向哪些人：
- 任何想要构建一些有趣且易于中间项目的人
声明：本站所有文章，如无特殊说明或标注，均为本站发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
