前端学习项目

1

HTML & CSS 基础

学习网页开发的基础知识，掌握HTML结构和CSS样式设计。从基本标签到复杂布局，循序渐进地建立前端基础。

1

HTML 基础结构

学习HTML文档结构、基本标签和语法规则

2

语义化 HTML

掌握语义化标签的使用，提升代码可读性

3

常用 HTML 元素

学习表单、列表、表格等常用HTML元素

4

CSS 选择器与布局

掌握CSS选择器和现代布局技术

2

交互式命令行学习

通过交互式终端模拟器学习命令行操作。支持Mac/Linux和Windows双系统，提供实时反馈和进度跟踪。

✓

真实终端模拟

✓

双系统支持

✓

实时反馈

✓

进度跟踪

✓

步骤引导

✓

命令历史

$ 交互式命令行学习体验

• 基础命令：pwd, ls, whoami, date 等基础操作
• 文件操作：创建、复制、移动、删除文件和目录
• 目录导航：路径操作、目录切换和文件查找
• 高级操作：进程管理、权限控制、网络操作

开始命令行学习

真实终端模拟 • 双系统支持 • 实时反馈 • 进度跟踪

立即开始

3

交互式Git学习

通过模拟真实Git环境学习版本控制系统。从基础命令到高级技巧，掌握代码管理和团队协作的核心技能。

✓

完整Git模拟

✓

可视化反馈

✓

分支管理

✓

安全环境

✓

智能提示

✓

进度跟踪

$ 交互式Git学习体验

• Git基础：init, status, add, commit 等核心操作
• 仓库管理：remote, clone, push, pull 远程协作
• 分支操作：branch, checkout, merge 分支管理
• 协作开发：stash, revert, cherry-pick 团队协作
• 高级技巧：rebase, submodule, reflog 进阶功能

开始Git学习

完整Git模拟 • 可视化反馈 • 安全环境 • 四大课程模块

立即开始

4

TailwindCSS 现代化框架

学习现代化的CSS框架TailwindCSS，掌握工具类优先的设计思想。从基础概念到组件构建，快速提升前端开发效率。

1

基础概念

TailwindCSS介绍、安装配置和核心理念

2

工具类练习

布局、样式、间距等各种工具类的使用

3

响应式设计

断点系统和移动优先的设计方法

4

组件构建

从基础到复杂组件的实战练习

✓

工具类优先

✓

响应式设计

✓

实时预览

✓

组件构建

✓

最佳实践

✓

现代化UI

$ TailwindCSS 学习体验

• 基础概念：工具类优先、配置系统、设计理念
• 工具类练习：布局、样式、间距、颜色系统
• 响应式设计：断点系统、移动优先、适配策略
• 组件构建：按钮、卡片、表单、导航等实战练习

开始TailwindCSS学习

现代化框架 • 工具类优先 • 响应式设计 • 组件构建实战

立即开始

5

独立开发技术栈学习

掌握独立开发必备的技术栈选择、成本控制和部署实践。从技术选型到云平台对比，助你构建高效的开发工作流。

✓

技术栈配置器

✓

成本计算工具

✓

云平台对比

✓

部署实践

✓

智能推荐

✓

最佳实践

开始技术栈学习

技术选型 • 成本控制 • 云平台对比 • 部署实践

立即开始

6

Mac/Linux网络命令学习笔记

完整的Mac和Linux网络命令学习笔记。涵盖网络诊断、故障排查、实用技巧的完整指南，无需交互即可掌握所有实用命令。

✓

完整命令手册

✓

故障排查流程

✓

实用技巧分享

✓

平台差异对比

✓

快捷键配置

✓

系统化学习

$ 网络命令学习笔记内容

• 查看网络信息：16个常用命令详解
• 连通性测试：ping, traceroute, nc 实用案例
• 网络诊断：netstat, DNS, Wi-Fi 故障排查
• 高级技巧：别名配置、平台差异、最佳实践

查看网络命令学习笔记

完整手册 • 故障排查 • 实用技能 • 系统化学习

立即查看