零基础学前端全栈系列课程 HTML/CSS/SCSS/JavaScript 入门到精通

1.Scss课程介绍

2.[1]什么是sass

2.[2]sass和scss的区别

2.[3]sass的强大之处演示

3.[1]如何在VSCode中使用sass[添加插件live Sass Compiler]

3.[2]如何在VSCode中使用sass[配置插件]

4.sass常用功能[1]sass中的注释

4.sass常用功能[2]利用嵌套提升编码效率

4.sass常用功能[3]如何在嵌套中查找父选择器

4.sass常用功能[4]属性如何嵌套

4.sass常用功能[5]利用变量提升维护效率

4.sass常用功能[6]sass中的运算[1]减加乘

4.sass常用功能[6]sass中的运算[2]除法运算

4.sass常用功能[6]sass中的运算[3]变量运算

4.sass常用功能[6]sass中的运算[4]字符串运算

4.sass常用功能[7]灵活的差值语句

4.sass常用功能[8]利用@import实现模块化开发[1]结构拆分以及样式书写

4.sass常用功能[8]利用@import实现模块化开发[2]利用@import引入

4.sass常用功能[9]如何只编译指定的scss文件

4.sass常用功能[10]sass中的继承(@extend)

4.sass常用功能[11]占位选择器

4.sass常用功能[12]sass中的混合(@mixin)[1]混合的简单使用

4.sass常用功能[12]sass中的混合(@mixin)[2]带有默认值的参数以及多个参数

4.sass常用功能[12]sass中的混合(@mixin)[3]这部分内容更改的解释

4.sass常用功能[13]sass中的if判断(@if)[1]@if

4.sass常用功能[13]sass中的if判断(@if)[2]@else if

4.sass常用功能[14]sass中的for循环(@for)[1]through

4.sass常用功能[14]sass中的for循环(@for)[2]to

4.sass常用功能[15]sass中的@each

4.sass常用功能[16]sass中的函数

4.sass常用功能[17]一个小例子

5.课程总结

1. 课程安排

1. JavaScript能做什么

2. 怎么使用JavaScript

1. 第一步：拿到一个 HTML 元素

2. 第二步：认识控制台

3. 第三步：获取以及修改这个 HTML 元素的内容

4. 第四步：获取以及操作这个 HTML 元素的属性

5. 第五步：写点注释吧

6. 作业安排

7. 作业讲解

什么是ECMAScript

【变量详解】1. 声明变量、初始化变量

【变量详解】2. 全局变量、局部变量、 变量的类型

【变量详解】3. 命名规则、命名方式

【数据类型】1. 认识常用数据类型

【数据类型】2. typeof 判断数据类型

【数据类型】3. 原始值和引用值详解

【运算】1. 数学运算符、赋值运算符

【运算】2. 等性运算符、 关系运算符

【运算】3. 逻辑运算符

先来认识一下隐式类型转换

【流程控制】1. 流程控制概念

【流程控制】2. if else

【流程控制】3. switch

【流程控制】4. 三元表达式

【流程控制】5. while、do while

【流程控制】6. for

【流程控制】7. Break、Continue

【流程控制】8. 作业安排

【流程控制】9. 作业讲解

【Function 精讲】1. 简单的函数定义与调用

【Function 精讲】2. 函数的另外几种形式（上）

【Function 精讲】3. 函数的另外几种形式（下）

【Function 精讲】4. 函数的形式参数、实际参数

【Function 精讲】5. 函数的实参列表 arguments

【Function 精讲】6. 函数的返回值 return

【Function 精讲】7. 作业安排

【Function 精讲】8. 作业讲解

【String 精讲】1. 字符串的创建、拼接、length

【String 精讲】2. String 的常用方法（上）

【String 精讲】3. String 的常用方法（中）

【String 精讲】4. String 的常用方法（下）

【String 精讲】5. 作业安排

【String 精讲】6. 作业讲解

【Number 精讲】1. 创建数字

【Number 精讲】2. NaN、Infinity、-Infinity

【Number 精讲】3. 数字常用属性

【Number 精讲】4. Number 的常用方法（上）

【Number 精讲】5. Number 的常用方法（下）

【Number 精讲】6. 全局对象下 Number 相关的方法（上）

【Number 精讲】7. 全局对象下 Number 相关的方法（下）

【Number 精讲】8. 作业安排

【Number 精讲】9. 作业讲解

【Array 精讲】1. 重新认识数组（上）

【Array 精讲】2. 重新认识数组（下）

【Array 精讲】3. 数组的常用方法 isArray()、concat()

【Array 精讲】4. 数组的常用方法 push()、pop()

【Array 精讲】5. 数组的常用方法 unshift()、shift()

【Array 精讲】6. 数组的常用方法 join()、reverse()

【Array 精讲】7. 数组的常用方法 sort()

【Array 精讲】8. 数组的常用方法 slice()、splice()

【Array 精讲】9. 数组的常用方法 indexOf()、lastIndexOf()

【Array 精讲】10. 数组的常用方法 every()、some()、filter()

【Array 精讲】11. 数组的常用方法 forEach()、map()

【Array 精讲】12. 数组的常用方法 reduce()、reduceRight()

【Array 精讲】13. 作业安排

【Array 精讲】14. 作业讲解

【Object 精讲】1. 创建对象

【Object 精讲】2. 访问修改对象属性、方法

【Object 精讲】3. for in 遍历对象

【Object 精讲】4. 作业安排

【Object 精讲】5. 作业讲解

【RegExp 精讲】1. 创建正则表达式

【RegExp 精讲】2. 修饰符

【RegExp 精讲】3. 字符类别

【RegExp 精讲】4. 字符集合

【RegExp 精讲】5. 边界

【RegExp 精讲】6. 数量词

【RegExp 精讲】7. 分组与反向引用

【RegExp 精讲】8. 零宽断言

【RegExp 精讲】9. 正则常用属性

【RegExp 精讲】10. 正则常用方法

【RegExp 精讲】11. 配合正则的字符串方法

【RegExp 精讲】12. 作业安排

【RegExp 精讲】13. 作业讲解

【Date 精讲】1. new Date()、 getTime()

【Date 精讲】2. 获取具体时间

【Date 精讲】3. 设置具体时间

【Math 精讲】1. Math 概述.html

【Math 精讲】2. Math 常用方法（上）

【Math 精讲】3. Math 常用方法（中）

【Math 精讲】4. Math 常用方法（下）

【强制类型转换】1. 强制类型转换（上）

【强制类型转换】2. 强制类型转换（中）

【强制类型转换】3. 强制类型转换（下）

【强制类型转换】4. 作业安排

什么是 HTML DOM

【玩转 DOM】1. 玩转 DOM（一）

【玩转 DOM】2. 玩转 DOM（二）

【玩转 DOM】3. 玩转 DOM（三）

【玩转 DOM】4. 玩转 DOM（四）

【玩转 DOM】5. 玩转 DOM（五）

【玩转 DOM】6. 玩转 DOM（六）

【玩转 DOM】7. 玩转 DOM（七）

【玩转 DOM】8. 玩转 DOM（八）

【DOM 常用属性】1. className、id、style

【DOM 常用属性】2. attributes

【DOM 常用属性】3. classList

【DOM 常用属性】4. innerHTML、innerText

【DOM 常用属性】5. nodeType、nodeValue、nodeName

【DOM 常用属性】6. parentNode、parentElement、childNodes、children

【DOM 常用属性】7. firstChild、firstElementChild、lastChild、lastElementChild

【DOM 常用属性】8. nextSibling、nextElementSibling、previousSibling、previousElementSibling

【DOM 常用属性】9. clientWidth、 scrollWidth、offsetWidth

【DOM 常用属性】10. clientLeft、scrollLeft、offsetLeft

【DOM 常用属性】11. offsetParent

【DOM 常用方法】1. getAttribute()、getAttributeNode()

【DOM 常用方法】2. setAttribute()、setAttributeNode()、createAttribute()

【DOM 常用方法】3. removeAttribute()、removeAttributeNode()、hasAttribute()、hasAttributes()

【DOM 常用方法】4. getElementById()、getElementsByClassName()、getElementsByTagName()、getElementsByName()

【DOM 常用方法】5. querySelector()、querySelectorAll()

【DOM 常用方法】6. createElement()、createTextNode()、appendChild()

【DOM 常用方法】7. removeChild()、replaceChild()、insertBefore()、hasChildNodes()

【DOM 常用方法】8. focus()、hasFocus()

【DOM 事件】1. onclick、ondblclick、oncontextmenu

【DOM 事件】2. onmousedown、onmouseup、onmousemove

【DOM 事件】3. onmouseenter、onmouseleave、onmouseover、onmouseover

【DOM 事件】4. onfocus、onblur、onselect

【DOM 事件】5. onchange、oninput、onsearch

【DOM 事件】6. onreset、onsubmit

【DOM 事件】7. onscroll、onresize.html

【DOM 事件】8. onload

【DOM 事件监听】1. addEventListener()、removeEventListener()

【DOM 事件监听】2. 事件冒泡、事件捕获详解

【DOM 事件监听】3. 阻止事件传递 stopPropagation()

【Event 对象】1. 常用属性

【Event 对象】2. 常用方法

代办事项-作业讲解（一）

代办事项-作业讲解（二）

代办事项-作业讲解（三）

1. 什么是 BOM

2. window 相关

3. location 相关

4. 认识 Cookie

5. 设置 Cookie

6. 删除、修改 Cookie

7. setInterval()、clearInterval()

8. setTimeout()、clearTimeout()

9.0 作业安排-简单的轮播图

9.1 作业安排-简单的轮播图（一）

9.2 作业安排-简单的轮播图（二）

9.3 作业安排-简单的轮播图（三）

最后啰嗦几分钟

1. 方便、实用的可配置轮播图插件-效果演示

2. 方便、实用的可配置轮播图插件-代码编写（一）

3. 方便、实用的可配置轮播图插件-代码编写（二）

4. 方便、实用的可配置轮播图插件-代码编写（三）

5. 方便、实用的可配置轮播图插件-代码编写（四）

6. 方便、实用的可配置轮播图插件-代码编写（五）

7. 方便、实用的可配置轮播图插件-代码编写（六）

7. 方便、实用的可配置轮播图插件-代码编写（七）