开课吧前端高级工程师-2020

开课吧前端高级工程师-2020

一 ES6 基础

let、const、块级作用域

解构赋值 和 展开运算符

Map 和 Set 数据结构

箭头函数、rest 参数、参数默认值

新增数组及字符串方法

二 面向对象

面向对象编程

工厂模式及构造函数

prototype 原型

对象的原型链查找规则

包装对象揭秘

构造函数继承

原型链继承

拷贝继承: 深拷贝和浅拷贝

ES6 中的 class

ES6 中 class 的继承 extend 和 super

组件封装：自定义事件机制，观察者模式

JQ 核心原理探秘

三 ES6 高阶使用

Promise 对象

Async 函数 和 await

Iterator（遍历器）和 for of 循环

Generator

getOwnPropertyDescriptor 和 Proxy

模块化编程

mvvm框架核心原理

四 正则表达式

正则的创建

正则的匹配方法

元字符

字符集合

边界

分组

反向引用

数量词汇

匹配模式

五 本地存储

cookie 的操作与封装

localStorage和sessionStorage

离线存储技术使用

六 Node.js

Node.js 环境搭建

NPM 包管理工具

Node.js 常用模块

Koa2 基础（Application、Context、Request、Response）

HTTP 协议（请求与响应、头信息、状态码）

nodejs应用之后台管理系统

mvc架构（model、controller、view）

数据库 mysql 、MongoDB

七 前后端交互

XMLHttpRequest、FormData、upload

ajax的封装

qq空间批量上传图片

跨域：jsonp、cors跨域设置、后端代理

通过代理实现前后端分离改造新闻后台管理案例

http协议、fetch请求

axios库 和 axios 源码解析

八 React 全家桶

ReactDOM.render

JSX

create-react-app 脚手架

组件、数据流、事件、表单

React 生命周期

路由：react-router

Redux、React Redux、redux-thunk

Redux DevTools

React Hooks

案例：QQ好友列表

案例：ToDoList

九 React CNode 实战

React

React-router

redux

redux-thunk

axios

antd UI 库

十 移动端事件专题

移动端touch事件

TouchEvent 对象详解

移动端滑屏切换的幻灯片

移动端的多指操作

移动端的陀螺仪操作

案例：摇一摇功能实现

案例：720度家居装修图

十一 better-scroll

better-scroll 基础使用方法

案例：自定义滚动条

案例：手机淘宝幻灯片实现

案例：仿 iso 经典选择器控件

案例：上拉加载和下拉刷新功能实现

案例：自定义索引列表

案例：双指缩放

十二 React 移动端项目全实践

跨域的登录和注册

滑屏幻灯片

自定义滚动条 和 上滑加载

留言 与 点赞功能

移动端弹窗，及弹窗问题解决

十三 拖放操作和FileReader

元素的拖放操作

系统文件的拖放操作

FileReader

读取文件

案例：系统文件拖拽显示

十四 音频、视频操作

audio、video 基本用法

audio、video 的相关方法

audio、video 的相关属性

audio、video 的常用事件

案例：自定义音乐播放器

十五 地理信息获取和百度地图API

navigator.geolocation 地理获取相关操作

百度地图API 基本使用 3）案例：

十六 canvas

canvas 基本用法

canvas 形状绘制

利用 canvas 进行动画

canvas 图片操作

像素级操作

canvas 动画处理

十七 ECharts 实践

ECharts 基础 API 讲解

个性化图表的样式

异步数据加载和更新

交互组件使用

ECharts 中的事件和行为

十八 webpack

webpack 安装

webpack 基础打包功能与结构分析

入口起点(entry points) 和 输出(output)

Loaders 和 plugins

sourceMap 和 WebpackDevServer

Hot Module Replacement

Babel 和 配置React打包环境

十九 TypeScript

TypeScript 介绍

TypeScript 环境配置

TypeScript 编译命令

类型系统、接口

类型深入、函数、类

泛型、装饰器、模块系统

高级主题

二十 Vue 全家桶

Vue 介绍与应用启动

Vue 基础指令

Vue 动画与自定义指令

Vue 组件基础

Vue 组件深入（组件通信、生命周期）

Vue 插件与过滤器

脚手架使用：Vue-cli

路由：vue-router

Vuex 状态管理

Vue Devtools

Element UI 组件库

二十一 Vue 实践 – 《美食电商系统》

菜谱菜单首页聚合展示

菜谱菜单分类展示

菜谱菜单详情展示

用户注册

用户登录

点赞

收藏

好友关注

用户个人中心

菜谱菜单发布

技术栈：

vue 全家桶（vue+vue-router+vuex）

egg 框架

mongodb 数据库

mongoose 库

二十二 Vue + node 实践 – 《trello》

利用 Vue核心知识点，快速掌握vue使用

Vuex+Vue-router实现状态管理及路由使用

Vue全家桶实现拖动案例的视图及数据更改

Cors解决跨域数据请求，jwt实现权限认证

快速搭建koa2项目，构建RESTful接口

nodejs连接mysql实现curd操作

二十三 小程序

小程序开发环境搭建

小程序项目结构

小程序核心组件

小程序核心API

小程序相关权限说明

mpvue 框架使用

二十四 小程序实战(mpvue + node) – 点评系统

微信 “小程序” 的基本配置

rpx 适配、模板使用、图标处理

无限列表注意事项

掌握 “小程序” 开发的思考方式

处理及解决业务逻辑能力

前后端数据交互逻辑

授权流程

视图交互

组件与 API 的使用技巧

腾讯位置服务

二十五 git

git 简介与安装

工作区、暂存区、仓库

git 的分支管理

git 版本控制

git 远程仓库同步

二十六 面试题精讲

函数式编程：纯函数、函数柯里化、高阶函数

bind 及 promise 源码解析

EventLoop、宏任务、微任务

二十七 就业护航

面试前准备

简历编写

大厂面试流程及侧重点

凭借本套课程体系,最终能让学员们开发出基于vue、react、小程序的工程级项目为结课标准,并成长为技术过硬的Web前端高级工程师

课程知识体系对标 阿里 P5+ 级别应具备的知识储备及开发技能，奠定源码阅读基础和全栈开发能力

二十八 结课项目

Node 实战 – 《后台管理系统》

React实战 – 《CNode》

移动端实战 – 《React Hooks 搭建移动端企业站》

Vue 实战 – 《美食电商系统》

小程序实战（小程序 + node） – 《点评系统》