你将学到的
  • HTML5
  • JavaScript 基础语法
  • jQuery 核心
  • Vue.js 框架
  • ECharts 常用图表
  • CSS3
  • JavaScript 综合运用
  • ES6 新特性
  • Element UI 使用
  • Node.js 基础
课程内容
收起内容
  共112个章节
第一讲 蓝桥杯 Web 应用开发竞赛概述
共2个章节
实验 1 写在开头的话

知识点: 1.如何备赛 2.VSCode的使用

文档 1 蓝桥杯 Web 应用开发知识点
第二讲 HTML 和 CSS
共16个章节
考点解析
视频 1 HTML+CSS 考点解析
学一学
实验 2 HTML 基本结构

知识点: 1.html标签 2.head标签 3.title标签 4.meta标签 5.body标签

知识点: 1.a标签 2.span标签 3.strong标签

知识点: 1.div标签 2.p标签 3.标题标签 4.列表标签

知识点: 1.form标签 2.input标签 3.select标签 4.option标签

实验 6 HTML5 新特性

知识点: 1.基本语义化标签 2.多媒体标签 3.HTML5新属性

实验 7 HTML5 本地存储

知识点: 1.localStorage 2.sessionStorage

实验 8 CSS 基础语法

知识点: 1.选择器 2.背景样式 3.文本属性 4.字体属性 5.链接中的伪类 6.列表样式

知识点: 1.padding 2.margin 3.border

实验 10 display 属性

知识点: 1.display属性

实验 11 浮动与定位

知识点: 1.float 2.position

实验 12 CSS3 新特性

知识点: 1.CSS3新增选择器 2.文本阴影 3.文本溢出 4.圆角边框 5.盒子阴影 6.背景属性 7.渐变属性 8.元素转换 9.过渡属性 10.动画

实验 13 CSS3 弹性盒子

知识点: 1.flexdirection 2.flexwrap 3.alignitems 4.aligncontent

知识点: 1.@media媒体查询

练一练
挑战 1 第十三届蓝桥杯省赛 :水果拼盘
视频 2 真题解析:水果拼盘
第三讲 JavaScript
共22个章节
考点解析
视频 3 JavaScript 考点解析
学一学

知识点: 1.JavaScript的介绍 2.var定义变量

知识点: 1.基本数据类型 2.引用数据类型 3.typeof

实验 17 运算符与表达式

知识点: 1.算术运算符 2.比较运算符 3.赋值运算符 4.逻辑运算符 5.条件运算符

实验 18 分支与循环

知识点: 1.分支结构 2.循环结构

知识点: 1.函数

实验 20 变量的作用域

知识点: 1.全局作用域 2.局部作用域

知识点: 1.数学对象 2.日期对象 3.数组对象 4.字符串对象

知识点: 1.DOM 2.BOM

知识点: 1.鼠标事件 2.键盘事件 3.表单事件

知识点: 1.type 2.keyCode 3.shiftKey 4.ctrlKey 5.altKey 6.DOM0级事件与DOM2级事件

知识点: 1.XMLHttpRequest对象 2.open和send方法 3.onreadystatechange函数

实验 26 正则表达式

知识点: 1.正则表达式 2.表单验证

深一深
挑战 2 题目练习:实现类型判断
实验 27 题目讲解:实现类型判断

知识点: 1.JavaScript数据类型 2.判断JavaScript数据类型的几种方法

挑战 3 题目练习:判断对象是否为空
文档 2 题目讲解:判断对象是否为空

知识点: 1.forin 2.Objectkeys() 3.JSONstringify()

实验 28 知识讲解:this

知识点: 1.this 2.call、apply、bind

挑战 4 题目练习:实现 call 函数
文档 3 题目讲解:实现 call 函数

知识点: 1.call原理 2.call使用场景

练一练
挑战 5 第十三届蓝桥杯国赛:分一分
视频 4 真题解析:分一分
第四讲 jQuery
共14个章节
考点解析
视频 5 jQuery 考点解析
学一学

知识点: 1.jQuery库的引入 2.HellojQuery

实验 30 基本选择器

知识点: 1.元素选择器 2.ID选择器 3.类选择器 4.群组选择器 5.通配符选择器

实验 31 层次选择器

知识点: 1.后代选择器 2.子代选择器 3.兄弟选择器 4.相邻选择器

实验 32 属性选择器

知识点: 1.属性选择器

实验 33 伪类选择器

知识点: 1.位置伪类选择器 2.可见性伪类选择器 3.内容伪类选择器 4.表单伪类选择器 5.表单对象属性选择器

知识点: 1.页面事件 2.鼠标事件 3.键盘事件 4.表单事件 5.滚动事件 6.绑定事件 7.合成事件 8.自定义事件

知识点: 1.event对象

知识点: 1.节点的创建 2.元素的插入 3.元素的删除 4.元素的替换 5.元素的遍历 6.属性操作 7.样式操作 8.内容操作

知识点: 1.隐藏与显示 2.淡入与淡出 3.自定义动画 4.队列动画 5.回调函数 6.停止动画 7.延迟动画

知识点: 1.遍历祖先元素 2.遍历兄弟元素 3.遍历后代元素 4.过滤元素

知识点: 1.load方法 2.get方法 3.post方法 4.ajax方法 5.getJSON 6.getScript

练一练
挑战 6 第十三届蓝桥杯省赛:冬奥大抽奖
视频 6 真题解析:冬奥大抽奖
第五讲 ES6
共21个章节
考点解析
视频 7 ES6 考点解析
学一学
实验 40 新增关键字

知识点: 1.var关键字的缺点 2.let 3.const

实验 41 字符串的扩展

知识点: 1.模板字面量 2.字符串的新增方法

实验 42 数组的扩展

知识点: 1.创建数组的方法 2.数组实例的方法 3.forof循环 4.扩展运算符

实验 43 函数的扩展

知识点: 1.默认参数 2.rest参数 3.箭头函数

知识点: 1.类的声明 2.类的继承 3.类的属性和方法 4.newtarget属性

实验 45 对象的扩展

知识点: 1.对象字面量 2.对象的扩展运算符 3.对象的新增方法

知识点: 1.Set对象 2.Map对象

知识点: 1.Promise对象基础应用 2.Promise对象中的方法 3.async关键字 4.await关键字

知识点: 1.export 2.import

知识点: 1.什么是Proxy 2.Proxy的实例方法

深一深
挑战 7 题目练习:生成数组
文档 4 题目讲解:生成数组

知识点: 1.Arrayfrom 2.伪数组转数组

挑战 8 题目练习:数组去重
文档 5 题目讲解:数组去重

知识点: 1.Set 2.对象数组去重

挑战 9 题目练习:实现模板字符串解析
文档 6 题目讲解:实现模板字符串解析

知识点: 1.模板字符串 2.正则表达式

挑战 10 题目练习:实现 async 函数
文档 7 题目讲解:实现 async 函数

知识点: 1.async/await 2.Generator

练一练
挑战 11 第十三届蓝桥杯省赛:灯的颜色变化
视频 8 真题解析:灯的颜色变化
第六讲 Vue.js
共14个章节
考点解析
视频 9 Vue.js 考点解析
学一学

知识点: 1.Vue与其他框架的对比及特点 2.安装Vue的方法 3.node的安装 4.vuecli的安装 5.Vue开发者工具的安装 6.Vue创建实例 7.Vue数据的双向绑定及响应式

知识点: 1.双大括号表达式 2.插值 3.vbind指令 4.von指令 5.指令缩写

实验 52 计算、侦听属性与过滤器

知识点: 1.计算属性 2.计算属性中getter和setter 3.侦听属性 4.计算属性与侦听属性对比 5.过滤器的使用

实验 53 class 与 style 绑定

知识点: 1.元素的class对象语法绑定 2.元素的class数组语法绑定 3.元素的style对象语法绑定 4.元素的style数组语法绑定 5.属性的自动前缀

实验 54 条件与循环渲染

知识点: 1.vif和velse 2.vshow 3.vif和vshow比较 4.vfor将数组数据渲染成元素 5.vfor将对象数据渲染成元素 6.key属性 7.数组更新检测 8.对象更新的注意事项

知识点: 1.事件绑定指令 2.事件处理方法 3.内联方法 4.修饰符

知识点: 1.vmodel指令 2.基础用法 3.值绑定 4.修饰符

知识点: 1.组件注册 2.组件复用 3.组件通信 4.动态组件 5.实例生命周期 6.生命周期示意图

实验 58 Axios 的使用

知识点: 1.什么是Axios 2.Axios基本用法 3.Axios与Vue的钩子函数的结合使用

实验 59 Vue-Router 路由管理器

知识点: 1.前端路由的概念及作用 2.VueRouter的安装 3.VueRouter的基本使用

实验 60 Vuex 状态管理器

知识点: 1.Vuex的简介 2.Vuex的安装与配置 3.Vuex的核心概念

练一练
挑战 12 第十三届蓝桥杯省赛:购物车
视频 10 真题解析:购物车
第七讲 Element UI
共8个章节
学一学
实验 61 认识 Element UI

知识点: 1.认识ElementUI 2.ElementUI与Vue 3.ElementUI使用

实验 62 Layout 布局 和 Container 布局容器

知识点: 1.Container布局容器 2.Layout布局

知识点: 1.Icon 2.Button 3.Link

知识点: 1.Radio单选框 2.Checkbox多选框 3.Input输入框 4.Select选择器 5.Switch开关 6.DatePicker日期选择器 7.Upload上传 8.Form表单

知识点: 1.表格的创建 2.带多选的表格 3.带操作列的表格 4.自定义表头

实验 66 消息提示组件

知识点: 1.Alert警告 2.Loading加载 3.Message消息提示 4.MessageBox弹框 5.Notification通知

实验 67 Dialog 对话框组件

知识点: 1.基本用法 2.自定义内容 3.嵌套的Dialog 4.居中布局

知识点: 1.NavMenu导航菜单 2.Tabs标签页 3.Breadcrumb面包屑 4.Dropdown下拉菜单 5.Steps步骤条

第八讲 ECharts
共9个章节
考点解析
视频 11 ECharts 考点解析
学一学
实验 69 认识 ECharts

知识点: 1.什么是ECharts 2.获取ECharts的方式 3.从CDN获取 4.ECharts初体验

实验 70 基础知识介绍

知识点: 1.ECharts实例 2.series与dataset 3.ECharts基础配置 4.用option描述图表 5.坐标系

实验 71 基本图表绘制

知识点: 1.柱状图 2.折线图 3.饼形图 4.散点图

知识点: 1.常用的交互组件

实验 72 异步数据加载

知识点: 1.数据加载 2.数据更新

知识点: 1.什么是事件处理 2.鼠标事件

练一练
挑战 13 第十三届蓝桥杯国赛:天气趋势 A
视频 12 真题解析:天气趋势 A
第九讲 Node.js
共6个章节
考点解析
视频 13 Node.js 考点解析
学一学
实验 74 认识 Node.js

知识点: 1.Nodejs的介绍 2.下载和安装Nodejs

知识点: 1.GET请求 2.POST请求

实验 76 初始化路由

知识点: 1.认识路由 2.配置路由 3.访问路由 4.路由开发

实验 77 Node.js 文件操作

知识点: 1.文件读取操作 2.文件写入操作 3.删除文件操作

练一练
挑战 14 第十三届蓝桥杯模拟赛:RESTful API 开发
课程介绍

图片描述

课程教师

蓝桥教研 共发布过 30 门课程

查看老师的所有课程 >
开通会员,即刻开始学习
加入社群
加入编程交流社群