LabEx
登录免费加入

Web Development 教程

Web 开发为创建现代网站和 Web 应用程序提供了结构化的学习路径。我们的教程涵盖前端和后端技术，适合初学者和中级开发者。通过免费实验和实际代码示例，你将获得 HTML、CSS、JavaScript 以及流行框架的实践经验。我们的交互式 Web 环境让你可以尝试不同技术并实时看到结果。

其他技能树

LinuxDevOps网络安全数据库PythonDockerKubernetesGitShellNmapWiresharkHydraJava大数据PostgreSQLMySQLRedisMongoDBGo 语言C++C 语言Ansible数据科学机器学习PandasNumPyscikit-learnMatplotlib网页开发HTMLCSSJavaScriptReactKali Linux
在 React 中构建 GitHub 热图贡献日历

在 React 中构建 GitHub 热图贡献日历

本项目将引导你在 React 中创建一个类似于 GitHub 贡献图的热图日历。这种日历是一种直观展示随时间变化的活动数据的有效方式，颜色深浅代表特定日期的活动强度。完成本项目后，你将清楚了解如何在 React 应用中集成和使用日历热图。
JavaScript
使用 HTML5 构建图像裁剪工具

使用 HTML5 构建图像裁剪工具

本项目将指导你完成创建一个简单图像裁剪工具的过程。最终，你将拥有一个交互式应用程序，允许用户上传、显示和裁剪图像。
JavaScript
使用画布实现放大镜效果

使用画布实现放大镜效果

在本项目中，你将学习如何使用 HTML 画布在图像上创建放大效果。这种效果在图像画廊或产品网站上很常见，它允许用户将鼠标悬停在图像上，以获得特定部分的放大视图。放大镜效果提供了详细的视图，而无需打开新窗口或页面。
JavaScript
创建一个打地鼠网页游戏

创建一个打地鼠网页游戏

在这个项目中，你将学习如何使用 HTML、CSS 和 JavaScript 创建一个打地鼠游戏。游戏内容是在规定时间内击打从洞中随机出现的地鼠。你将逐步创建必要的 HTML、CSS 和 JavaScript 文件并实现游戏逻辑。
JavaScript
创建一个轮播图网页应用程序

创建一个轮播图网页应用程序

在这个项目中，你将学习如何创建一个具有视觉吸引力的轮播图网页应用程序，其具有以宇宙为主题的内容布局。该应用程序将允许用户浏览不同的幻灯片，并查看包含有关宇宙有趣事实的卡片。
CSS
构建一个 React 拖放式拼图游戏

构建一个 React 拖放式拼图游戏

在这个项目中，我们将使用 React 创建一个拖放式拼图游戏。这是一个让初学者学习 React 组件、状态管理和处理用户交互的绝佳项目。在这个项目结束时，你将拥有一个功能齐全的拼图游戏。
JavaScript
在 HTML 中插入和样式化图片

在 HTML 中插入和样式化图片

学习如何使用 src、alt、width、height 和 title 等属性在 HTML 中添加、样式化和操作图片。
HTML
使用 Flask 和 MySQL 构建 URL 缩短器

使用 Flask 和 MySQL 构建 URL 缩短器

本项目将指导你使用 Flask 和 MySQL 创建一个简单的 URL 缩短服务。你将学习如何设置数据库、设计 Web 界面，以及实现缩短 URL、按标签搜索 URL 和查看分析数据的功能。该项目对初学者友好，能让你全面了解使用 Python 进行 Web 开发和数据库管理。
HTML
开发具有实时预览功能的 Markdown 编辑器

开发具有实时预览功能的 Markdown 编辑器

在本项目中，我们将创建一个简单的基于网络的 Markdown 编辑器，它在你输入时提供实时 HTML 预览。使用 Ace Editor、marked 和 highlight.js 等库，你将开发一个直观的编辑器，它不仅允许使用 Markdown 进行编写，还能在不同浏览器会话中保存数据，并在预览中突出显示代码片段。
JavaScript
构建一个井字棋网页应用

构建一个井字棋网页应用

在这个项目中，你将学习如何使用 HTML、CSS 和 JavaScript 创建一个井字棋游戏。井字棋是一款两人游戏，玩家轮流在 3x3 的网格中标记 X 或 O。目标是在水平、垂直或对角线上连续获得三个标记。你将逐步创建必要的 HTML、CSS 和 JavaScript 文件并实现游戏逻辑。
CSS
构建一个现代化的费用分摊网络应用程序

构建一个现代化的费用分摊网络应用程序

在这个循序渐进的项目中，我们将使用 HTML、CSS 和 JavaScript 创建一个现代且视觉上吸引人的费用分摊网络应用程序。这个应用程序将允许你在一群人之间分摊费用，并计算谁欠谁多少钱。我们将从头开始，逐步涵盖构建项目的每个步骤。
JavaScript
使用 jQuery 的 2048 网页游戏

使用 jQuery 的 2048 网页游戏

2048 是一款极其受欢迎且易于上手的游戏，风靡全球。如果你还没玩过，可以在手机上下载体验。本项目将指导你使用 HTML、CSS、JavaScript 和 jQuery 创建一个网页版的 2048 游戏。
JavaScript
使用 ChatGPT 构建 VSCode 扩展

使用 ChatGPT 构建 VSCode 扩展

在这个项目中，我们将创建一个 VSCode 扩展，它允许用户调整所选 Markdown 文本的标题级别。
JavaScript
别踩白块

别踩白块

本项目指导你创建一个名为“别踩白块”的简单但引人入胜的网页游戏。通过遵循这些步骤，你将学习如何结合 HTML、CSS 和 JavaScript 来构建一个交互式游戏，玩家必须避免踩到白色方块才能得分。该项目非常适合希望练习网页开发技能的初学者。
JavaScript
创建一个绘图板网页应用程序

创建一个绘图板网页应用程序

在这个项目中，我们将逐步创建一个简单的基于网页的绘图板应用程序。每一步都将建立在前一步的基础上，让你能够逐渐为应用程序添加功能。在这个项目结束时，你将拥有一个功能齐全的绘图板，用户可以在上面绘图、更改画笔颜色、调整画笔大小以及清除画布。
JavaScript
用 JavaScript 创建扫雷游戏

用 JavaScript 创建扫雷游戏

我相信大家以前都玩过经典的扫雷游戏。它规则简单却极易上瘾。你有没有想过自己开发一个呢？今天，我们将创建一个基于网页的扫雷版本。首先，让我们看看界面截图。
JavaScript
构建一款网页躲避方块游戏

构建一款网页躲避方块游戏

在这个项目中，我们将使用 HTML、CSS 和 JavaScript 构建一款有趣且简单的躲避方块游戏。这款游戏涉及移动方块，玩家必须点击黑色方块得分，并避免点击白色方块。让我们一步步开始构建吧！
JavaScript
创建一个任务定时器网络应用程序

创建一个任务定时器网络应用程序

在这个循序渐进的项目中，你将学习如何使用 HTML、CSS 和 JavaScript 创建一个任务定时器网络应用程序。这个网络应用程序将允许用户添加任务，为每个任务启动和停止定时器，以及删除任务。在这个项目结束时，你将拥有一个功能齐全、界面现代且用户友好的任务定时器网络应用程序。
JavaScript
  • 上一页
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 54
  • 下一页