课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

本系列课程会从零基础到前端就业,一共会学习80个项目实战,我们一直坚信,只有大量的实战演练,才能达到企业的招人标准,10年一线大厂的老师,培训学员超过2000名,手把手带你上岸,你有信心学,我们就有绝对的信心把你教会,给我们一份信任,还你一技之长,年薪10万起.

课程完整体系
PC+移动布局、网页编程、Vue.js全家桶、React.js全栈、Angular框架、微信小程序、uni-app企业实战、Flutter跨平台、Node.js全栈、前端工程化。

适合人群
在校学生：在校大学生即将步入社会，需要IT技术作为敲门砖，学校里学到的知识不足以找到满意的工作。
入行新手：想要转行却缺少经验、信息，希望学成以后能快速转入IT行业。
技能提升：缺少项目经验，不满足于现状，追求技术提升，实现升职加薪。

课程特色
干货课堂：简洁明了，逻辑清晰，没有废话，一分钟更顶三分钟。
答疑辅导：购课后直接添加授课老师微信，及时解答学习难题，引导学员思考，推动学员进步。
阶段测评：设置阶段测试，帮助学员了解自身水平和对知识的掌握程度。
实战演练：再多的知识技能只有通过实战进行检验，n+实战项目让你从实践中找到不足，从而补全自身。

课程大纲

01 web前端零基础入门-课程介绍(2021)

【录播】课程介绍(6分钟) 免费试看

【录播】web的工作原理(10分钟)

【录播】了解html和css(8分钟)

【录播】环境配置(7分钟)

【资料】前端学习路线(png，424.7KB)

02 HTML基础(一)

【录播】HTML-章节介绍(3分钟)

【录播】HTML-创建并开启html页面(18分钟)

【录播】HTML-文档类型和基本结构(20分钟)

【录播】HTML-live-server插件(10分钟)

【录播】HTML-meta标签和搜索引擎(14分钟)

【录播】HTML-标题段落排版标签(12分钟)

【录播】HTML-引入链接和图片(18分钟)

【录播】HTML-列表和表格标签(18分钟)

【录播】HTML-表单和输入框标签(36分钟)

【录播】HTML-块级和内联元素(12分钟)

03 HTML基础(二)

【录播】HTML-div和span(20分钟)

【录播】HTML-字符实体和符号(15分钟)

【录播】HTML-语义化标签(13分钟)

【资料】课程代码(zip，1.2MB)

04 CSS基础(一)

【录播】CSS-章节介绍(6分钟)

【录播】CSS-css引入方式(16分钟)

【录播】CSS-基础的css选择器(16分钟)

【录播】CSS-开发者工具(9分钟)

【录播】CSS-字体属性(19分钟)

【录播】CSS-颜色(13分钟)

【录播】CSS-背景和边框(24分钟)

【录播】CSS-盒模型和内外边距(31分钟)

05 CSS基础(二)

【录播】CSS-浮动和对齐(26分钟)

【录播】CSS-链接和按钮样式(13分钟)

【录播】CSS-导航和菜单栏样式(20分钟)

【录播】CSS-display属性(16分钟)

【录播】CSS-定位属性(21分钟)

【录播】CSS-表单样式(题目)(8分钟)

【录播】CSS-表单样式(解答)(12分钟)

【资料】课程代码(zip，3.4MB)、

06 米修在线静态页面实战

【录播】html+css-项目介绍(4分钟)

【录播】html+css-创建项目及导航栏(15分钟)

【录播】html+css-首页展示及介绍(17分钟)

【录播】html+css-字体图标及页脚(18分钟)

【录播】html+css-关于我们页面(23分钟)

【录播】html+css-联系我们(19分钟)

【资料】课程代码(zip，26.0MB)

07 CSS响应式设计

【录播】CSS布局-什么是响应式设计(5分钟)

【录播】CSS布局-媒体查询的运用(23分钟)

【录播】CSS布局-em和rem单位(22分钟)

【录播】CSS布局-vh和vw单位(21分钟)

【录播】CSS布局-实现米修在线静态页面响应式效果(27分钟)

【资料】课程代码(zip，57.4KB)

【资料】实战练习代码(zip，7.7MB)

08 CSS弹性布局

【录播】CSS布局-什么是弹性布局(4分钟)

【录播】CSS布局-弹性布局的基础属性(13分钟)

【录播】CSS布局-弹性布局对齐和排序(18分钟)

【资料】课程代码(zip，32.6KB)

09 米修在线布局实战

【录播】CSS布局实战-项目介绍(4分钟)

【录播】CSS布局实战-文档创建和导航栏(17分钟)

【录播】CSS布局实战-Home页面(12分钟)

【录播】CSS布局实战-What页面(13分钟)

【录播】CSS布局实战-Who页面(15分钟)

【录播】CSS布局实战-Contact和Footer页面(13分钟)

【录播】CSS布局实战-页面响应式设计(23分钟)

【资料】课程代码(zip，2.5MB)

10 CSS进阶

【录播】CSS进阶-目标选择器(16分钟)

【录播】CSS进阶-nth-child伪类选择器(9分钟)

【录播】CSS进阶-before和after伪元素(16分钟)

【录播】CSS进阶-盒子阴影(10分钟)

【录播】CSS进阶-文本阴影(8分钟)

【录播】CSS进阶-css变量(css自定义属性)(15分钟)

【录播】CSS进阶-keyframe(一)(14分钟)

【录播】CSS进阶-keyframe(二)(8分钟)

【录播】CSS进阶-过渡transition(9分钟)

【录播】CSS进阶-变换transform(9分钟)

11 CSS进阶练习项目

【录播】个人网站-项目介绍和搭建页面(10分钟)

【录播】个人网站-CSS样式渲染及页面滚动(12分钟)

【录播】个人网站-页面动画效果(9分钟)

【录播】面包片菜单栏-项目介绍和搭建页面(23分钟)

【录播】面包片菜单栏-菜单栏样式(15分钟)

【录播】面包片菜单栏-菜单栏动画(7分钟)

【录播】面包片菜单栏-菜单栏覆盖和切换(17分钟)

【录播】下拉式菜单栏-项目介绍及制作(28分钟)

【资料】css进阶代码(zip，76.5KB)

【资料】练习项目代码(zip，1.7MB)

12 CSS网格布局

【录播】CSS布局-什么是网格布局(5分钟)

【录播】CSS布局-columns属性(14分钟)

【录播】CSS布局-rows属性(6分钟)

【录播】CSS布局-跨行和跨列(12分钟)

【录播】CSS布局-minmax函数(6分钟)

【录播】CSS布局-定义网格模板(11分钟)

【录播】CSS布局-网格布局的媒体查询(9分钟)

【资料】课程代码(zip，57.9KB)

13 HTML5+CSS3实战项目汇编

【录播】实战项目-移动端页面布局(50分钟)

【录播】实战项目-登录注册页(50分钟)

【录播】实战项目-全屏视频背景(22分钟)

【录播】实战项目-加载动画(40分钟)

【录播】实战项目-侧边栏(30分钟)

【录播】实战项目-滑动手风琴(40分钟)

【录播】实战项目-全屏轮播图(34分钟)

【录播】实战项目-健康面板(21分钟)

【资料】实战项目课程代码(zip，117.8MB)

14 Sass零基础快速入门

【录播】Sass-零基础课程(67分钟)

【资料】课程代码(zip，35.8KB)

【资料】Sass实战课程代码(zip，20.9MB)

15 Sass项目实战

【录播】Sass实战-项目介绍(19分钟)

【录播】Sass实战-初始化设置(19分钟)

【录播】Sass实战-导航和主页展示(34分钟)

【录播】Sass实战-专长和统计数据(27分钟)

【录播】Sass实战-流程和页脚(33分钟)

【录播】Sass实战-个人简介(22分钟)

【录播】Sass实战-技术水平和评价(19分钟)

【录播】Sass实战-作品集展示(37分钟)

【录播】Sass实战-联系我们页面(18分钟)

【录播】Sass实战-响应式和媒体查询(39分钟)

16 Javascript正则表达式——课程介绍

【录播】课程介绍(16分钟)

【资料】课程代码(zip，446.9KB)

17 正则表达式——Javascript正则表达式方法(2021)

【录播】JS正则表达式方法——什么是正则表达式(4分钟)

【录播】JS正则表达式方法——js正则创建方式(10分钟)

【录播】JS正则表达式方法——search方法(12分钟)

【录播】JS正则表达式方法——match&matchAll方法(14分钟)

【录播】JS正则表达式方法——分组顺序和命名(23分钟)

【录播】JS正则表达式方法——replace&split方法(14分钟)

【录播】JS正则表达式方法——test&exec方法(14分钟)

【录播】JS正则表达式方法——正则工具(21分钟)

18 正则表达式——正则表达式语法

【录播】正则表达式语法——简单的正则匹配(6分钟)

【录播】正则表达式语法——字符集和区间(13分钟)

【录播】正则表达式语法——量词(13分钟)

【录播】正则表达式语法——元字符(14分钟)

【录播】正则表达式语法——特殊字符(7分钟)

【录播】正则表达式语法——边界锚点(10分钟)

【录播】正则表达式语法——选择字符(10分钟)

19 正则表达式——实战练习（表单验证）

【录播】实战练习——用户名匹配(13分钟)

【录播】实战练习——事件监听(19分钟)

【录播】实战练习——邮箱&密码&中文匹配(16分钟)

【录播】实战练习——手机&生日匹配(27分钟)

20 正则表达式——正则引擎

【录播】正则引擎——什么是正则引擎(14分钟)

【录播】正则引擎——一次匹配一个字符(7分钟)

【录播】正则引擎——从左到右匹配(18分钟)

【录播】正则引擎——正则测试(5分钟)

【录播】正则引擎——贪婪&懒惰&回溯(19分钟)

【录播】正则引擎——案例分析(22分钟)

【录播】正则引擎——工具测试(7分钟)

21 正则表达式——性能优化

【录播】正则引擎——正则分组(25分钟)

【录播】正则引擎——正则分组工具测试(13分钟)

【录播】正则引擎——先行断言(19分钟)

【录播】正则引擎——后行断言(13分钟)

【录播】正则引擎——正则性能(20分钟)

【录播】正则引擎——测试性能(11分钟)

22 正则表达式——实战练习（传感器数据）

【录播】实战练习——解析传感器数据(12分钟)

【录播】实战练习——匹配正则模式(13分钟)

【录播】实战练习——JSON格式转换(35分钟)

23 正则表达式——实战练习（医疗数据）

【录播】实战练习——解析医疗数据(5分钟)

【录播】实战练习——匹配正则模式(25分钟)

【录播】实战练习——JSON格式转换(19分钟)

24 50个实战项目彻底掌握原生JS(2021)

【录播】项目效果展示(6分钟)

【资料】课程代码(一)(zip，57.0MB)

【资料】课程代码(二)(zip，2.4MB)

25 JavaScript实战项目-表单验证

【录播】项目介绍(3分钟)

【录播】项目HTML结构(7分钟)

【录播】项目CSS样式(16分钟)

【录播】表单验证(14分钟)

【录播】代码重构(9分钟)

【录播】长度、邮箱、密码验证(10分钟)

26 JavaScript实战项目-预定电影票

【录播】项目介绍(3分钟)

【录播】项目HTML结构(10分钟)

【录播】项目CSS样式(20分钟)

【录播】座位选择和数据更新(17分钟)

【录播】LocalStorage本地存储(15分钟)

【录播】获取本地数据渲染样式(11分钟)

27 JavaScript实战项目-自定义视频播放器

【录播】项目介绍(3分钟)

【录播】项目HTML结构(9分钟)

【录播】项目CSS样式(9分钟)

【录播】播放停止暂停进度条(22分钟)

28 JavaScript实战项目-汇率计算器

【录播】项目介绍(3分钟)

【录播】项目HTML结构(7分钟)

【录播】项目CSS样式(14分钟)

【录播】fetch和json的介绍(12分钟)

【录播】获取数据更新汇率(17分钟)

29 JavaScript实战项目-DOM数组方法

【录播】项目介绍(4分钟)

【录播】项目UI(12分钟)

【录播】fetch API获取数据(12分钟)

【录播】添加账户—forEach()(11分钟)

【录播】资金翻倍—map()(7分钟)

【录播】财富榜—sort()(8分钟)

【录播】查询百万富翁—filter()(6分钟)

【录播】计算总金额—reduce()(9分钟)

30 JavaScript实战项目—侧边栏和登录框

【录播】项目介绍(2分钟)

【录播】项目HTML结构(14分钟)

【录播】侧边栏CSS样式(9分钟)

【录播】登录框CSS样式(17分钟)

【录播】页面切换(14分钟)

31 JavaScript实战项目—SVG图形绘制

【录播】项目介绍(3分钟)

【录播】SVG绘制图形(19分钟)

【录播】项目基础CSS样式(16分钟)

【录播】弹出框和通知框CSS样式(11分钟)

【录播】初始化显示单词(17分钟)

【录播】键盘事件和通知框(11分钟)

【录播】显示错误字母和再玩一次(14分钟)

32 JavaScript实战项目—食谱查询器

【录播】项目介绍(3分钟)

【录播】项目UI(15分钟)

【录播】fetch API 获取数据(23分钟)

【录播】显示单个食谱(23分钟)

【录播】单个食谱CSS样式和随机菜谱(14分钟)

33 JavaScript实战项目—我的记账本

【录播】项目介绍(4分钟)

【录播】项目HTML结构(9分钟)

【录播】项目CSS样式(20分钟)

【录播】历史记录(14分钟)

【录播】余额和收支栏(11分钟)

【录播】增加和删除历史记录(15分钟)

【录播】数据本地存储(7分钟)

34 JavaScript实战项目-自定义音乐播放器

【录播】项目介绍(3分钟)

【录播】项目HTML结构(8分钟)

【录播】项目CSS样式(13分钟)

【录播】歌曲信息动画效果(10分钟)

【录播】歌曲播放&暂停(11分钟)

【录播】设置进度条&歌曲切换(18分钟)

35 JavaScript实战项目-滚动懒加载数据

【录播】项目介绍(5分钟)

【录播】项目HTML(5分钟)

【录播】项目CSS样式(12分钟)

【录播】从接口API获得数据(12分钟)

【录播】显示加载动画滚动懒加载(10分钟)

【录播】数据搜索(8分钟)

36 JavaScript实战项目-打字游戏

【录播】项目介绍(3分钟)

【录播】项目HTML结构(9分钟)

【录播】项目CSS样式(14分钟)

【录播】单词匹配&更新得分(12分钟)

【录播】更新倒计时(10分钟)

【录播】难度设置(10分钟)

37 JavaScript实战项目-文字识别

【录播】项目介绍(3分钟)

【录播】项目HTML结构(15分钟)

【录播】项目CSS样式(18分钟)

【录播】获取语音列表(19分钟)

【录播】文字转语音(8分钟)

【录播】切换语言(7分钟)

38 JavaScript实战项目-记忆卡片

【录播】项目介绍(4分钟)

【录播】项目HTML结构(13分钟)

【录播】卡片CSS样式(12分钟)

【录播】卡片滑动&翻转样式(10分钟)

【录播】添加卡片表单样式(11分钟)

【录播】创建卡片和实现翻转(15分钟)

【录播】实现卡片上下切换(7分钟)

【录播】创建卡片和本地存储(16分钟)

39 JavaScript实战项目-歌词搜索

【录播】项目介绍(5分钟)

【录播】项目UI(10分钟)

【录播】表单和查询结果样式(8分钟)

【录播】获取歌曲数据(9分钟)

【录播】显示查询结果和实现翻页(18分钟)

【录播】显示歌词(14分钟)

40 JavaScript实战项目-动画和定时器

【录播】项目介绍(2分钟)

【录播】项目HTML结构和圆CSS(12分钟)

【录播】外层圆点样式及动画(5分钟)

【录播】JS触发动画效果(11分钟)

41 JavaScript实战项目-2D经典小游戏打砖块

【录播】项目介绍(3分钟)

【录播】项目HTML&CSS(14分钟)

【录播】游戏界面制作计划(11分钟)

【录播】绘制挡板和球体以及得分(11分钟)

【录播】绘制砖块(14分钟)

【录播】挡板动画(15分钟)

【录播】球体动画和撞击砖块(11分钟)

【录播】更新得分和游戏重置(7分钟)

42 JavaScript实战项目-新年倒计时

【录播】项目介绍(2分钟)

【录播】项目HTML和CSS(11分钟)

【录播】更新倒计时(16分钟)

【录播】更新年份和加载动画(8分钟)

43 JavaScript实战项目-拖拽排序列表

【录播】项目介绍(3分钟)

【录播】项目HTML结构&数据插入(13分钟)

【录播】打乱排序(9分钟)

【录播】项目CSS样式(13分钟)

【录播】Drag&Drop 拖放(20分钟)

【录播】验证排序(7分钟)

44 JavaScript实战项目-语音猜数字

【录播】项目介绍(4分钟)

【录播】项目UI设计(9分钟)

【录播】语音识别(11分钟)

【录播】结果验证(16分钟)

45 JavaScript实战项目-心情日历

【录播】项目介绍&结构创建(19分钟)

【录播】项目UI设计(24分钟)

【录播】渲染日历（一）(25分钟)

【录播】渲染日历（二）(27分钟)

【录播】添加心情效果(19分钟)

46 JavaScript实战项目-模拟时钟

【录播】项目介绍&UI(21分钟)

【录播】时钟设置(32分钟)

47 JavaScript实战项目-数字电子时钟

【录播】项目介绍&UI(17分钟)

【录播】数字电子时钟(23分钟)

48 JavaScript实战项目-发送爱心按钮

【录播】项目介绍&UI(15分钟)

【录播】发送爱心(21分钟)

49 JavaScript实战项目-进度条

【录播】项目介绍&UI(22分钟)

【录播】进度条设置(25分钟)

50 JavaScript实战项目-快速练习(一)

【录播】JS快速练习-3D背景魔术盒子(28分钟)

【录播】JS快速练习-动画导航(25分钟)

【录播】JS快速练习-下雪场景(17分钟)

【录播】JS快速练习-自动打字机(10分钟)

【录播】JS快速练习-滑动背景(29分钟)

【录播】JS快速练习-波纹小球(19分钟)

【录播】JS快速练习-粒子特效(36分钟)

【录播】JS快速练习-扩展卡片(20分钟)

【录播】JS快速练习-色彩板(18分钟)

【录播】JS快速练习-动态背景登录页面(35分钟)

51 JavaScript实战项目-快速练习(二)

【录播】JS快速练习-过滤列表(22分钟)

【录播】JS快速练习-重量转换器(24分钟)

【录播】JS快速练习-地区自动查询工具(23分钟)

【录播】JS快速练习-缩略图实战(25分钟)

【录播】JS快速练习-动态字体图标(19分钟)

【录播】JS快速练习-图片拖拽(25分钟)

【录播】JS快速练习-星级评价(45分钟)

【录播】JS快速练习-随机密码生成器(46分钟)

【录播】JS快速练习-石头剪刀布(56分钟)

【录播】JS快速练习-旋转幻灯片(12分钟)