HTML+CSS+JavaScript 基础与提升课程导读
对于准备从事前端开发的技术学习者来说，HTML、CSS 和 JavaScript 是构建网页的三大核心技术。这门课程围绕这三个主题展开，旨在帮助学习者掌握前端开发的基础知识，并通过系统训练提升实际编码能力。如果你对网页结构、样式布局和交互逻辑还不熟悉，或者希望巩固已有知识，这门课将为你提供清晰的进阶路径。
课程解决什么问题
这门课聚焦于 HTML、CSS 和 JavaScript 的基础语法与实际应用，解决学习者在构建网页时遇到的常见问题。例如，如何正确使用 HTML 标签组织页面结构？如何通过 CSS 控制网页样式并实现响应式布局？如何用 JavaScript 实现动态交互效果？课程内容覆盖了从基础概念到实际项目应用的多个阶段，帮助学习者建立起完整的前端开发思维。
适合什么基础
课程适合零基础或初级水平的学习者，尤其是那些希望从零开始掌握前端开发的人员。如果你对网页开发的基本概念有所了解，但缺乏系统训练，或者已经掌握 HTML 基础却对 JavaScript 和 CSS 布局感到困惑，那么这门课正是你需要的。课程内容由浅入深，逐步引导你理解前端开发的核心逻辑，不会因为起点不同而造成理解障碍。
建议学习者在开始课程前，先了解网页的基本组成和工作原理。可以先观看“网站介绍”“域名知识”和“云服务器知识”等章节，这些内容虽然不直接涉及编程，但有助于建立对前端开发环境的整体认知。HTML 部分将详细介绍标签的使用和页面结构的搭建，CSS 部分会涵盖样式定义、布局方式以及响应式设计，JavaScript 则从基本语法入手，逐步引入事件处理、DOM 操作和函数编写等核心技能。
学完能独立做什么
学完这门课程后，你将能够独立编写 HTML 页面，使用 CSS 实现基本的样式和布局设计，并通过 JavaScript 添加动态交互功能。你可以完成一个简单的个人博客页面，实现图片展示、链接跳转、表单提交等基础功能。同时，你还将具备使用常见开发工具进行代码调试和版本管理的能力，为进一步学习框架和构建复杂项目打下坚实基础。
为了更好地巩固所学知识，建议配合课程提供的资料包进行练习。资料包中包含了 HTML 标签、CSS 布局方法、JavaScript 常用函数等知识点的示例代码和练习题。你可以根据自己的学习进度，选择性地完成相关练习，比如尝试用 HTML 和 CSS 构建一个响应式导航栏，或者用 JavaScript 实现一个简单的计时器功能。这些练习将帮助你将理论知识转化为实际操作能力，提升代码编写效率和问题解决能力。
课程目录
1-1 [WEB前端开发工程师 -网站基础] 网站介绍 (15:09) 1-2 [WEB前端开发工程师 -网站基础] 域名知识 (11:28) 1-3 [WEB前端开发工程师 -网站基础] 云服务器知识 (09:44) 2-1 [WEB前端开发工程师-HTML超文本标记语言] HTML概述 (23:14) 2-2 [WEB前端开发工程师-HTML超文本标记语言] HTMl列表 (19:06) 2-3 [WEB前端开发工程师-HTML超文本标记语言] HTML 超链接 (22:05) 2-4 [WEB前端开发工程师-HTML超文本标记语言] HTML 路径 (21:13) 2-5 [WEB前端开发工程师-HTML超文本标记语言] HTMl页面标签 (18:06) 2-6 [WEB前端开发工程师-HTML超文本标记语言] HTML图片标签 (24:59) 2-7 [WEB前端开发工程师-HTML超文本标记语言] HTML表格标签 (30:19) 2-8 [WEB前端开发工程师-HTML超文本标记语言] HTML表单 (24:39) 2-9 [WEB前端开发工程师-HTML超文本标记语言] HTML表单-2 (13:19) 2-10 [WEB前端开发工程师-HTML超文本标记语言] HTML框架集 (18:27) 2-11 [WEB前端开发工程师-HTML超文本标记语言] HTML动态标记 (17:39) 2-12 [WEB前端开发工程师-HTML超文本标记语言] HTML项目笔记 (19:30) 3-1 [WEB前端开发工程师-CSS层叠样式表] CSS概述 (15:03) 3-2 [WEB前端开发工程师-CSS层叠样式表] CSS选择器 (16:27) 3-3 [WEB前端开发工程师-CSS层叠样式表] CSS颜色属性 (16:20) 3-4 [WEB前端开发工程师-CSS层叠样式表] CSS字体属性 (12:26) 3-5 [WEB前端开发工程师-CSS层叠样式表] CSS文本属性 (22:21) 3-6 [WEB前端开发工程师-CSS层叠样式表] CSS背景属性 (18:09) 3-7 [WEB前端开发工程师-CSS层叠样式表] CSS边框属性 (16:03) 3-8 [WEB前端开发工程师-CSS层叠样式表] CSS定位属性 (20:47) 3-9 [WEB前端开发工程师-CSS层叠样式表] CSS浮动属性 (13:14) 3-10 [WEB前端开发工程师-CSS层叠样式表] CSS盒子模型 (19:18) 3-11 [WEB前端开发工程师-CSS层叠样式表] CSS伪类 (17:44) 3-12 [WEB前端开发工程师-CSS层叠样式表] CSS属性转换和元素溢出 (13:58) 4-1 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目-IE兼容工具和高效开发工具 (22:39) 4-2 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目-网站区域划分和布局效果 (20:45) 4-3 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目开发网站导航和滚动条制作 (34:36) 4-4 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目开发网站导航和滚动条制作-2 (31:14) 4-5 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目开发搜索框 (24:12) 4-6 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目开发左侧边栏 (25:30) 4-7 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目开发轮播图和右侧边栏 (30:47) 4-8 [WEB前端开发工程师-HTML+CSS项目开发] HTML+CSS项目页面兼容性 (32:50) 5-1 [WEB前端开发工程师-高级程序设计] JavaScript概述 (20:55) 5-2 [WEB前端开发工程师-高级程序设计] JavaScript变量 (14:54) 5-3 [WEB前端开发工程师-高级程序设计] JavaScript数据类型 (25:35) 5-4 [WEB前端开发工程师-高级程序设计] JavaScript隐式转换 (22:50) 5-5 [WEB前端开发工程师-高级程序设计] JavaScript强制转换 (27:35) 5-6 [WEB前端开发工程师-高级程序设计] JavaScript运算符 (20:39) 5-7 [WEB前端开发工程师-高级程序设计] JavaScript运算符-2 (17:59) 5-8 [WEB前端开发工程师-高级程序设计] JavaScript流程控制 (24:59) 5-9 [WEB前端开发工程师-高级程序设计] JavaScript函数 (14:49) 5-10 [WEB前端开发工程师-高级程序设计] JavaScript对象 (18:11) 5-11 [WEB前端开发工程师-高级程序设计] JavaScript数组 (17:53) 5-12 [WEB前端开发工程师-高级程序设计] JavaScript时间日期 (17:38) 5-13 [WEB前端开发工程师-高级程序设计] JavaScript正则表达式 (26:58) 5-14 [WEB前端开发工程师-高级程序设计] JavaScript 对象中的方法 (27:35) 5-15 [WEB前端开发工程师-高级程序设计] JavaScript BOM (19:06) 5-16 [WEB前端开发工程师-高级程序设计] JavaScript BOM-2 (19:39) 5-17 [WEB前端开发工程师-高级程序设计] JavaScript DOM (16:28) 5-18 [WEB前端开发工程师-高级程序设计] JavaScript DOM节点操作 (22:03) 5-19 [WEB前端开发工程师-高级程序设计] JavaScript 事件操作 (29:24) 5-20 [WEB前端开发工程师-高级程序设计] JavaScript 样式和尺寸操作 (10:39) 6-1 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-页面开发 (17:14) 6-2 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-开始游戏 (10:06) 6-3 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-游戏页面制作 (11:40) 6-4 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-游戏主图移动 (21:25) 6-5 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-敌机移动 (25:44) 6-6 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-子弹发射 (14:23) 6-7 [WEB前端开发工程师-高级程序设计项目开发] javascript游戏开发-击落敌机 (14:23)
