# web-basics

**Repository Path**: geekforge-university/web-basics

## Basic Information

- **Project Name**: web-basics
- **Description**: 
教学实训（GeekForge University）
/
web-basics

- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-03-24
- **Last Updated**: 2026-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端开发实战项目：从零到一的蜕变

## 项目简介

本项目旨在通过一系列实战练习，帮助开发者巩固前端开发知识，提升综合开发能力。项目包含多个练习任务和一个综合项目，涵盖静态网页、动态网页、响应式设计以及用户管理系统的开发。

---

## 练习任务

### 练习 01：静态网页 - 个人简历网站

- **目标**：使用 HTML 和 CSS 创建一个静态的个人简历网站。
- **技术栈**：HTML、CSS
- **功能要求**：
  - 包含个人简介、教育背景、工作经历、技能展示等模块。
  - 使用 CSS 实现美观的布局和样式。

---

### 练习 02：动态网页 - 在线留言板

- **目标**：使用 HTML、CSS 和 JavaScript 实现一个简单的在线留言板。
- **技术栈**：HTML、CSS、JavaScript
- **功能要求**：
  - 用户可以输入姓名和留言内容。
  - 提交后，留言会动态显示在页面上。
  - 支持简单的输入验证（如非空检查）。

---

### 练习 03：响应式网页项目 - 在线商城首页

- **目标**：使用 HTML、CSS 和响应式设计技术创建一个在线商城的首页。
- **技术栈**：HTML、CSS、媒体查询（Media Queries）
- **功能要求**：
  - 页面布局适配不同设备（PC、平板、手机）。
  - 包含商品展示、导航栏、轮播图等模块。

---

## 综合项目：用户管理系统开发（UI 部分）

- **目标**：开发一个用户管理系统的前端界面。
- **技术栈**：HTML、CSS、JavaScript、React（可选）
- **功能要求**：
  - 用户列表展示（支持分页）。
  - 用户信息表单（支持新增、编辑、删除用户）。
  - 支持搜索和筛选功能。
  - 使用组件化开发（如 React 组件）。

---

## 技术栈

HTML：用于页面结构。

CSS：用于页面样式和布局。

JavaScript：用于实现动态交互。

React（可选）：用于组件化开发。