这门课解决什么工作场景

很多做后端开发的人,写到接口逻辑时得心应手,但一遇到写页面、调表单、对样式,就会卡壳。这门课针对的就是这个断层。它不是教你从零画复杂页面,而是让你理解浏览器和服务器之间到底怎么通信,表单数据怎么传到后端,页面元素怎么按规则渲染。日常工作中,遇到写个数据提交页、改个展示样式、调个交互逻辑,你不用再等前端排期,自己就能把功能闭环跑通。

适合什么基础与建议先看的模块

这套资料适合已经懂一点 Python、但前端基础薄弱的转行者或上班族。如果你连变量和函数都没概念,建议先补基础再看。拿到资料后,不要顺着目录硬啃,建议先看 HTTP 协议那几讲,搞懂请求和响应的机制,这是后面所有前后端交互的地基。接着直接看 HTML 结构和表单标签,特别是表单与后端交互那部分,这是全栈开发里最常用的场景。CSS 部分挑引入方式和核心选择器看懂即可,不用死记所有样式属性。

学完能独立做什么与资料怎么配合练习

学完后,你能独立写出一个结构完整的静态页面,配上表单实现数据提交,并用基础 CSS 做出能看的布局。遇到简单的内部工具页面或后台管理模板,能自己动手改代码,不用对着别人的前端框架发呆。练习时,建议把视频和代码编辑器分屏开着。每看完一个标签或样式的讲解,立刻自己敲一遍,改改参数看页面变化。表单交互那几讲务必跟着写一遍完整流程,自己搭个简单的接收端,把数据从页面传到后端跑通,这比单纯看十遍视频都有用。前端的东西只有敲过才会,光看不动手,看完就忘。


学习HTML/CSS/JS的全部学习内容

课程目录

*   01 模块七:HTML/CSS/JS【python全栈微职位】 /

  *   01 htpp协议.mp4 48:26

  *   02 htpp协议之请求协议.mp4 55:31

  *   03 htpp协议之响应协议.mp4 38:46

  *   04 初识html.mp4 23:17

  *   05 html结构.mp4 38:00

  *   06 head标签.mp4 40:22

  *   07 html基本标签.mp4 30:25

  *   08 img标签和a标签.mp4 28:18

  *   09 列表标签和表格标签.mp4 25:35

  *   10 form表单之input标签.mp4 34:30

  *   11 form表单与django交互.mp4 17:06

  *   12 orm表单之select标签.mp4 28:24

  *   13 css的四中引入方式.mp4 17:17

  *   14 css的组合选择器.mp4 45:14

  *   15 css继承与优先级.mp4 45:39

  *   16 文本属性.mp4 30:26

  *   17 背景属性.mp4 38:58

  *   18 列表 边框以及display属性.mp4 43:49

  *   19 第二次月考题讲解.mp4 01:09:27

  *   20 第二次月考题讲解2.mp4 17:28

  *   21 伪类以及行高.mp4 59:57

  *   22 内外边距.mp4 28:55

  *   23 float属性.mp4 27:26

  *   24 清除浮动.mp4 21:37

  *   25 定位属性.mp4 24:05

  *   26 抽屉的head区域.mp4 01:00:57

  *   27 javascript历史.mp4 20:21

  *   28 javascript的基础规范.mp4 23:26

  *   29 js基础语法.mp4 33:21

  *   30 js的数据运算符号.mp4 17:29

  *   31 逻辑运算符与比较运算符.mp4 28:51

  *   32 流程控制语句.mp4 46:38

  *   33 内容回顾.mp4 11:15

  *   34 字符串对象.mp4 30:41

  *   35 数组对象.mp4 54:21

  *   36 日期对象和Math对象.mp4 34:29

  *   37 函数对象.mp4 40:36

  *   38 知识回顾.mp4 09:36

  *   39 window对象的定时器方法.mp4 51:39

  *   40 输入框显示时间案例.mp4 26:25

  *   41 查找节点方法.mp4 19:50

  *   42 导航属性以及左侧菜单案例.mp4 40:30

  *   43 节点的增删改查.mp4 22:41

  *   44 节点属性操作.mp4 12:25

  *   45 解决bug.mp4 01:14:36

  *   46 跑马灯案例.mp4 20:38

  *   47 上节知识回顾.mp4 20:59

  *   48 onfocus与onblur事件.mp4 16:15

  *   49 绑定事件的两种方式.mp4 20:50

  *   50 onchange事件与二级联动示例.mp4 40:08

  *   51 onload事件.mp4 12:30

  *   52 onsubmit事件.mp4 17:02

  *   53 事件传播.mp4 13:40

  *   54 onkeydown事件.mp4 19:26

  *   55 onmouseleave与mouseou.mp4 38:14

  *   56 作用域与词法分析.mp4 40:48

  *   57 table案例.mp4 22:57

  *   58 select移动案例.mp4 43:39

  *   59 Dom知识回顾.mp4 44:39

  *   60 回顾作用链.mp4 20:04

  *   61 jquery对象.mp4 18:14

  *   62 jquery的基本选择器和组合选择器.mp4 11:28

  *   63 基本筛选器.mp4 22:39

  *   64 查找筛选器.mp4 27:58

  *   65 jquery实现左侧菜单示例.mp4 15:22

  *   66 jquery支持的链式操作.mp4 05:25

  *   67 属性操作之prop与attr.mp4 12:21

  *   68 属性操作之html text val方法.mp4 18:56

  *   69 tab切换示例.mp4 37:22

  *   70 jquery的each循环方式.mp4 12:59

  *   71 jquery实现的table正反选示例.mp4 17:25

  *   72 动态效果以及回调函数.mp4 37:47

  *   73 jquery的节点对象操作.mp4 42:31

  *   74 轮播图作业要求.mp4 04:31

  *   75 jquery知识回顾.mp4 23:49

  *   76 jquery知识回顾2.mp4 31:39

  *   77 css偏移方法.mp4 24:42

  *   78 css的元素height和width.mp4 15:09

  *   79 scrollTop事件.mp4 19:35

  *   80 jquery事件绑定与on方法.mp4 22:32

  *   81 jquery的插件机制.mp4 18:41

  *   82 注册示例.mp4 34:51

  *   83 轮播图之html与css.mp4 18:41

  *   84 轮播图之JS部分.mp4 45:31

*   02 作业/

  *   01 HTML/CSS/JS第一次作业【python全栈微职位】

  *   02 HTML/CSS/JS第二次作业【python全栈微职位】

  *   03 jQuery第一次作业【python全栈微职位】

  *   04 jQuery 第二次作业【python全栈微职位】