如果你在学习前端,千万不要错过这次的尚大前端视频四连发!
01 李立超2019版前端视频本套教程是尚硅谷李立超老师2019年全新录制,将前端学习的基础内容融汇为148节课,涵盖了HTML、CSS、HTML5和CSS3的核心技术点。通过对本教程的学习,可以帮助初学者快速上手,并完成大部分静态网页的开发。
教程的具体内容包括:基本的HTML标签、HTML5新标签、CSS的基本用法、盒子模型、浮动、定位、flexbox、css sprite、 iconfont、transform、transition、animation、media query、less、vs code、PhotoShop等;还包含了移动端开发的基础知识,如视口、移动端的适配等(这些内容使我们可以在不应用任何JS代码的情况下即完成移动端的适配)。
除此之外,课程涵盖大量的CSS技巧、动画、交互效果,对传统浮动和定位的布局方式,以及CSS3中的弹性盒和响应式布局都有深入讲解。
教程目录:
001.H5&C3基础_课程简介
002.H5&C3基础_网页简史
003.H5&C3基础_HTML简介
004.H5&C3基础_编写你的第一个网页
005.H5&C3基础_安装notepad++
006.H5&C3基础_自结束标签和注释
007.H5&C3基础_标签中的属性
008.H5&C3基础_文档声明
009.H5&C3基础_关于进制
010.H5&C3基础_字符编码
011.H5&C3基础_1文档的使用
012.H5&C3基础_VSCode的安装
013.H5&C3基础_配置liveServer
014.H5&C3基础_实体
015.H5&C3基础_meta标签
016.H5&C3基础_语义化标签(1)
017.H5&C3基础_块和行内
018.H5&C3基础_语义化标签(2)
019.H5&C3基础_列表
020.H5&C3基础_超链接简介
021.H5&C3基础_相对路径
022.H5&C3基础_超链接的其他用法
023.H5&C3基础_图片标签
024.H5&C3基础_图片的格式
025.H5&C3基础_内联框架
026.H5&C3基础_音视频播放
027.H5&C3基础_CSS简介
028.H5&C3基础_CSS编写的位置
029.H5&C3基础_CSS的基本语法
030.H5&C3基础_常用选择器
031.H5&C3基础_复合选择器
032.H5&C3基础_关系选择器
033.H5&C3基础_属性选择器
034.H5&C3基础_伪类选择器
035.H5&C3基础_超链接的伪类
036.H5&C3基础_伪元素
037.H5&C3基础_餐厅练习介绍
038.H5&C3基础_继承
039.H5&C3基础_选择器的权重
040.H5&C3基础_像素和百分比
041.H5&C3基础_em和rem
042.H5&C3基础_RGB值
043.H5&C3基础_HSL值
044.H5&C3基础_文档流
045.H5&C3基础_盒子模型
046.H5&C3基础_盒子模型-边框
047.H5&C3基础_盒子模型-内边距
048.H5&C3基础_盒子模型-外边距
049.H5&C3基础_盒子模型-水平方向的布局
050.H5&C3基础_盒子模型-垂直方向的布局
051.H5&C3基础_盒子模型-外边距的折叠
052.H5&C3基础_行内元素的盒模型
053.H5&C3基础_浏览器的默认样式
054.H5&C3基础_布置练习
055.H5&C3基础_京东图片列表
056.H5&C3基础_京东左侧导航栏
057.H5&C3基础_网易新闻列表
058.H5&C3基础_盒子的大小
059.H5&C3基础_轮廓阴影和圆角
060.H5&C3基础_浮动的简介
061.H5&C3基础_浮动的特点
062.H5&C3基础_导航条练习
063.H5&C3基础_简单的布局
064.H5&C3基础_高度塌陷和BFC
065.H5&C3基础_BFC的演示
066.H5&C3基础_clear
067.H5&C3基础_使用after伪类解决高度塌陷
068.H5&C3基础_clearfix
069.H5&C3基础_相对定位
070.H5&C3基础_绝对定位
071.H5&C3基础_固定定位
072.H5&C3基础_粘滞定位
073.H5&C3基础_绝对定位元素的位置
074.H5&C3基础_元素的层级
075.H5&C3基础_京东轮播图练习
076.H5&C3基础_字体族
077.H5&C3基础_图标字体简介
078.H5&C3基础_图标字体的其他使用方式
079.H5&C3基础_iconfont
080.H5&C3基础_行高
081.H5&C3基础_字体的简写属性
082.H5&C3基础_文本的水平和垂直对齐
083.H5&C3基础_其他的文本样式
084.H5&C3基础_京东顶部导航条-结构
085.H5&C3基础_京东顶部导航条-基本样式
086.H5&C3基础_京东顶部导航条-下拉框
087.H5&C3基础_PS的安装
088.H5&C3基础_背景(一)
089.H5&C3基础_背景(二)
090.H5&C3基础_背景练习1
091.H5&C3基础_背景练习2
092.H5&C3基础_雪碧图
093.H5&C3基础_线性渐变
094.H5&C3基础_径向渐变
095.H5&C3基础_电影卡片练习
096.H5&C3基础_表格的简介
097.H5&C3基础_长表格
098.H5&C3基础_表格的样式
099.H5&C3基础_表单简介
100.H5&C3基础_表单补充
101.H5&C3基础_项目搭建
102.H5&C3基础_导航条结构的搭建
103.H5&C3基础_导航条基本样式
104.H5&C3基础_二维码下拉
105.H5&C3基础_添加过渡效果
106.H5&C3基础_头部logo
107.H5&C3基础_头部导航条
108.H5&C3基础_头部导航下拉层
109.H5&C3基础_右侧的搜索框
110.H5&C3基础_左侧的导航条
111.H5&C3基础_完成banner
112.H5&C3基础_右侧工具条
113.H5&C3基础_中间的广告栏
114.H5&C3基础_项目补充
115.H5&C3基础_过渡
116.H5&C3基础_米兔练习
117.H5&C3基础_动画
118.H5&C3基础_奔跑的少年
119.H5&C3基础_关键帧
120.H5&C3基础_变形平移
121.H5&C3基础_z轴平移
122.H5&C3基础_旋转
123.H5&C3基础_鸭子表
124.H5&C3基础_复仇者联盟
125.H5&C3基础_缩放
126.H5&C3基础_less简介
127.H5&C3基础_less中的变量
128.H5&C3基础_父元素和扩展
129.H5&C3基础_混合函数
130.H5&C3基础_less的补充
131.H5&C3基础_弹性盒简介
132.H5&C3基础_会弹的导航条
133.H5&C3基础_弹性容器上的样式
134.H5&C3基础_弹性元素上的样式
135.H5&C3基础_淘宝导航
136.H5&C3基础_聊聊像素
137.H5&C3基础_手机像素
138.H5&C3基础_完美视口
139.H5&C3基础_vw单位
140.H5&C3基础_vw适配
141.H5&C3基础_移动端页面上部分
142.H5&C3基础_完成移动端页面
143.H5&C3基础_媒体查询简介
144.H5&C3基础_媒体查询简介
145.H5&C3基础_美图手机导航结构
146.H5&C3基础_美图手机左侧图标
147.H5&C3基础_美图手机左侧下拉菜单
148.H5&C3基础_美图手机完成
02 axios核心技术axios是前端必备的前后交互ajax请求库, vue/react官方推荐使用。本视频教程从基本的HTTP请求协议开始,到封装XHR定义简洁版axios;从axios的基本语法使用,到难点技术使用分析,最后进行axios源码的深入分析,帮助学习者深入掌握axios技术。
教程目录:
01.课程介绍
02.HTTP相关复习
03.json-server搭建REST接口_浏览器测试
04.使用axios请求REST接口
05.区别ajax请求与一般的http请求
06.XHR的API
07.分析axios请求函数
08.ajax封装_发请求
09.ajax封装_post请求携带参数数据
10.ajax封装_get请求携带参数
11.ajax封装_读取请求结果数据
12.ajax封装_PUT和DELETE请求
13.axios的介绍和特点
14.axios的文档说明
15.axios使用_发ajax请求
16.axios使用_create方法
17.axios使用_拦截器及运行流程
18.axios使用_取消请求1
19.axios使用_取消请求2
20.axios源码分析_整体结构分析
21.axios源码分析_axios与Axios的关系
22.axios源码分析_axios与Axios的关系_debug
23.axios源码分析_axios与instance的区别
24.axios源码分析_流程图分析
25.axios源码分析_request串连整个流程
26.axios源码分析_request串连整个流程图
27.axios源码分析_dispatchRuest函数
28.axios源码分析_xhrAdapter函数
29.axios源码分析_取消请求
03 Promise核心技术Promise是ES6中最重要也是最难的技术。中大型公司面试前端工程师,Promise的实现是必考题。本视频教程从最基本的回调/异常语法开始,到Promise的基本使用;从Promise难点技术分析,到一步步手写Promise的实现、扩展async和await深入分析、宏队列与微队列详解;最后通过经典的面试题,检验Promise学习的效果。通关之后,你就成为了Promise高级工程师!
教程目录:
01.课程介绍
02.函数对象与实例对象
03.2种回调函数(同步与异步)
04.常见的内置错误
05.错误的处理(捕获与抛出)
06.Promise的理解
07.promise的状态和状态改变
08.Promise的基本运行流程
09.promise的基本使用
10.为什么要用Promise
11.Promise的API说明
12.Promise的API使用1
13.Promise的API使用2
14.Promise的几个关键问题1
15.Promise的几个关键问题2
16.Promise的几个关键问题3
17.Promise的几个关键问题4
18.Promise的几个关键问题5
20.自定义Promise_说明
21.自定义Promise_整体结构
22.自定义Promise_构造函数实现1
23.自定义Promise_构造函数实现2
24.自定义Promise_构造函数测试和完善
25.自定义Promise_then方法实现1
26.自定义Promise_then方法实现2
27.自定义Promise_then方法实现3
28.自定义Promise_then方法测试和完善
29.自定义Promise_then方法实现(第2遍)
30.自定义Promise_Promise的resolve和reject方法
31.自定义Promise_Promise的all方法
32.自定义Promise_Promise的race方法
33.自定义Promise_完善all和race方法
34.自定义Promise_Promise的resolveDelay和rejectDelay方法
35.自定义Promise_class版本
36.async与await
37.JS异步之宏队列与微队列
38.面试题1
39.面试题2
40.面试题3
41.面试题4
04 微信小程序框架mpvue实战本项目使用的框架是美团团队推出的小程序框架mpvue,项目为模块化、组件化、工程化的项目。涵盖了原生小程序API的使用、Vue.js核心语法及flyio第三方Ajax请求库,后端使用Koa框架进行搭建。学习本课程内容可以快速上手mpvue,熟悉小程序同后端交互,及同微信官方的交互流程。
教程目录:
01.mpvue简介
02.Mpvue初始化简介
03.mpvue项目初始化搭建
04.firstView页面搭建
05.firstView页面搭建2
06.路由跳转
07.窗口配置
08.底部tab栏搭建
09.index静态页面搭建
10.index数据动态展示
11.详情页静态页面搭建
12.详情页数据动态渲染
13.分享功能实现
14.列表页功能完成
15.服务器初始化搭建
16.搜索图书接口完成
17.服务器nodemon自动编译
18.搜索页面头部功能完成
19.前后端交互实现
20.搜索界面完成
21.个人中心静态页面搭建
22.获取用户登录信息,授权弹窗
23.打开本地摄像头扫码
24.封装ajax请求功能函数
25.图解说明如何获取用户唯一标识openId
26.获取用户临时登录凭证code
27.服务器端获取openId接口设计
28.验证接口获取openId
29.自定义登录状态,生成token
30.token验证测试
获取四套前端视频教程,请关注尚硅谷教育1024程序员狂欢节活动,猛击文章左下角“
有了尚硅谷,学习不再苦!
长按识别二维码关注