[中文字幕]JS入门指南：30 个 HTML CSS 和 JavaScript 项目

发布人

30 HTML CSS &amp; JavaScript Projects A Beginner&#39;s Guide to JS 2024-2
JS入门指南：30 个 HTML CSS 和 JavaScript 项目
【点击播放器字幕按钮可开启中文字幕】
课程代码：https://wwp.lanzoue.com/iMpY61xhn6lc


欢迎来到30天30个项目课程！

这是一个适合初学者的项目课程，具有 HTML5、CSS3 和 JavaScript 的所有现代功能！

因此，通过我们的“30 天内 30 个项目”课程开始探索之旅，该课程专为初学者前端 Web 开发人员设计。在一个月的时间里，您将深入研究 HTML5、CSS3 和 JavaScript，每天制作一个新项目来构建您的投资组合并巩固您的技能。

在本课程中，您将探索现代 CSS 动画、自定义属性、DOM 操作、事件、数组方法、数据操作等。通过 30 个使用纯 JavaScript、HTML5 和 CSS3 的项目，您将获得编写可维护、干净和高性能代码的实践经验。每个项目都是从头开始构建的，让您可以了解开发过程的各个方面。

课程结构：

那么我们在建造什么呢？30个项目如下：

第 1 天：语音转文本项目： 创建一个项目，用户可以在其中对着设备的麦克风说话，并将语音转换为文本。

第2天：钢琴申请： 开发一个虚拟钢琴应用程序，用户可以使用键盘或鼠标弹奏音符和和弦。

第 3 天：文本转语音应用： 构建一个将书面文本转换为口语的应用程序，允许用户收听他们输入的文本。

第 4 天：机器人笑话生成器： 制作一个项目，以机器人语音或文本格式生成随机笑话。

第 5 天：HSL 色彩生成器：开发一个使用 HSL（色相、饱和度、亮度）颜色模型生成颜色的工具，允许用户自定义和预览颜色。

第 6 天：模态应用：创建一个模式弹出窗口，在主应用程序界面上显示内容或消息。

第 7 天：数字时钟： 设计一个显示当前时间并实时更新的数字时钟。

第 8 天：Color Flipper：构建一个随机选择和显示颜色的项目，为用户提供一种有趣且交互式的方式来探索不同的颜色组合。

第 9 天：百分比计算器： 开发一个能够计算各种数学运算百分比的计算器应用程序。

第 10 天：计算器应用：创建一个支持基本算术运算的全功能计算器应用程序。

第 11 天：阅读更多 Less：实现截断长文本块的功能，并提供“阅读更多”按钮来展开和折叠文本内容。

第12天：星级评定：设计一个星级评定组件，允许用户通过选择一定数量的星级来对服务进行评分。

第 13 天：动画计数器：开发一个计数器，该计数器在网页加载时以动画形式显示。

第 14 天：十六进制到二进制转换器：构建一个将十六进制数转换为二进制数的工具。

第 15 天：超棒光标：使用创意和交互效果自定义网页上的光标，以增强用户体验。

第 16 天：快速 URL 申请： 创建一个保存 URL 的项目，以便快速访问网站内容。

第 17 天：输入文本效果：实现键入效果，其中文本逐渐显示，就好像它是实时键入的一样。

第 18 天：图像比较滑块： 设计一个图像滑块，允许用户使用可拖动的滑块并排比较两个图像。

第 19 天：搜索功能：开发搜索功能，允许用户输入查询并从数据集中检索相关结果。

第20天：单词计数器： 构建一个工具，用于计算给定文本输入中的单词、字符和句子的数量。

第21天：动态换色器： 创建一个功能，该功能根据用户交互或预定义的触发器动态更改网页的背景颜色。

第 22 天：Box Shadow Generator：设计一个使用可自定义参数生成 CSS 框阴影效果的工具。

第23天：图像轮播项目：开发以过渡方式显示一系列图像的图像轮播或幻灯片组件。

第 24 天：浏览图片文件上传：实现一项功能，允许用户从其设备的文件系统上传图像。

第 25 天：Fun with String：创建一个执行各种字符串操作任务（如反转和计数字符串）的项目。

第26天：货币/现金计算器：构建一个专门设计用于执行涉及货币或现金金额的财务计算的计算器应用程序。

第27天：年龄计算器： 开发一种工具，根据一个人的出生日期和当前日期计算他们的年龄。

第 28 天：Awesome Finance Deposit Calculator：设计一个计算器来计算复利。

第29天：体重指数计算器：创建一个计算器应用程序，根据一个人的身高和体重计算一个人的体重指数 （BMI）。

第 30 天：可爱的爱情计算器应用程序：制作一个有趣而轻松的应用程序，根据两个人的名字或其他输入来计算两个人之间的兼容性或“爱情分数”

打开封面下载高清视频观看高清视频视频下载器