先认清课程定位：这是前端入门的“地基”工程

看到标题带有“拉钩”或“体系课”字样，很多转行者和在职学习者容易产生误解，以为这是一门能直接教人接单、做全栈开发或快速拿高薪的进阶实战课。事实是，这门课的核心实质是"2022 LG-前端就业急训营”中的起步阶段，专门用于夯实网页开发最底层的 HTML 与 CSS 技能。它解决的是初学者面对空白编辑器时的无从下手，以及工作中处理静态页面布局困难的问题。课程内容紧扣网页构建逻辑，从最基础的标签语义到复杂的样式控制，旨在帮你建立起规范的代码编写习惯。如果你连 HTML 结构都理不顺，后续学习 Vue、React 等流行框架时会极其吃力，因为框架只是对底层技术的封装。因此，这门课不承诺直接给你大厂 Offer，但它能赋予你独立手写一个 PC 端静态页面的硬实力，这是所有前端工程师必须跨越的入门门槛，也是你入行前最不可或缺的敲门砖。

资料怎么用：死磕本地任务，拒绝“看客”心态

资料包的目录结构非常清晰，按逻辑分为了三个循序渐进的模块，建议学员严格遵循这个顺序进行，切忌跳跃式学习。资料包中的视频讲解与代码文件是配套使用的，下载后务必在本地 IDE 中运行代码，而不是仅仅在网页播放器里观看。在第一个模块关于 HTML5 基础的部分，建议先看开营仪式了解学习规范，再对照“任务一”的练习文件，尝试自己补全标签，然后与视频中的标准代码进行比对，找出不一致的地方。进入第二个模块 CSS 核心样式时，重点要放在理解选择器权重和盒模型上，这里的“任务二”和“任务三”涉及 H5 新特性，必须亲手敲写代码才能体会动画和过渡效果的原理。如果在练习过程中卡壳超过 20 分钟，再回头观看对应视频片段，这种“输入 - 输出 - 纠错”的闭环反馈机制，是避免一看就会一做就废的关键。切记不要只看不练，前端技能是练出来的，不是看出来的。

学完能产出什么：具备独立开发静态页面的能力

当你完整学完这三个模块，你将具备独立设计并开发出一个结构严谨、样式美观的 PC 端静态网页应用的能力。这意味着你不再需要依赖现成的模板，而是能根据具体的业务需求，自行规划合理的文件夹目录结构，熟练运用 Flex 弹性布局和 Grid 网格布局来应对各种复杂的页面排版难题，甚至能使用 CSS3 的新特性制作简单的交互动画。虽然这门课不包含后端接口对接、数据库操作以及现代前端框架的高级应用，但“静态页面开发”是整个前端领域的基石。很多中小型互联网公司依然大量需要此类技能，而掌握扎实的原生 HTML 和 CSS 基础，能让你在后续转学前端框架时，无需花费大量时间去补底层知识盲区，能更快速地理解框架的渲染原理和响应式逻辑，从而真正缩短你的入行周期，实现从“小白”到“准前端工程师”的实质性跨越。

课程介绍

2022 LG-前端就业急训营/ ├──01.Part 1 · HTML5 网页开发 | ├──01.模块一 HTML 网页开发、CSS 基础语法 | | ├──00.【直播】开营仪式 | | ├──01.课程资料 | | ├──02.任务一：HTML基础 | | ├──03.任务二：CSS基本语法 | | └──05.【直播】Part 1 · 模块一 | ├──02.模块二 CSS 核心样式、H5 + C3 新特性 | | ├──00.课程资料 | | ├──01.任务一：CSS核心样式 | | ├──02.任务二：HTML 5 | | ├──03.任务三：CSS 3 | | └──05.【直播】Part 1 · 模块二 | ├──03.模块三 PC 端静态网页应用开发及项目 | | ├──00.课程资料 | | ├──01.任务一：PC端静态网页应用开发及项目 | | └──03

课程目录

2022 LG-前端就业急训营/ ├──01.Part 1 · HTML5 网页开发 | ├──01.模块一 HTML 网页开发、CSS 基础语法 | | ├──00.【直播】开营仪式 | | ├──01.课程资料 | | ├──02.任务一：HTML基础 | | ├──03.任务二：CSS基本语法 | | └──05.【直播】Part 1 · 模块一 | ├──02.模块二 CSS 核心样式、H5 + C3 新特性 | | ├──00.课程资料 | | ├──01.任务一：CSS核心样式 | | ├──02.任务二：HTML 5 | | ├──03.任务三：CSS 3 | | └──05.【直播】Part 1 · 模块二 | ├──03.模块三 PC 端静态网页应用开发及项目 | | ├──00.课程资料 | | ├──01.任务一：PC端静态网页应用开发及项目 | | └──03.【直播】Part 1 · 模块三 | └──04.模块四 移动端网页应用开发及项目 | | ├──00.课程资料 | | ├──01.任务一：移动端开发基础 | | ├──02.任务二：流式布局-京东项目 | | ├──03.任务三：flex布局-携程网项目 | | ├──04.任务四：rem布局-苏宁项目 | | ├──05.任务五：响应式布局-阿里百秀项目 | | └──07.【直播】Part 1 · 模块四 ├──02.Part 2 · JavaScript 网页编程 | ├──01.模块一 JavaScript 语法、数据类型、流程控制 | | ├──00.课程资料 | | ├──01.任务一：JavaScript语法 | | ├──02.任务二：数据类型 | | ├──03.任务三：操作符 | | ├──04.任务四：流程控制语句 | | └──06.【直播】Part 2 · 模块一 | ├──02.模块二 JavaScript 数组、对象、函数 | | ├──00.课程资料 | | ├──01.任务一：数组 | | ├──02.任务二：函数 | | ├──03.任务三：对象 | | └──05.【直播】Part 2 · 模块二 | ├──03.模块三 Web APIs 网页应用编程 | | ├──00.课程资料 | | ├──01.任务一：DOM | | ├──02.任务二：BOM | | └──04.【直播】Part 2 · 模块三 | ├──04.模块四 JavaScript 高级特性、ES6 新特性 | | ├──00.课程资料 | | ├──01.任务一：面向对象编程 | | ├──02.任务二：贪吃蛇游戏 | | ├──03.任务三：继承和函数进阶 | | ├──04.任务四：正则表达式 | | ├──05.任务五：ES6新特性 | | └──07.【直播】Part 2 · 模块四 | ├──05.模块五 jQuery 快速网页交互开发 | | ├──00.课程资料 | | ├──01.任务一：jQuery 基础 | | ├──02.任务二：jQuery 常用方法 | | ├──03.任务三：jQuery 排序和动画 | | ├──04.任务四：jQuery 节点操作和元素尺寸 | | ├──05.任务五：jQuery 事件操作和插件 | | └──07.【直播】Part 2 · 模块五 | └──06.模块六 AJAX 网络编程与 Axios 库 | | ├──00.课程资料 | | ├──01.任务一：Ajax 基础 | | ├──02.任务二：Ajax 常用库 | | ├──03.任务三：跨域和模板引擎应用 | | └──05.直播 ├──03.Part 3 · 前端工程化开发 | ├──01.模块一 工程化基础、自动化工具 | | ├──00.课程资料 | | ├──01.任务一：Node.js 基础 | | ├──02.任务二：脚手架工具 | | ├──03.任务三：自动化构建 | | ├──04.任务四：Gulp | | └──06.【直播】Part 3 · 模块一 | ├──02.模块二 模块化开发及规范化标准 | | ├──00.课程资料 | | ├──01.任务一：模块化开发 | | ├──02.任务二：webpack 打包 | | └──04.【直播】Part 3 · 模块二 ├──04.Part 4 · Vue.js 框架及原理 | ├──01.模块一 Vue.js 框架基础 | | ├──00.课程资料 | | ├──01.任务一：初识 Vue.js | | ├──02.任务二：Vue.js 基础指令 | | ├──03.任务三：事件与表单处理 | | ├──04.任务四：进阶语法 | | ├──05.任务五：综合案例 | | └──07.【直播】Part 4 · 模块一 | ├──02.模块二 组件化开发、Vue Router、Vue CLI | | ├──00.课程资料 | | ├──01.任务一：Vue.js 组件 | | ├──02.任务二：Vue Router | | ├──03.任务三：Vue CLI | | └──05.【直播】Part 4 · 模块二 | ├──03.模块三 拉勾教育管理系统项目实战 | | ├──00.课程资料 | | ├──01.任务一：项目实战 | | └──03.【直播】Part 4 · 模块三 | ├──04.模块四 拉勾教育移动端项目实战 | | ├──00.课程资料 | | ├──01.任务一：搭建项目架构与选课功能 | | ├──02.任务二：登录、用户功能 | | ├──03.任务三：学习、课程详情、课时视频功能 | | ├──04.任务四：支付、打包优化 | | └──06.【直播】Part 4 · 模块四 | └──05.模块五 Vue.js 高阶特性及实现原理 | | ├──00.课程资料 | | ├──01.任务一：Vue.js 响应式原理 | | ├──02.任务二：Virtual DOM | | └──04.【直播】Part 4 · 模块五 ├──05.Part 5 · React 实战开发 | ├──01.模块一 React 框架基础、JSX、React Router | | ├──00.课程资料 | | ├──01.任务一：React 框架基础 | | ├──02.任务二：todolist 案例 | | ├──03.任务三：React Hooks | | └──05.【直播】Part 5 · 模块一 | ├──02.模块二 拉勾教育图书电商项目实战 | | ├──00.课程资料 | | ├──01.任务一：实战项目 | | └──03.【直播】Part 5 · 模块二 | └──03.模块三 数据流方案、服务端渲染方案 | | ├──00.课程资料 | | ├──01.任务一：Redux 案例 | | ├──02.任务二：redux 原理 | | ├──03.任务三：数据流方案 Mobx | | ├──04.任务四：原生服务端渲染（SSR）的实现、同构开发 | | ├──05.任务五：集成式 SSR 框架 Next.js | | └──07.【直播】Part 5 · 模块三 ├──06.Part 6 · 小程序与游戏开发 | ├──01.模块一 小程序开发基础 | | ├──00.课程资料 | | ├──01.任务一：小程序开发 | | ├──02.任务二：UniAPP快速入门学习 | | └──04.【直播】Part 6 · 模块一 | ├──02.模块二 柔宇星球跨平台小程序项目实战 | | ├──00.课程资料 | | ├──01.任务一：柔宇星球实战项目 | | └──03.【直播】Part 6 · 模块二 | ├──03.模块三 Canvas 图形化开发、小游戏开发 | | ├──00.课程资料 | | ├──01.任务一：canvas 画布基础 | | ├──02.任务二：Flappy Bird 微信小游戏 | | ├──IT僧院-www.ym8a.cn.url 0.17kb | | ├──解压 | | ├──下载说明.txt 0.19kb | | └──一切与IT有关的教程.txt 0.02kb | └──04.模块四 HarmonyOS JS UI | | ├──00.课程资料 | | ├──01.JS UI 框架 | | ├──02.基本语法的使用 | | ├──03.常用组件 | | ├──04.接口 | | └──05.项目案例 ├──07.Part 7 · Web 全栈开发 | ├──01.模块一 Node.js 编程基础、核心模块 | | ├──00.课程资料 | | └──01.Node.js 全栈基础 | ├──02.模块二 NoSQL 数据库（MongoDB） | | ├──00.课程资料 | | └──01.MongoDB | ├──03.模块三 Web 开发框架（Express 与 Koa） | | ├──00.课程资料 | | ├──01.任务一：Express 基础使用 | | ├──02.任务二：Express 接口案例 | | ├──03.任务三：Express 与传统应用 | | └──04.任务四：Koa | └──04.模块四 趣 IT 在线社交媒体平台项目实战 | | ├──00.项目资料 | | └──01.Node.js 项目 └──08.Part 8 · 协作开发与面试指导 | ├──01.模块一 团队协作、已有项目二次开发 | | ├──00.课程资料 | | └──01.已有项目二次开发 | ├──02.模块二 大厂面试真题详解 | | ├──00.课程资料 | | └──01.数据结构与算法 | └──03.模块三 简历指导 & 面试辅导 | | ├──00.课程资料 | | └──01.简历制作与面试技巧