|
admin 发表于 2024-1-9 00:13:36
36418
105
想在前端职业发展的更好走的更远,基础必需扎实。前端虽易学,但大部分人浮于表面不扎实,花费大量时间和精力,却学无所用,尤其缺乏基础实战能力。
本课 LEO老师提炼10年大厂实战和20万+学员教学经验,为想学习前端技术的同学,专门设计从0到1 统学习三大必备技术(HTML+CSS+JS)课,精选40个实战案例,覆盖PC、移动端,涉及电商、教育等多领域,手敲每行代码,吃透前端基础技术,奠定前端领域职业发展基石。
目录:
1-1 课程导学-让你快速了解课程.mp4
1-2 带你走进前端的世界.mp4
1-3 前端行业的发展与规划.mp4
1-4 任务:请规划自己的职业发展目标.pdf (这里把作业补充上了,下面截图没有截到,就不重新上传图片了,本站发布的是最完整的版本)
1-5 前端的今生来世.mp4
1-6 前端的三大核心技能.mp4
2-1 必选利器-前端开发工具.mp4
2-2 初体验-搭建html 网页初始化标签.mp4
2-3 选学篇:Sublime与VSCode编辑器 初始化骨架.mp4
3-1 案例分析:百度图文混排效果-修改版.mp4
3-2 理解img标签的作用和含义.mp4
3-3 理解a标签的作用和含义.mp4
3-4 理解div标签的作用和含义.mp4
3-5 理解ul标签的作用和含义.mp4
3-6 理解ol标签的作用和含义.mp4
3-7 【网页搭建思路与规范】 百度新闻图文混排骨架搭建.mp4
4-1 【图片认知】 5大图片类型,在网页中的展示方式.mp4
4-2 【基础操作】 PS从安装、新建到保存.mp4
4-3 【辅助切图】 PS图像放大与缩小功能及辅助线的使用.mp4
4-4 【字体设置】 PS软件字体操作及字体库的文字安装.mp4
4-5 【截取图片】 PS选取框的基本使用.mp4
5-1 案例分析:QQ邮箱登陆框案例分析与思路-.mp4
5-2 第一步:input标签实现输入框.mp4
5-3 第二步:设置输入框默认内容.mp4
5-4 第三步:button标签实现按钮.mp4
5-5 第四步:p标签实现内容文字.mp4
5-6 第五步:span标签实现内置文字.mp4
5-7 【网页搭建思路与规范】 QQ邮箱登录框骨架HTML搭建-.mp4
6-8 灵活运用:深入CSS集选择器.mp4
6-9 讨论:猜猜网页中哪些是CSS样式?.mp4
7-1 第一步:浮动布局实现导航元素连续排列.mp4
7-2 第二步:元素外边距样式实现导航元素间距离.mp4
7-3 第三步:元素内边距样式实现文字与元素的间隙.mp4
7-4 重点知识:盒子模型【重点】.mp4
7-5 第四步:完善b站导航条效果.mp4
7-6 避坑:浮动的坑问题.mp4
8-1 案例分析:经典背景图文列表案例分析与思路.mp4
8-2 理论实操:图文背景如何设定.mp4
8-3 理论实操:理解元素的颜色背景设定.mp4
8-4 理论实操:元素的图片背景的平铺、大小、定位设置.mp4
8-5 基础知识:背景样式缩写方式.mp4
8-6 综合实战:背景图文列表的图片列表制作.mp4
8-7 理论实操:文字大小、粗细、风格、颜色的样式.mp4
8-8 文字大小写字母样式、字体类型、首行缩进样式.mp4
8-9 理论实操:文字中英文折行.mp4
8-10 基础知识:文本缩写样式.mp4
8-11 综合实战:实现背景图文列表制作.mp4
9-1 案例分析:首页单屏案例分析与思路.mp4
9-2 .理论实操:元素的相对、绝对定位.mp4
9-3 .理论实操:元素的固定、相对、默认定位.mp4
9-4 .理论实操:标准流和非标准流.mp4
9-5 理论实操:元素变行内、变块、变行内块样式.mp4
9-6 .理论实操:CSS的重置方式与命名规范.mp4
9-7 综合实战:首页单屏案例实战.mp4
10-1 案例分析:仿爱奇艺视频首页新片预告模块.mp4
10-2 第一步:案例图片圆角制作.mp4
10-3 理论实操:百分比样式如何设置.mp4
10-4 第二步:图片圆角是如何被裁减的?(理解元溢出隐藏、滚动条样式).mp4
10-5 理论实操:透明样式如何设置.mp4
10-6 第三步:首页新片预告模块的制作(1).mp4
10-7 第三步:首页新片预告模块的制作(2).mp4
10-8 经验分享:图片下面的三像素的解决方式.mp4
11-1 案例分析:大厂电商导航条的模块分析与思路.mp4
11-2 第一步:导航条触碰下拉效果(理解鼠标浮动伪类、链接激活伪类).mp4
11-3 理论实操:未访问链接、已链接激活伪类制作.mp4
11-4 第二步:导航条触碰时光标改变效果.mp4
11-5 第三步:完成大厂电商导航条模块(1).mp4
11-6 第三步:完成大厂电商导航条模块(2).mp4
11-7 第三步:完成大厂电商导航条模块(3).mp4
11-8 第三步:完成大厂电商导航条模块(4).mp4
11-9 第三步:完成大厂电商导航条模块(5).mp4
12-1 案例分析:讲解留言板模块.mp4
12-2 第一步:运用文本域实现留言板的输入框.mp4
12-3 理论实操:单选框、多选框的制作.mp4
12-4 第二步:完成留言板制作.mp4
12-5 经验分享:框架标签的制作.mp4
13-1 案例分析:企业首页项目的整体的分析与制作思路.mp4
13-2 第一步:头部导航模块制作.mp4
13-3 第二步:banner切换面板模块制作(1).mp4
13-4 第二步:banner切换面板模块制作(2).mp4
13-5 第三步:功能性图标文字模块制作.mp4
13-6 第四步:产品优势模块制作.mp4
13-7 第五步:产品特点模块制作.mp4
13-8 第六步:产品服务模块制作.mp4
13-9 第七步:服务行业模块制作(1).mp4
13-10 第七步:服务行业模块制作(2).mp4
13-11 第八步:友情链接模块制作.mp4
13-12 第九步:底部导航模块制作.mp4
13-13 经验分享与项目总结.mp4
14-1 理论实操:javascript:hello word(1).mp4
14-2 理论实操:变量及符号(1).mp4
14-3 理论实操:常用数据类型简介(1).mp4
14-4 理论实操:JS的报错类型及注释方式(1).mp4
14-5 理论实操:JS中的函数概念及使用(1).mp4
14-6 理论实操:JS中的预解析与变量提升和作用域概念(1).mp4
15-1 理论实操:js中对window对象的基本理解.mp4
15-2 理论实操:JS中轮循定时器与延时定时器的使用.mp4
15-3 理论实操:JS中打开与关闭浏览器的方法.mp4
15-4 理论实操:window常用属性与特性.mp4
15-5 练习:如何让自己的百度百科点击量突破5w?-练习需求.mp4
15-6 练习:如何让自己的百度百科点击量突破5w?-练习解析.mp4
16-1 理论实操:JS中的基本运算.mp4
16-2 理论实操:JS中字符串运算与拼接.mp4
16-3 理论实操:JS中的递增与递减.mp4
16-4 理论实操:JS中的计算BUG.mp4
16-5 理论实操:布尔值的基础操作.mp4
16-6 练习:打字机效果 - 需求.mp4
16-7 练习:打字机效果 - 解析.mp4
17-1 理论实操:document对象与点击事件.mp4
17-2 理论实操:js中选取元素的方式.mp4
17-3 理论实操:js中控制元素样式的方式.mp4
17-4 理论实操:js中控制元素常见属性.mp4
17-5 案例实战:改变链接的指向实操 - 需求.mp4
17-6 案例实战:改变链接的指向实操 - 解析.mp4
17-7 案例实战:广告弹窗效果 - 需求.mp4
17-8 案例实战:广告弹窗效果 - 解析.mp4
17-9 练习:使用JS给予相应的样式 - 需求.mp4
17-10 练习:使用JS给予相应的样式 - 解析.mp4
18-1 案例分析:项目的整体的分析与制作思路.mp4
18-2 第一步:运用js中的if判断语句实现登陆判断.mp4
18-3 第二步:运用 js中“与”方法进行判断.mp4
18-4 第三步:运用js中“或”方法进行判断.mp4
18-5 第四步:完成用户名密码的登陆框.mp4
19-1 案例分析:选项卡的制作思路分析.mp4
19-2 理论实操:理解js中的for语句.mp4
19-3 理论实操:js控制元素的class方法.mp4
19-4 理论实操:理解js中this对象与对象属性【重点】.mp4
19-5 实战练习:前端选项卡的制作.mp4
19-6 理论实操:js中switch语法的使用方法.mp4
20-1 案例分析:留言板效果分析与思路.mp4
20-2 理论实操:js获取父、子节点、子元素方法【重点】.mp4
20-3 理论实操:js生成及插入元素的方法【重点】.mp4
20-4 理论实操:js删除及替换元素方法【重点】.mp4
20-5 理论实操:js控制内容的方法【重点】.mp4
20-6 实战:留言板效果制作-1.mp4
20-7 实战:留言板效果制作-2.mp4
20-8 实战:留言板效果制作-3.mp4
20-9 练习:星级评分效果的实现-需求.mp4
20-10 练习:星级评分效果的实现-解析.mp4
21-1 理论实操:js中鼠标双击、移入事件.mp4
21-2 理论实操:js中鼠标移出、内部移动事件.mp4
21-3 理论实操:js中鼠标右键、按下抬起事件.mp4
21-4 理论实操:js中事件捕获与冒泡机制.mp4
21-5 理论实操:JS事件中的事件对象.mp4
21-6 理论实操:JS中阻止事件冒泡与默认行为.mp4
21-7 理论实操:js中输入框获取焦点、失去焦点、内容改变事件.mp4
21-8 练习:模拟短信发送效果-需求.mp4
21-9 练习-模拟短信发送的效果-解析.mp4
22-1 案例分析:Web便签拖拽效果的需求分析.mp4
22-2 第一步:理解元素可见宽度与高度属性.mp4
22-3 第二步:理解元素元素边缘距离属性.mp4
22-4 第三步:简易元素拖拽效果实现.mp4
22-5 第四步:元素拖拽效果完整实现.mp4
22-6 实战练习:web便签拖拽效果实现.mp4
23-1 理论实操:字符串连接、大小写转换方法.mp4
23-2 理论实操:查找索引、替换内容方法.mp4
23-3 理论实操:去掉空格、字符串转数组方法.mp4
23-4 理论实操:字符串截取方法.mp4
23-5 练习:简易文字查询修改器-需求.mp4
23-6 练习:简易文字查询修改器 - 解析(1).mp4
23-7 练习:简易文字查询修改器 - 解析(2).mp4
24-1 理论实操:查询连接、倒叙方法.mp4
24-2 理论实操:数组转字符串、数组截取方法.mp4
24-3 理论实操:数组基础方法.mp4
24-4 理论实操:数组万能、排序方法.mp4
24-5 理论实操:数组循环方法.mp4
24-6 实战:元素拖拽回放效果 - 需求.mp4
24-7 实战:元素拖拽回放-解析.mp4
25-1 初识:初识JSON数据对象.mp4
25-2 方法:JSON转字符串方法.mp4
25-3 方法:字符串转JSON方法.mp4
25-4 属性:属性操作-in 与 删除属性.mp4
25-5 循环:属for-in循环.mp4
25-6 实战:购物车效果 - 需求.mp4
25-7 实战:购物车效果 - 解析(1).mp4
25-8 实战:购物车效果 - 解析(2).mp4
25-9 实战:购物车效果 - 解析(3).mp4
26-1 监听:js中事件监听原理.mp4
26-2 委托:js中事件委托原理.mp4
26-3 兼容:js中事件监听兼容原理.mp4
26-4 实战:事件委托版拖拽 - 需求.mp4
26-5 事件委托版拖拽 - 解析.mp4
26-6 经验分享:滚动事件是如何发生的?.mp4
27-1 方法实操:eval.mp4
27-2 方法实操:parseInt、parseFloat.mp4
27-3 方法实操:随机数、三目运算符、isNaN.mp4
27-4 练习:网页随机抽奖效果-需求.mp4
27-5 练习:网页随机抽奖效果 - 解析.mp4
28-1 理论讲解:js中对象理解 - 不等性.mp4
28-2 理论讲解:js中对象理解 - 私有属性.mp4
28-3 理论进阶:js中对象理解 - new方法.mp4
28-4 理论进阶:js中对象理解 - 引用机制.mp4
28-5 理论讲解:js中对象理解 - 类及获取数据中类的方法.mp4
28-6 理论进阶:js中对象理解 - 原型.mp4
28-7 理论进阶:js中对象理解 - 原型链.mp4
29-1 理论实操:this指向.mp4
29-2 理论实操:改变this指向 - call.mp4
29-3 理论实操:改变this指向 - apply.mp4
29-4 理论实操:改变this指向 - bind.mp4
29-5 理论实操:原型继承.mp4
29-6 理论实操:属性继承.mp4
30-1 概念:JS的模块化开发概念.mp4
30-2 概念:JS模块化选择器模块化优化封装.mp4
30-3 封装:JS模块化方法使用优化封装.mp4
30-4 封装:JS模块化链式操作封装.mp4
30-5 综合实战:面向对象版拖拽封装-需求.mp4
30-6 综合实战:面向对象版拖拽封装-解析(1).mp4
30-7 综合实战:面向对象版拖拽封装-解析(2).mp4
31-1 案例分析:面向对象版选项卡 - 需求.mp4
31-2 第一步:头部点击按钮封装.mp4
31-3 第二步:下方内容部分封装.mp4
31-4 第三步:点击切换事件封装.mp4
31-5 第四步:自动播放模块封装.mp4
31-6 第五步:切换颜色模块封装-1.mp4
31-7 第五步:切换颜色模块封装-2.mp4
31-8 第五步:切换颜色模块封装-3.mp4
32-1 PC网页布局分析:电商官网首页布局分析与思路.mp4
32-2 第一步:制作头部导航内容.mp4
32-3 第二步:制作logo搜索框内容(1).mp4
32-4 第二步:制作logo搜索框内容(2).mp4
32-5 第三步:制作商品分类及购买导航部分.mp4
32-6 第四步:制作首页轮播图部分.mp4
32-7 第五步:广告专区模块制作.mp4
32-8 第六步:每日必看专区模块制作(1).mp4
32-9 第六步:每日必看专区模块制作(2).mp4
32-10 第六步:每日必看专区模块制作(3).mp4
32-11 第七步:底部导航模块制作.mp4
32-12 第八步:尾部链接模块制作(1).mp4
32-13 第八步:尾部链接模块制作(2).mp4
32-14 第九步:右侧跟随模块制作.mp4
33-1 PC网页交互分析:唯品会官网首页交互分析与思路.mp4
33-2 第一步:城市选择模块JS部分制作-1.mp4
33-3 第一步:城市选择模块JS部分制作-2.mp4
33-4 第一步:城市选择模块JS部分制作-3.mp4
33-5 第一步:城市选择模块JS部分制作-4.mp4
33-6 -1 第二步:右侧导航触碰效果制作.mp4
33-7 -2 第二步:右侧导航触碰效果制作.mp4
33-8 -3 第二步:右侧导航触碰效果制作.mp4
33-9 -4 第二步:右侧导航触碰效果制作.mp4
33-10 -5 第二步:右侧导航触碰效果制作.mp4
33-11 -6 第二步:右侧导航触碰效果制作.mp4
33-12 第三步:商品分类内容效果制作-1.mp4
33-13 第三步:商品分类内容效果制作-2.mp4
33-14 第三步:商品分类内容效果制作-3.mp4
33-15 第四步:滚动吸顶条模块制作.mp4
33-16 第五步:点击加载瀑布流效果制作.mp4
33-17 第六步:右侧跟随模块的账号购物袋效果制-1.mp4
33-18 第六步:右侧跟随模块的账号购物袋效果制-2.mp4
33-19 项目综合总结.mp4
34-1 概念:到底什么是html5?又什么是css3呢?.mp4
34-2 圆角:CSS3的圆角样式.mp4
34-3 阴影:CSS3的阴影样式.mp4
34-4 过渡:CSS3的过渡样式.mp4
34-5 缩放:CSS3的变形 - 缩放样式.mp4
34-6 平移:CSS3的变形 - 平移样式.mp4
34-7 旋转:CSS3的变形 - 旋转样式.mp4
34-8 扭曲:CSS3的变形 - 扭曲样式.mp4
34-9 变形:CSS3的变形中心点样式.mp4
34-10 练习:CSS3模拟时钟 - 需求.mp4
34-11 练习:CSS3模拟时钟 - 解析.mp4
35-1 案例分析:3d盒子的内容解析与思路.mp4
35-2 第一步:景深样式学习.mp4
35-3 第二步:变形样式 - z轴样式.mp4
35-4 第三步:3d盒子制作.mp4
35-5 经验分享:变形样式顺序.mp4
35-6 实战:3d书籍翻页效果 - 需求.mp4
35-7 实战:3d书籍翻页效果 - 解析 -第一部分 -翻页效果制作-1.mp4
35-8 实战:3d书籍翻页效果 - 解析 -第一部分 -翻页效果制作-2.mp4
35-9 实战:3d书籍 - 第二部分 - 翻页页面内容.mp4
35-10 实战:3d书籍 - 第三部分 -中心静态文字及左下角的动态效果-1.mp4
35-11 实战:3d书籍 - 第三部分 -中心静态文字及左下角的动态效果-2.mp4
35-12 实战:3d书籍页面内容动画效果-1.mp4
35-13 实战:3d书籍页面内容动画效果-2.mp4
35-14 实战:3d书籍页面内容动画效果-3.mp4
35-15 实战:3d书籍页面内容动画效果-4.mp4
36-1 理论实操:相邻、兄弟选择器.mp4
36-2 理论实操:指定、子元素选择器.mp4
36-3 理论实操:属性选择器.mp4
36-4 理论实操:高亮选择器.mp4
36-5 理论实操:非内容、禁用选择器.mp4
36-6 经验分享:伪元素与伪类.mp4
37-1 案例分析:自定义视频播放器解析与思路.mp4
37-2 第一步:了解认识HTML5视频标签.mp4
37-3 第二步:html5视频播放器API解析.mp4
37-4 第三步:自定义视频播放器布局制作.mp4
37-5 第四步:自定义视频播放器全屏功能.mp4
37-6 第五步:自定义视频播放器声音控制功能.mp4
37-7 第六步:自定义视频播放器进度条控制功能(1).mp4
37-8 第七步:自定义视频播放器功能优化(1).mp4
37-9 第七步:自定义视频播放器功能优化(2 ).mp4
38-1 案例分析:网页钢琴效果解析.mp4
38-2 第一步:认识HTML5音频标签.mp4
38-3 第二步:钢琴效果制作.mp4
38-4 经验分享:JS新增query选择器的使用.mp4
39-1 认知:了解认识移动端.mp4
39-2 计算单位:屏幕单位、计算样式.mp4
39-3 响应式:响应式布局学习及使用方式.mp4
39-4 REM应用:REM单位学习.mp4
39-5 REM算法:REM算法原理介绍.mp4
39-6 练习:移动端页面制作(1).mp4
39-7 练习:移动端页面制作(2).mp4
39-8 练习:移动端页面制作(3).mp4
40-1 概念:弹性盒子布局概念.mp4
40-2 方法:弹性盒子分块、分层样式.mp4
40-3 方法:弹性盒子轴线、交叉轴样式.mp4
40-4 方法:弹性盒子内容排序、比例缩小.mp4
40-5 方法:多轴线对齐方式、项目上下对齐方式.mp4
40-6 弹性盒子实战:慕课网首页课程展示布局.mp4
40-7 弹性盒子实战:慕课网首页榜单制作(1).mp4
40-8 弹性盒子实战:慕课网首页榜单制作(2).mp4
41-1 案例分析:慕课网移动端首页解析.mp4
41-2 第一步:头部导航模块制作.mp4
41-3 第二步:内容导航模块制作.mp4
41-4 第三步:轮播图模块制作.mp4
41-5 第四步:实战推荐模块制作(1).mp4
41-6 第四步:实战推荐模块制作(2).mp4
41-7 第五步:体系课模块制作.mp4
41-8 第六步:学习路线模块制作(1).mp4
41-9 第六步:学习路线模块制作(2).mp4
41-10 第七步:慕课专栏模块制作.mp4
41-11 第八步:新上好课模块制作.mp4
41-12 第九步:课程精选模块制作.mp4
41-13 第十步:精英讲师模块制作.mp4
41-14 第十一步:猜你喜欢模块制作.mp4
42-1 第一步:轮播图模块效果制作.mp4
42-2 第二步:慕课专栏效果制作.mp4
42-3 第三步:滚动时内容吸顶条与底部内容显示效果.mp4
42-4 第四步:精英讲师效果制作.mp4
42-5 项目综合总结.mp4
43-1 定义:什么是前后台交互?.mp4
43-2 原理:AJAX对象的基本原理.mp4
43-3 AJAX对象的GET请求方式.mp4
43-4 方法:AJAX对象的POST请求方式.mp4
43-5 含义:AJAX及HTTP状态码含义.mp4
43-6 封装:封装AJAX函数.mp4
43-7 实操:在线翻译接口的使用 - 需求.mp4
43-8 实操:在线翻译接口的使用 - 解析.mp4
44-1 表单请求:form表单get发送.mp4
44-2 表单请求:form表单post发送.mp4
44-3 对象请求:fetch对象的get请求.mp4
44-4 对象请求:fetch对象的post请求.mp4
44-5 跨域原理:jsonp跨域请求原理.mp4
44-6 实战:360搜索栏下拉菜单实现剖析.mp4
45-1 基础:Axios库的基本使用方式【重点】.mp4
45-2 方式:Axios库的post请求方式.mp4
45-3 请求:Axios库的并发请求.mp4
46-1 第一步:注册登录页面制作(1).mp4
46-2 第一步:注册登录页面制作(2).mp4
46-3 第二步:搜索页面制作(1).mp4
46-4 第二步:搜索页面制作(2).mp4
46-5 第二步:搜索页面制作(3).mp4
46-6 第三步:注册登录数据交互接口部分制作(1).mp4
46-7 第三步:注册登录数据交互接口部分制作(2).mp4
46-8 第三步:注册登录数据交互接口部分制作(3).mp4
46-9 第三步:注册登录数据交互接口部分制作(4).mp4
46-10 第四步:搜索页面制作数据交互接口结果内部制作(1).mp4
46-11 第四步:搜索页面制作数据交互接口结果内部制作(2).mp4
47-1 前端下一步必要学习内容前瞻.mp4
47-2 前端整体成长知识体系和路径.mp4
47-3 前端技能推荐学习路径与课程.pdf
47-4 课程整体总结.mp4
Web_Courseware-main.zip
下载地址:
|
|