值不值得学：先搞清楚它解决什么场景
这套资料的核心主题是“用两周时间补齐前端开发基础”，主讲人从 Python 背景出发，把 HTML、表单、HTTP 请求串成一条线来讲。它解决的场景很具体：你已经在写后端脚本或做运维自动化，但遇到“改个页面报错”“表单提交后参数对不上”“想在本地起个静态页调试接口”时只能靠搜代码片段拼凑，没有系统概念。如果你正卡在“后端逻辑能跑、前端一碰就懵”这个阶段，这门的定位就是帮你把这块短板补上，而不是把你培养成独立前端工程师。对纯零基础转行者，它也能让你在投入大块时间学前端框架前，先搞懂浏览器到底怎么解析标签、表单数据怎么组装发送，避免直接上框架时连报错都看不懂。
适合什么基础、建议先看哪几块
它默认你已经有基本编程概念，比如知道变量、函数、脚本执行流程，最好写过几行 Python。完全没碰过代码的人看“HTTP 请求里怎么用 HTML”那节会略吃力，因为主讲会直接从后端视角讲前端结构怎么组织。建议先把“HTML 基本结构”和“head 部分”这两块过一遍，建立“一个页面由哪些层组成”的心智模型；接着重点看“标签分类、a、select、input 系列和 Form”这几块，这是后续做接口联调时反复用到的部分。主讲对 Form 和 input 系列讲得比较细，这块别快进，表单字段对不上是后端接数据时最常见的坑。
学完能独立做什么、资料怎么配合练习
学完之后，你应该能独立写出一个结构完整的静态页面，包含常用排版标签、超链接、下拉选择和表单；能说清楚一个 form 提交时，哪些字段会带上去、用 GET 还是 POST、数据放在哪一段。配合练习的建议是：每看完一个标签分类，就自己写一个最小 HTML 文件，用浏览器打开看渲染效果；讲到 Form 那节，自己搭一个包含文本框、下拉、多选的表单，提交到一个本地 Python 起的简单服务，用 print 把收到的参数打出来，对照前端发了什么、后端收到什么。这一步比单纯看视频重要，因为这门的价值不在记标签，而在让你把“页面结构—表单提交—后端接收”这条链路跑通。两周节奏不是硬性要求，如果你每天只有一小时，拆成三到四周把表单那部分吃透，比赶进度刷完更有用。
致力于打造高级的运维开发及系统架构师、CTO 精英人员。
课程目录
* 01 上节回顾.mp4 11:35
* 02 鸡汤.mp4 20:07
* 03 python.mp4 12:44
* 04 前端内容前瞻.mp4 09:29
* 05 本节可见介绍.mp4 04:25
* 06 Http请求中如何是用HTML.mp4 14:30
* 07 Html文件的基本结构.mp4 19:05
* 08 Html结构之head.mp4 25:43
* 09 Html结构之head2.mp4 06:34
* 10 Html标签之标签分类、符号、p已经br标签.mp4 23:09
* 11 Html标签之a标签.mp4 11:47
* 12 Html标签之select标签.mp4 17:45
* 13 Html标签之input系列和Form标签.mp4 27:39
* 14 Html标签之label和列表标签.mp4 09:45
* 15 Html标签之tabel标签.mp4 09:24
* 16 Html标签梳理和实例.mp4 47:22
* 17 作业一.mp4 02:34
* 18 CSS样式存在位置.mp4 11:14
* 19 CSS之基本选择器.mp4 07:28
* 20 CSS之其他选择器.mp4 08:28
* 21 CSS之backgroud属性.mp4 18:32
* 22 CSS之border属性.mp4 03:28
* 23 CSS之display属性.mp4 03:17
* 24 CSS之cursor属性.mp4 04:25
* 25 CSS之float属性.mp4 04:53
* 26 CSS之float属性2.mp4 05:46
* 27 CSS之position属性.mp4 15:01
* 28 CSS之透明度和层级.mp4 11:27
* 29 CSS之padding和margin属性.mp4 11:21
* 30 作业二.mp4 05:30
* 31 前端内容概要.mp4 02:00
* 32 今日内容介绍.mp4 04:30
* 33 JavaScript代码存在形式以及存放位置.mp4 15:48
* 34 JavaScript声明变量.mp4 03:47
* 35 JavaScript数据类型之数字.mp4 12:14
* 36 JavaScript数据类型之字符串.mp4 06:17
* 37 JavaScript数据类型之数组和字典.mp4 10:33
* 38 JavaScript序列化和反序列化.mp4 02:22
* 39 JavaScript两种For循环.mp4 11:31
* 40 JavaScript条件语句和异常处理.mp4 06:58
* 41 JavaScript函数.mp4 08:10
* 42 JavaScript面向对象.mp4 04:24
* 43 今日作业.mp4 09:46
* 44 Dom编程之选择器..mp4 21:40
* 45 Dom编程之自增数字实例.mp4 10:11
* 46 Dom编程之操作文本内容.mp4 12:25
* 47 Dom编程之事件和搜索框实例.mp4 10:48
* 48 Dom编程之创建标签.mp4 19:09
* 49 Dom编程之操作标签属性.mp4 15:40
* 50 Dom编程之提交表单.mp4 07:02
* 51 Dom编程之组织表单默认行为.mp4 05:20
* 52 Dom编程之定时器和跑马灯实例.mp4 20:21
* 53 jQuery简介.mp4 11:33
* 54 jQuery之基本选择器.mp4 17:14
* 55 jQuery之选择器和筛选器.mp4 31:20
* 56 jQuery之左侧菜单实例.mp4 18:35
* 57 今日作业.mp4 16:10
* 58 鸡汤之泰国归来和600w哥.mp4 19:39
* 59 课前小实例：Tab菜单.mp4 31:38
* 60 课前小实例：Tab菜单2.mp4 10:24
* 61 jQuery之属性操作.mp4 15:38
* 62 jQuery实例：全选反选取消.mp4 15:10
* 63 jQuery之For循环.mp4 05:27
* 64 jQuery之内容操作.mp4 05:29
* 65 jQuery实例：返回顶部.mp4 16:31
* 66 jQuery实例：返回顶部2.mp4 07:36
* 67 jQuery之位置操作和滚动菜单实例.mp4 45:49
* 68 jQuery实例：滚动菜单.mp4 13:07
* 69 jQuery之文本操作.mp4 11:29
* 70 jQuery之事件.mp4 30:50
* 71 jQuery实例：拖动面板.mp4 24:10
* 72 jQuery之本域Ajax请求.mp4 24:10
* 73 jQuery之跨域Ajax请求和电视节目实例.mp4 25:19
* 74 jQuery之Ajax请求总结.mp4 04:21
* 75 jQuery之扩展方法.mp4 16:15
* 76 本节作业.mp4 09:29
* 77 Alex鸡汤预测.mp4 04:20
* 78 今日内容介绍.mp4 04:14
* 79 编辑行实例之功能分析.mp4 20:58
* 80 编辑行实例之数据行进入编辑模式分析.mp4 14:35
* 81 编辑行实例之数据行进入编辑模式代码剖析.mp4 13:03
* 82 编辑行实例之数据行退出编辑模式.mp4 01:17
* 83 编辑行实例之单行事件绑定.mp4 03:00
* 84 编辑行实例之批量修改内容.mp4 09:24
* 85 jQuery插件之验证、图片轮播和图标.mp4 21:16
* 86 jQuery插件之jQueryUI和EasyUI.mp4 07:36
* 87 BootStrap介绍（一）.mp4 18:47
* 88 CSS内容补充之伪类.mp4 17:40
* 89 伪类实例：返回顶部**版.mp4 05:46
* 90 BootStrap介绍（二）.mp4 37:10
* 91 CSS内容补充之无法被覆盖.mp4 03:42
* 92 前端内容总结和安排.mp4 01:51
