HTML/CSS/JavaScript 前段开发目录 :
📚 HTML/CSS/JavaScript 教材目录
第一部分:HTML
| 章节 |
标题 |
核心内容 |
| 第1章 |
HTML/CSS 介绍 |
简介、背景、协作关系、学习建议、前端开发环境(浏览器、开发工具) |
| 第2章 |
HTML 介绍 |
标记语言定义、HTML发展历程、标记、语言特点、HTML5简介、结构、示例、调试 |
| 第3章 |
HTML 基本概念 |
元素(语法、常见元素)、属性(语法、常见属性)、样式(内联/内部/外部样式表)、注释、区块(div) |
| 第4章 |
HTML 常用控件 |
表单(简介、定义、属性、元素、样例)、媒体(Audio/Video)、表格(简介、属性) |
| 第5章 |
客户端存储 |
Cookie(属性、设置、操作、示例)、localStorage(概念、使用)、sessionStorage(概念、使用)、两者区别与联系 |
| 第6章 |
HTML 样例 |
网页前端简历、个人博客(代码、说明、界面) |
第二部分:CSS
| 章节 |
标题 |
核心内容 |
| 第7章 |
CSS 介绍与基本概念 |
CSS简介、语言特点、工作原理、技术应用、语法、选择器(ID/CLASS/伪类/属性)、字体、颜色、CSS3背景 |
| 第8章 |
CSS 盒子模型 |
盒子模型简介、边框(样式/宽度/颜色/单独设置/简写)、轮廓、Margin外边距、Padding填充 |
| 第9章 |
弹性盒布局 |
弹性盒简介、弹性容器、弹性元素、典型示例(导航、拆分导航、元素居中、绝对底部、媒体对象) |
| 第10章 |
CSS 定位 |
Position属性(static/fixed/relative/absolute/sticky)、Float属性、Align属性 |
| 第11章 |
CSS3 动画及响应式 |
CSS3动画、@keyframes规则、动画属性、动画实例、响应式简介、Viewpoint、网格视图 |
| 第12章 |
CSS 样例 |
时钟、图片网站(代码、说明、界面) |
第三部分:JavaScript
| 章节 |
标题 |
核心内容 |
| 第13章 |
JavaScript 介绍与基本概念 |
简介、特点与应用场景、变量(定义、数据类型、创建、作用域)、保留关键字、数据类型(字符串/数字/布尔/数组/对象/undefined/null/函数)、事件 |
| 第14章 |
JavaScript 常用功能 |
对象(创建方法/示例、日期对象、钟表示例)、数组(创建、索引与长度、添加删除、常用方法)、函数(语法、参数、返回值、样例)、Date对象、表单(提交/重置/字段/样例)、类库(常见类库、jQuery)、jQuery详解(选择器、事件、内容修改、遍历) |
| 第15章 |
JavaScript 常用对象类型 |
Window对象、Document对象、Navigator对象、Location对象、Screen对象、History对象 |
| 第16章 |
JavaScript 样例 |
俄罗斯方块、弹力球(代码、展示、分析) |
第四部分:综合案例
| 章节 |
标题 |
核心内容 |
| 第17章 |
简易计算器 |
界面、HTML/CSS/JS代码及说明 |
| 第18章 |
待办清单 Web App |
界面、HTML/CSS/JS代码及说明 |
| 第19章 |
Web 管理系统 |
界面、HTML/CSS/JS代码及说明 |
附录
| 附录 |
内容 |
| 附录A |
HTML 代码规范 |
| 附录B |
CSS 代码规范 |
| 附录C |
JavaScript 代码规范 |
| 参考文献 |
参考资料 |
![]()
这份目录涵盖了前端开发的完整知识体系:从 HTML 结构与控件 → CSS 样式与布局 → JavaScript 编程与交互 → 综合项目实战,结构非常完整。