前端奥秘探索大型公开课之：吹响七月冲锋号角－妙味新闻

进入七月，已来到 2018 年下半场，你今年的目标实现了多少？

相信大多数同学会有一些心慌，遥遥无期的目标容易让人内心焦虑。而化解焦虑的最佳方案，就是让自己学起来、动起手来、充实起来，只有这样，才会让心头的焦虑一扫而光，同时让自己更专注、做的事情更有意义，坚持不懈的努力，才能离目标越来越近！

就在七月，妙味准备了精彩的远程免费公开课，准备好充实自己了吗？赶快吹响下半年冲锋的号角，努力学起来吧，给自己、给未来一个漂亮的交待！

公开课免费报名地址： https://ke.qq.com/course/178139?tuin=90de623d

讲师介绍：

具体安排如下：

每月定期安排神秘远程公开课。周二晚、周四晚各一次，每次课 2 小时（20:00 ~ 22:00）；
公开课内容：各种精彩实战案例 + 知识点测试题。大家可以试着提前完成案例，并自行作答测试题（参加公开课时，请带着问题来，效果更好哟）；
周二，讲师分享精彩实战案例，剖析思路、讲解编程技巧、现场演示代码，并随时与大家交流互动。
周四，讲师为大家分解相关测试题、面试题，答疑解惑；
加入妙味学习 QQ 群，获取阶段小测题、各种学习计划安排与相关课件资料~
QQ群号：203404514

8月15日（周三）晚上 8 点：轮播组件和电影小程序实例

当页面有相似的功能板块的时候,开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也有助于代码维护。

知识点:

自定义组件
原生swpier组件
电影小程序

课程安排:

创建和使用自定义组件
swiper组件
电影页面布局
请求接口数据

讲解时间：2018年8月15日周三晚 8 点。

8月9日（周四）晚上 8 点： TypeScript探秘

随着发展，前端显得越来越重要，对前端一个重量级开发语言的要求也越来越高，传统的JavaScript在一些业务逻辑复杂的系统中也越来越力不从心，而拥有强类型、泛型、抽象类、接口，静态类等特性的TypeScript脱颖而出，被市场所认可和追捧，越来越多的项目以及框架都在使用TypeScript来进行构建，比如Angular、React、Vue等……，但同时由于其复杂性，也给很多前端开发者带来不小学习难度。今天，我们我给大家带来关于TypeScript的分享，让大家对TypeScript不在陌生！

知识点

类型系统
函数
重载
类
类修饰符
静态类与静态成员
抽象类与接口

课程安排

环境搭建与编译运行
类型系统的特点
函数定义与函数重载
类的强化与接口

讲解时间：2018年8月9日周四晚 8 点。

8月7日（周二）晚上 8 点：微信小程序搭建+框架+案例

小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。微信小程序开发也逐渐变成前端工程师们必备技能.今天我们将使用微信小程序开发工具,从如何配置微信开发环境开始到最后写出一个的电影榜单小程序,带领大家体验微信小程序的快速开发过程

知识点:

环境搭建
代码构成和框架
小程序组件
页面布局
生命周期和数据请求

课程安排:

账户注册和开发环境搭建
介绍文件类型和app配置
了解组件,页面布局
请求接口数据

讲解时间：2018年8月7日周二晚 8 点。

8月2日（周四）晚上 8 点：微信小游戏之飞机大战

随着小程序越来越火，很多人对小程序中的小游戏也越来越感兴趣，例如之前大家都在玩的 “跳一跳”，还有最近比较火的“猜画小歌”，那么大家在玩的开心的同时，是不是对它的制作也感兴趣呢，这一次，我们就来给大家分享一下小游戏飞机大战里面的部分内容~带着大家感受一下，小游戏制作中，需要用到的知识点。

知识点

1.小游戏canvas图形绘制
2.小游戏动画
3.音频操作
4.Canvas事件处理

7月31日（周二）晚上 8 点： React - 移动端实战

React 是目前最流行的渐进式框架之一，移动端也是我们目前工作中最常见的一种项目需求，当移动端遇到 React 我们该如何来处理?在这个项目中我们一点一点来说

知识点

vw,rem 等相对单位的比例换算
怪异盒模型的使用
display:flex, 弹性盒模型的使用
iconfont 自定义文字图标
BScroll 简易使用
React 功能相似结构不同的组件通用
课程安排
1） rem 配合 vw 的页面适配方案
2）移动端布局
3） fonticon 图标处理
4）利用BScroll 实现页面滑屏处理

讲解时间：2018年7月31日周二晚 8 点。

7月26日（周四）晚上 8 点：Node+TS+Koa+vue 商城全栈开发远程班测试题解析

本测试题来自妙味远程课：《重磅课程来袭：Node+TS+Koa+vue 商城全栈开发远程班》的前置测试
>>点击这里前往测试

知识点

作用域、闭包
数据类型
内置对象基本操作
事件
面向对象
原型与原型链
数据交互

课程安排

基础（数据类型验证、作用域、闭包）
内置对象操作
事件与数据交互
面向对象

讲解时间：2018年7月26日周四晚 8 点。

7月24日（周二）晚上 8 点：打造属于自己的项目构建工具-脚手架

现在的前端在项目开发中的作用越来越重要了，同时需要承担的任务量与复杂程度也越来越大了，这样各种各样的一些解放前端工作的自动化工具应运而生了，比如编译类的babel，任务处理gulp，综合打包工具webpack等，还有一些功能更加齐全的自动化项目构建工具，耳熟能详的有vue-cli、create-react-app、ng-cli啦，实在是太多了。我们一直在用，但是这不够，我们还需要知道他们是如何实现的！

知识点

自动化工具介绍与分类
开发及运行环境
node内置模块使用
command.js：命令行开发工具
minimist：命令行参数解析器
chalk：命令行样式风格控制器

课程安排

脚手架工具构建分析
command.js：命令行开发工具
minimist：命令行参数解析器
chalk：命令行样式风格控制器

讲解时间：2018年7月24日周二晚 8 点。

7月19日（周四）晚上 8 点：ECMAScript异步编程

由于javascript的单线程特性，很多的操作（浏览器事件、网络操作、定时任务等）都是通过异步方式来执行的，传统的异步任务都是通过回调函数的方式来的实现的。虽然这是一大特点，但同时也会编程带来了很大不便，很容易让我们陷入回调地狱（Callback Hell），我们使用了很多手段来解决编程中的这个问题，现在一个主流的解决方案就是：ES6-Promise，ES7-async/await

课程知识点

异步任务
回调函数
Promise对象
Promise状态:[[PromiseStatus]]
- pending
- fulfilled
- rejected
executor函数
- resolve()函数
- reject()函数
.then()函数
.catch()函数
.finally()函数
Promise.all()函数
Promise.race()函数
Promise.resolve()函数
Promise.reject()函数
终极处理：async函数，await操作符

课程安排

了解 Promise
Promise 的运用
ES7：Async/await

讲解时间：2018年7月19日周二晚 8 点。

7月17日（周二）晚上 8 点：移动端滑屏组件 better-scroll

案例说明：

BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件，适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。

为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动更加流畅，同时还提供了很多 API 方法和事件，以便我们更快地实现滚动场景下的需求，如下拉刷新、上拉加载。
由于它基于原生 JavaScript 实现，不依赖任何框架，所以既可以原生 JavaScript 引用，也可以与目前前端 MVVM 框架结合使用

课程知识点

初始化 BetterScroll
BetterScroll
BetterScroll 相关的配置参数说明
BetterScroll 相关方法说明
BetterScroll 提供的事件说明
BetterScroll 相关属性
在 React 中使用BetterScroll
利用 BetterScroll 实现上拉加载和下拉刷新

前置知识点：https://study.miaov.com/study/show/chapter/103

案例讲解时间：2018年7月17日周二晚 8 点。

7月3日（周二）晚上 8 点：案例 - 原生 JS 逐行实现购物车功能逻辑

案例说明：

使用原生 JS 完成我们常见的购物车功能，本次课程讲师将会给大家分析讲解思路，以及封装优化的一些逻辑，最后还有 ES6 相关知识点的运用；

涉及知识点：

元素获取
循环的使用
函数封装与传参
ECMAScript2015(ES6) 新增：let 声明、数组 every、reduce 方法的相关知识点的使用

课程安排：

全选与全不选
小计与统计
封装
ES6 的使用

前置知识点：https://study.miaov.com/study/show/chapter/83

案例讲解时间：2018年7月3日周二晚 8 点。

7月5日（周四）晚上 8 点：WEB 测试题之：ECMAScript 测试题解析

【测试题二维码】

微信扫描二维码答题，每个微信号只能答一次哦~

测试题说明：

本测试题来源于妙味 VIP 视频内容大纲，测试完成后，可免费参加妙味测试题远程公开课讲解，与讲师远程互动，彻底掌握相关知识点。

涉及知识点：

变量作用域、闭包、运算符优先级与流程控制、内置对象使用

课程安排：

作用域与闭包
运算符与流程控制解析
内置对象操作

前置知识点：https://study.miaov.com/study/show/chapter/83

测试题讲解时间：2018年7月5日周四晚 8 点。

7月10日（周二）晚上 8 点：案例 - Vue.js 打造微云文件管理系统

案例说明：

使用Vue.js完成微云文件管理系统，完成文件新增、选择等常见功能，本次课程讲师会给大家讲解数据抽象概念、数据结构、vue中的视图组件与功能组件差异等知识点;

涉及知识点：

数组、对象常用方法
Vue.js基础知识
2.1. data、computed、component、directive、自定义指令

课程安排：

数据抽象与结构设计
视图切换与分类预览
文件新增、选择、修改与删除
框选与上下文菜单

前置知识点：《vue.js实战开发系列》

案例讲解时间：2018年7月10日周二晚 8 点。

7月12日（周四）晚上 8 点：WEB 测试题之：面向对象与框架测试题解析

【测试题二维码】

微信扫描二维码答题，每个微信号只能答一次哦~

测试题说明：

本测试题来源于妙味学员实际面试与网络，涉及到的内容在妙味 VIP 视频中都有包含，测试完成后，可免费参加妙味测试题远程公开课讲解，与讲师远程互动，彻底掌握相关知识点。

涉及知识点：

面向对象、继承、原型、原型链、类成员、对象成员等

课程安排：

面向对象基础
原型与继承
总结

前置知识点：《JS 面向对象》

测试题讲解时间：2018年7月12日周四晚 8 点。

远程公开课免费报名地址：

https://ke.qq.com/course/178139?tuin=90de623d

加入妙味学习 QQ 群，获取阶段小测题、各种学习计划安排与相关课件资料~
QQ群号：203404514

关注妙味公众号，获取更多学习视频及源码资料：

咨询方式：

咨询 QQ：2852509866、2852509868
微信咨询：miaov-class、miaov-study

公开课免费报名地址： https://ke.qq.com/course/178139?tuin=90de623d

讲师介绍：

具体安排如下：

8月15日（周三）晚上 8 点：轮播组件和电影小程序实例

知识点:

课程安排:

8月9日（周四）晚上 8 点： TypeScript探秘

知识点

课程安排

8月7日（周二）晚上 8 点： 微信小程序搭建+框架+案例

知识点:

课程安排:

8月2日（周四）晚上 8 点： 微信小游戏之飞机大战

知识点

相关视频链接

7月31日（周二）晚上 8 点： React - 移动端实战

知识点

课程安排

7月26日（周四）晚上 8 点：Node+TS+Koa+vue 商城全栈开发远程班 测试题解析

知识点

课程安排

7月24日（周二）晚上 8 点：打造属于自己的项目构建工具-脚手架

知识点

课程安排

7月19日（周四）晚上 8 点：ECMAScript异步编程

课程知识点

课程安排

7月17日（周二）晚上 8 点：移动端滑屏组件 better-scroll

案例说明：

课程知识点

7月3日（周二）晚上 8 点：案例 - 原生 JS 逐行实现购物车功能逻辑

案例说明：

相关功能：

涉及知识点：

课程安排：

7月5日（周四）晚上 8 点：WEB 测试题之：ECMAScript 测试题解析

测试题说明：

涉及知识点：

课程安排：

7月10日（周二）晚上 8 点：案例 - Vue.js 打造微云文件管理系统

案例说明：

相关功能：

涉及知识点：

课程安排：

7月12日（周四）晚上 8 点：WEB 测试题之：面向对象与框架 测试题解析

测试题说明：

涉及知识点：

课程安排：

远程公开课免费报名地址：

关注妙味公众号，获取更多学习视频及源码资料：

咨询方式：

其他相关新闻推荐列表

8月7日（周二）晚上 8 点：微信小程序搭建+框架+案例

8月2日（周四）晚上 8 点：微信小游戏之飞机大战

7月26日（周四）晚上 8 点：Node+TS+Koa+vue 商城全栈开发远程班测试题解析

7月12日（周四）晚上 8 点：WEB 测试题之：面向对象与框架测试题解析