这门课解决什么工作场景

这套课程属于“Python多领域工程师”体系中的网页前端基础阶段，核心解决的是后端或Python开发者“懂逻辑但画不出页面”的痛点。很多转行者在学习Python时，容易陷入只会写脚本、做数据分析的局限，缺乏交互界面的呈现能力。本阶段重点补全这块短板：通过ES6规范让你理解现代JavaScript的编程思维，通过Bootstrap让你掌握快速构建企业级后台管理界面的工具，最终通过一个在线问答系统的实战，打通从静态页面到动态交互的完整流程。如果你希望具备独立开发简单Web应用前段的能力，或者需要在工作中与前端团队对接，这部分内容是必要的基石。

适合什么基础及学习建议

课程对零基础友好，但前提是必须拥有基本的Python语法概念（如变量、函数、列表等）。若你完全没有编程经验，建议先回顾Python基础语法再切入本章。

学习顺序建议如下：

  • 优先攻克ES6模块。重点看“函数与箭头函数”、“模块化”和“对象编程”三节。这是现代前端开发的语法基础，理解不了这些，后续框架学习会非常吃力。
  • 掌握Bootstrap入门。无需深究每个类名，重点理解栅格系统和常用组件（如按钮、表单）的用法，目标是能拼凑出标准布局。
  • 最后进行实战。在“开发在线问答系统”环节，重点关注“登录注册页”功能的实现逻辑，观察如何将HTML结构与Bootstrap样式结合，以及如何处理前端交互。

学完能做什么与资料配合

完成本阶段学习后，你应当能够独立编写符合ES6规范的JavaScript代码，使用Bootstrap快速搭建响应式的Web页面，并具备开发简单单页应用（如问答系统、博客首页）前段的能力。你将不再惧怕前端代码，能够理解前端同事的代码结构。

资料配合方面，课程配套了大量的PDF作业题和选择题。这些练习题不是走形式，而是检验知识点掌握程度的关键。每学完一个视频小节，务必立即做对应的PDF测试题，特别是ES6语法细节部分，错题要回看视频重理解。对于实战部分，不要只看视频演示，要尝试自己在本地环境复现“登录注册”页面的代码，将视频中的代码逻辑拆解后再组合，才能真正内化为自己的技能。切忌只看不练，否则即便看完整个章节，面对空白编辑器依然无从下手。

课程目录

📁 03.阶段三：夯实Python基础编程能力--网页前端基础 📁 第23周 企业级开发语言ES6与前端开发框架Bootstrap 📁 01-ES6标准入门和Flex布局 7-4 作业题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [213.4 KB] 2-13 选择题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [141.0 KB] 5-2模块化-代码演示.mp4
 [31.7 MB] 2-8ES6解构赋值.mp4
 [26.5 MB] 3-2 选择题-慕课网体系课.pdf
 [137.8 KB] 1-1ES6课程介绍.mp4
 [13.1 MB] 2-3 选择题-慕课网体系课.pdf
 [134.6 KB] 2-

14 作业题-慕课网体系课.pdf
 [185.8 KB] 3-1函数与箭头函数.mp4
 [29.3 MB] 2-

11 选择题-慕课网体系课.pdf
 [139.8 KB] 4-1JS中的面向对象编程.mp4
 [34.3 MB] 2-

12 选择题-慕课网体系课.pdf
 [144.3 KB] 2-2ES6常量与变量.mp4
 [27.8 MB] 4-2 选择题-慕课网体系课.pdf
 [133.3 KB] 6-1ES6编程注意事项.mp4
 [30.4 MB] 4-3 选择题-慕课网体系课.pdf
 [144.6 KB] 4-4ES6中的继承.mp4
 [45.7 MB] 2-4 选择题-慕课网体系课.pdf
 [130.6 KB] 2-7 作业题-慕课网体系课.pdf
 [202.0 KB] 3-3 选择题-慕课网体系课.pdf
 [137.8 KB] 2-6 选择题-慕课网体系课.pdf
 [139.4 KB] 2-5 选择题-慕课网体系课.pdf
 [153.4 KB] 7-5 图文节-慕课网体系课.pdf
 [220.4 KB] 2-

10 选择题-慕课网体系课.pdf
 [133.6 KB] 7-1Flex布局-容器属性.mp4
 [30.3 MB] 5-1模块化-基础知识.mp4
 [18.4 MB] 7-3Flex布局-元素项的属性.mp4
 [10.8 MB] 7-2 选择题-慕课网体系课.pdf
 [134.1 KB] 2-9 选择题-慕课网体系课.pdf
 [140.3 KB] 2-1ES6与JavaScript的关系.mp4
 [5.2 MB] 📁 02-入门前端框架Bootstrap 3-1前端基础入门课程总结【公众号：CunWorkNotes】.mp4
 [15.1 MB] 3-2 作业题-慕课网体系课.pdf
 [353.3 KB] 1-1Bootstrap框架介绍.mp4
 [15.7 MB] 2-1Bootstrap框架入门.mp4
 [68.7 MB] 📁 03-前端实战：开发在线问答系统各个功能模块 2-5登录注册页.mp4
 [80.0 MB] 慕课网.pdf
 [170.7 KB] 2-6写文章页面.mp4
 [62.8 MB] 2-4完成首页内容.mp4
 [96.4 MB] 3-2 作业题-慕课网体系课.pdf
 [219.5 KB] 2-2问题列表及列表项开发.mp4
 [94.1 MB] 3-1课程总结.mp4
 [11.7 MB] 2-3问题底部菜单开发.mp4
 [110.4 MB] 1-1首页整体布局.mp4
 [88.0 MB] 2-1右侧菜单栏的开发.mp4
 [40.2 MB] 入门前端框架Bootstrap-慕课网体系课.pdf
 [664.5 KB] 前端实战：开发在线问答系统各个功能模块-慕课网体系课.pdf
 [700.1 KB] ES6标准入门和Flex布局-慕课网体系课.pdf
 [835.2 KB] 📁 第13周 开发必备前端基础之JavaScript与jQuery 📁 04-入门jQuery编程 4-1jQuery入门课程总结【公众号：CunWorkNotes】.mp4
 [15.0 MB] 1-1jQuery介绍【公众号：CunWorkNotes】.mp4
 [26.0 MB] 2-4 选择题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [168.1 KB] 2-1jQuery操作DOM对象【公众号：CunWorkNotes】.mp4
 [35.8 MB] 2-2jQuery选择器.mp4
 [56.3 MB] 3-1jQuery中的事件（上）.mp4
 [32.9 MB] 2-7jQuery遍历.mp4
 [35.9 MB] 2-8jQuery修改DOM对象.mp4
 [54.2 MB] 2-3 选择题-慕课网体系课.pdf
 [214.2 KB] 2-5 选择题-慕课网体系课.pdf
 [148.8 KB] 3-2jQuery中的事件（下）.mp4
 [52.4 MB] 4-2 图文节-慕课网体系课.pdf
 [169.2 KB] 2-6jQuery属性值的获取.mp4
 [53.9 MB] 📁 03-前端油画商城案例 3-1banner区制作.mp4
 [31.0 MB] 4-2案例总结【公众号：CunWorkNotes】.mp4
 [16.6 MB] 4-3 作业题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [207.9 KB] 1-2准备工作.mp4
 [9.4 MB] 2-1logo和menu区域设计-1.mp4
 [21.7 MB] 3-6模块2正文区小结.mp4
 [14.1 MB] 2-3logo和menu区域设计-3.mp4
 [16.9 MB] (13.3.1)油画商城前端展示.pdf
 [1.2 MB] 2-2logo和menu区域设计-2.mp4
 [38.7 MB] 1-1概述.mp4
 [25.2 MB] 3-2商品展示-1.mp4
 [51.1 MB] 4-1页脚区.mp4
 [13.9 MB] 3-5商品展示-4.mp4
 [31.5 MB] 2-4logo和menu区域设计-4.mp4
 [14.2 MB] 3-3商品展示-2.mp4
 [30.2 MB] 2-5本章小结.mp4
 [14.7 MB] 3-4商品展示-3.mp4
 [52.5 MB] 📁 02-案例：仿计算器 3-5计算器细节完善【公众号：CunWorkNotes】.mp4
 [22.9 MB] 2-2计算器输入框.mp4
 [20.1 MB] 3-3回退键的实现.mp4
 [13.9 MB] 1-2课程前置知识.mp4
 [14.9 MB] 2-4计算器0-9数字显示代码优化（上）.mp4
 [15.8 MB] 2-1计算器面板的实现.mp4
 [18.8 MB] 1-1案例简介及代码结构搭建.mp4
 [21.0 MB] 2-7非数字按钮的显示.mp4
 [12.8 MB] 2-3计算器0-9数字的显示.mp4
 [13.6 MB] 3-4清屏和正负号功能的实现.mp4
 [10.8 MB] 3-2小数点功能的实现.mp4
 [17.1 MB] 2-6计算器0-9数字显示代码优化（下）.mp4
 [20.2 MB] 2-5计算器0-9数字显示代码优化（中）.mp4
 [14.0 MB] 3-1四则运算的实现.mp4
 [28.7 MB] 📁 01-JavaScript入门 5-1程序控制语句【公众号：CunWorkNotes】.mp4
 [4.0 MB] 4-5 编程练习-慕课网体系课【公众号：CunWorkNotes】.pdf
 [160.9 KB] 6-11 编程练习-慕课网体系课【公众号：CunWorkNotes】.pdf
 [164.9 KB] 6-1字符函数（上）【公众号：CunWorkNotes】.mp4
 [17.5 MB] 3-2 选择题-慕课网体系课.pdf
 [161.8 KB] 4-3运算符.mp4
 [18.7 MB] 2-2第一个js程序.mp4
 [19.0 MB] 8-1JS对表单元素进行设置1.mp4
 [21.0 MB] 3-5其他数据类型转换.mp4
 [16.1 MB] 8-5JS对表单元素进行设置5.mp4
 [13.6 MB] 9-2 作业题-慕课网体系课.pdf
 [200.9 KB] (13.1.2)JavaScript入门.pdf
 [815.9 KB] 9-3 作业题-慕课网体系课.pdf
 [286.6 KB] 5-5 编程练习-慕课网体系课.pdf
 [220.4 KB] 5-2多条件控制语句.mp4
 [11.0 MB] 3-3数据类型及转换.mp4
 [23.8 MB] 3-4 选择题-慕课网体系课.pdf
 [171.6 KB] 6-2 选择题-慕课网体系课.pdf
 [163.1 KB] 3-7 选择题-慕课网体系课.pdf
 [172.2 KB] 4-4 选择题-慕课网体系课.pdf
 [206.5 KB] 9-1事件与DOM总结.mp4
 [11.6 MB] 2-1js概述.mp4
 [8.0 MB] 8-2JS对表单元素进行设置2.mp4
 [15.0 MB] 7-1数组.mp4
 [15.6 MB] 4-2 选择题-慕课网体系课.pdf
 [208.6 KB] 6-7 选择题-慕课网体系课.pdf
 [170.1 KB] 6-9 选择题-慕课网体系课.pdf
 [158.8 KB] 4-1变量作用域.mp4
 [11.3 MB] 8-8 编程练习-慕课网体系课.pdf
 [175.1 KB] 5-4 选择题-慕课网体系课.pdf
 [155.8 KB] 7-2 选择题-慕课网体系课.pdf
 [160.1 KB] 8-6JS对表单元素进行设置6.mp4
 [13.2 MB] 8-7JS对表单元素进行设置7.mp4
 [24.1 MB] 3-1自定义函数.mp4
 [20.7 MB] 7-4 图文节-慕课网体系课.pdf
 [212.3 KB] 7-3 选择题-慕课网体系课.pdf
 [151.3 KB] 6-6 选择题-慕课网体系课.pdf
 [174.4 KB] 6-3字符函数（下）.mp4
 [9.9 MB] 6-5日期函数.mp4
 [21.8 MB] 5-3循环语句.mp4
 [11.1 MB] 1-1本周学习安排.mp4
 [11.0 MB] 6-

10 选择题-慕课网体系课.pdf
 [160.9 KB] 8-3JS对表单元素进行设置3.mp4
 [27.0 MB] 6-4 选择题-慕课网体系课.pdf
 [176.4 KB] 8-4JS对表单元素进行设置4.mp4
 [27.8 MB] 6-8数学函数.mp4
 [6.0 MB] 3-6 选择题-慕课网体系课.pdf
 [156.8 KB] JavaScript入门-慕课网体系课.pdf
 [766.1 KB] 前端油画商城案例-慕课网体系课.pdf
 [614.8 KB] 案例：仿计算器-慕课网体系课.pdf
 [603.9 KB] 入门jQuery编程-慕课网体系课.pdf
 [611.7 KB] 📁 第12周 开发必备前端基础之HTML与CSS 📁 03-CSS浮动 4-12问题解决.mp4
 [9.7 MB] 5-5 图文节-慕课网体系课【公众号：CunWorkNotes】.pdf
 [223.2 KB] 4-3定位机制.mp4
 [7.8 MB] (12.3.2)CSS浮动【公众号：CunWorkNotes】.pdf
 [743.8 KB] 4-4浮动.mp4
 [14.9 MB] 5-6 图文节-慕课网体系课.pdf
 [439.1 KB] 3-5 编程练习-慕课网体系课.pdf
 [151.2 KB] 4-

13 编程练习-慕课网体系课.pdf
 [1.3 MB] 5-2 选择题-慕课网体系课.pdf
 [163.5 KB] 3-2 选择题-慕课网体系课.pdf
 [160.8 KB] 2-3 编程练习-慕课网体系课.pdf
 [754.4 KB] 3-7元素居中.mp4
 [17.1 MB] 3-6 编程练习-慕课网体系课.pdf
 [167.9 KB] 3-4盒子模型（下）.mp4
 [28.2 MB] 4-

11 编程练习-慕课网体系课.pdf
 [666.3 KB] 4-1行级元素与块级元素.mp4
 [5.6 MB] 5-3 选择题-慕课网体系课.pdf
 [149.2 KB] 3-1盒子模型（上）.mp4
 [10.1 MB] 2-5 选择题-慕课网体系课.pdf
 [180.9 KB] 4-10浮动的其他特性.mp4
 [33.0 MB] 4-6 选择题-慕课网体系课.pdf
 [166.7 KB] 4-8float包裹和崩溃.mp4
 [18.7 MB] 2-2 编程练习-慕课网体系课.pdf
 [140.6 KB] 4-9包裹特性.mp4
 [23.6 MB] 2-1div设置（上）.mp4
 [15.7 MB] 5-1清除浮动.mp4
 [44.7 MB] 3-3 选择题-慕课网体系课.pdf
 [150.7 KB] 4-5 选择题-慕课网体系课.pdf
 [146.9 KB] 1-1课程概述.mp4
 [5.8 MB] 2-4div设置（下）.mp4
 [19.9 MB] 4-7 编程练习-慕课网体系课.pdf
 [157.1 KB] 4-2 选择题-慕课网体系课.pdf
 [147.1 KB] 📁 01-HTML入门 3-21列表【公众号：CunWorkNotes】.mp4
 [10.1 MB] 3-12超链接【公众号：CunWorkNotes】.mp4
 [29.7 MB] 2-2 选择题-慕课网体系课.pdf
 [148.6 KB] 3-9img标签【公众号：CunWorkNotes】.mp4
 [21.7 MB] 4-7html表格-3【公众号：CunWorkNotes】.mp4
 [12.1 MB] 3-2 选择题-慕课网体系课.pdf
 [163.0 KB] 5-9 编程练习-慕课网体系课【公众号：CunWorkNotes】.pdf
 [170.7 KB] 3-13 选择题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [149.9 KB] 5-3 选择题-慕课网体系课【公众号：CunWorkNotes】.pdf
 [148.4 KB] 4-

11 选择题-慕课网体系课.pdf
 [147.9 KB] 5-8 选择题-慕课网体系课.pdf
 [150.2 KB] 4-

12 作业题-慕课网体系课.pdf
 [204.7 KB] 3-6标题标签.mp4
 [13.7 MB] … 其余 18

78 项略，目录共 2078 项