使用 HTML、CSS 和 JavaScript 的 Web 开发项目

使用 HTML、CSS 和 JavaScript 的 Web 开发项目

立即下载
免费资源
暂无评分
164
0
通过构建真实世界的项目(包括 API 驱动的应用程序、游戏和工具)掌握现代 Web 开发

MP4 |视频:h264,1920×1080 |音频:AAC,44.1 KHz
语言:英语 |时长:8小时50米

你将学到什么

  • 使用 HTML、CSS 和 JavaScript 构建功能齐全的网络应用程序。
  • 实施计算器、测验、打字测试和天气/货币应用等互动功能。
  • 从 API 获取和处理实时数据并动态显示。
  • 使用本地存储在网络应用中存储和保留用户数据。
  • 设计具有现代效果的响应式且具有视觉吸引力的用户界面,包括霓虹灯主题、玻璃态射和暗/亮模式。

要求

配备现代网络浏览器(Chrome、Firefox、Edge 或 Safari)的计算机。
代码编辑器(在本课程中,我们将使用 VS Code。
无需具备编程经验 – 本课程适合初学者!

描述

从头开始构建 9 个真实项目,掌握 JavaScript、HTML 和 CSS!本课程非常适合想要在创建有趣、交互式和功能齐全的 Web 应用程序的同时提高前端技能的初学者和中级开发人员。在本课程中,您将构建:Neon 计算器应用程序 – 一款时尚的计算器,具有实时计算、百分比处理和霓虹灯主题 UI。二维码生成器 – 立即生成自定义 QR 码,选择大小,并使用时尚的响应式界面下载它们。打字速度测试应用程序 – 测量 WPM、准确性和经过的时间实时突出显示键入的单词。模拟时钟 – 具有暗/亮模式切换和 3D 倾斜悬停效果的实时模拟时钟。货币转换器 – 采用现代玻璃形态设计,使用实时汇率实时转换货币。天气应用程序 – 通过响应式设计按城市或地理位置获取实时天气和 5 天天气预报。待办事项应用程序 – 使用时尚的 UI 在本地存储中添加、编辑、删除和保留任务。GitHub Finder – 搜索 GitHub 用户并查看他们的个人资料,使用 GitHub API 进行存储库和统计。测验应用程序 – 创建一个功能齐全的测验,包括用户身份验证、评分、计时器和结果跟踪。您将学到什么:使用 HTML 构建 Web 应用程序,采用 CSS 和响应式设计风格的交互式应用程序使用 JavaScript 添加交互性和动态行为从 API 中获取数据并处理用户输入使用本地存储来保存数据

想要通过构建真实项目来学习 JavaScript、HTML 和 CSS 的初学者。,希望通过实践经验增强技能的有抱负的前端开发人员。,想要创建交互式 Web 应用程序用于练习或作品集的学生或爱好者。

其他信息

收录者
发布日期
10月26日
类别
IT与软件
标签
HTML CSS JavaScript 网页开发 网页开发基础知识 网页开发技术
探索
Video Courses
创作者
Qais Hani
语言
英语
上传者
Chandler Bergstrom
出版商
Udemy

下载版本

版本 兼容平台 语言 大小 更新时间 下载
2025 英文 2.91GB 2025-09-30
Zip解压密码:123
温馨提示:本资源来源于互联网,仅供参考学习使用。若该资源侵犯了您的权益,请联系我们处理。

评分及评论

暂无评分

来评个分数吧

  • 5星
  • 4星
  • 3星
  • 2星
  • 1星

使用 HTML、CSS 和 JavaScript 的 Web 开发项目