# html

**Repository Path**: zptcsoft/html-lesson

## Basic Information

- **Project Name**: html
- **Description**: 前端开发课程代码托管。
- **Primary Language**: HTML
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-11
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 前端开发, 学习教程

## README

# 《前端开发》课程主页

## 课程简介

软件技术专业前端开发方向的入门课程，旨在为前端开发后续课程的学习奠定基础。

软件技术专业前端开发系列课程之一，界面设计->**前端开发**->交互开发->混合式APP开发->微信开发等。

课程内容上以HTML和CSS学习为主。

### 课程定位

> 软件技术专业三大方向-**前端开发**方向
>
> 前端开发方向课程体系-**铺垫一切**作用

#### 专业方向

**软件开发领域**包括**前端开发**、**后端开发**、**移动开发**、**数据库开发**等，软件技术专业重点选择**前端开发**(包括移动开发在内的多端开发)、**后端开发**两个方向。

- **前端开发**⭐️
  - 多端开发
    - PC开发
    - APP开发
    - 小程序开发
  - 全栈开发
- 后端开发
- 移动开发

> 参考[人才培养方案及课程体系图](https://www.processon.com/view/link/62198506e0b34d075bb467c8)。

#### 工作流程

我们依据前端开发工作流程来安排课程体系，依据这个体系来逐步学习前端开发。

1. **网页布局**⭐️
2. 动态交互
3. 组件化思想
4. 移动APP
5. 小程序
6. 主流框架
7. 全栈开发

> 具体流程参考下图所示。

![flow](docs/01.assets/flow.png)

![image-20200902182051670](docs/01.assets/image-20200902182051670.png)

### 课程体系

- 原型设计
- **前端开发**⭐️
- 交互开发
- 混合式APP开发
- 高级前端开发

我们可以看到**前端开发**在**前端开发课程体系**中起到**铺垫一切**的作用。

> 前端开发岗位需求与学习路径, https://www.processon.com/view/link/6211d5c37d9c0807ec9a2564
>
> 阿里前端知识图谱, https://f2e.tech/

## 课程内容

![](docs/01.assets/image-20210311212214076.png)

> 详细内容参考下图所示，https://www.processon.com/view/link/6211a7d6f346fb617423ca30

## 学习方法

多种资源，文字、视频、摸索、探究

多元学习，练习、思考、实践

![image-20200905100221554](docs/01.assets/image-20200905100221554.png)

## 课程资源

1. [HTML标准手册(中文翻译版)](https://whatwg-cn.github.io/html/multipage/)
2. [CSS参考手册](./tools/css-handbook/)
3. [课程网站（泛雅）](http://mooc1.chaoxing.com/course/206882045.html)
4. [课程讲义（码云）](https://gitee.com/zptcsoft/html)
5. [Codepen](https://codepen.io/)
6. [CssTricks](https://css-tricks.com/)

## 课程考核

![](docs/01.assets/kaohe.svg)

## 相关资源
1. [讲义](./docs/)
2. [实验](./experiment/)
3. 待更新……