Web前期

Web 开发入门阶段的学习笔记与实践代码，涵盖 Python 网络编程 和 Web 前端基础 两大模块。

学习路线

时间	内容	知识点
7月17日	操作系统 & 进程	OS 概念、multiprocessing 多进程编程
7月25日	线程	threading 多线程、互斥锁、线程与进程对比
7月27日	TCP 网络编程	socket TCP 客户端与服务端
7月28日	多任务 TCP	多线程 TCP 服务端
7月29日	HTTP 静态服务器	返回固定/指定页面数据、404 处理
7月31日	多任务 HTTP 服务器	多线程 HTTP 静态服务器
8月2日	HTML 基础	标签、列表、表格、表单
8月3日	CSS 选择器	类名、ID、组、层级、伪类选择器
8月4日	CSS 盒模型	边框、内外边距、圆角、动画效果
8月6日	JavaScript 入门	三种引入方式、对象、DOM 基础
8月8日	Bootstrap + jQuery 实战	登录界面、字符串反转工具
8月10日	jQuery 深入	选择器、属性操作、数组、循环、定时器

技术栈

后端（Python）

• Python 3.10
• socket — TCP 网络编程
• threading — 多线程并发
• multiprocessing — 多进程并发

前端

• HTML5
• CSS3
• JavaScript（原生）
• jQuery 1.12.4
• Bootstrap 3.x

项目结构

Web前期/
├── Juy 17/              # 操作系统概念 + 进程
├── July 25/             # 线程、互斥锁
├── July 27/             # TCP 客户端与服务端
├── July 28/             # 多任务 TCP 服务端
├── July 29/             # HTTP 静态服务器
├── July 31/             # 多任务 HTTP 静态服务器
├── August 2/            # HTML 基础标签
├── August 3/            # CSS 选择器
├── August 4/            # CSS 盒模型与动画
├── August 6/            # JavaScript 入门
├── August 8/            # Bootstrap 登录界面 & jQuery 字符串反转
│   ├── 登录界面/
│   └── 字符串反转/
├── Augest 10/           # jQuery 深入
├── 11.html              # 个人信息登记表单练习
├── test1.py             # TCP 服务端练习
└── text2.py             # TCP 服务端练习

运行方式

Python 脚本

# 激活虚拟环境
venv\Scripts\activate

# 运行示例（以 TCP 服务端为例）
python "July 27/开发Tcp服务端程序.py"

# 先启动服务端，再运行客户端
python "July 27/创建Tcp客户端程序.py"

HTML 页面

直接用浏览器打开对应的 .html 文件即可，无需启动服务器。

说明

本项目是个人学习记录，从后端网络编程起步，逐步过渡到前端页面开发，按日期顺序体现了学习路径的演进。