前端奥秘探索大型公开课之:吹响七月冲锋号角

进入七月,已来到 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事件处理

相关视频链接

讲解时间:2018年8月2日 周四晚 8 点。

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 相关知识点的运用;

相关功能:
  1. 全选,全不选
  2. 单个物品数量加减与价格小计
  3. 总数、总价格统计
涉及知识点:
  1. 元素获取
  2. 循环的使用
  3. 函数封装与传参
  4. ECMAScript2015(ES6) 新增:let 声明、数组 every、reduce 方法的相关知识点的使用
课程安排:
  1. 全选与全不选
  2. 小计与统计
  3. 封装
  4. ES6 的使用

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

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

7月5日(周四)晚上 8 点:WEB 测试题之:ECMAScript 测试题解析

【测试题二维码】

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

测试题说明:

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

涉及知识点:

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

课程安排:
  1. 作用域与闭包
  2. 运算符与流程控制解析
  3. 内置对象操作

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

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

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

案例说明:

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

相关功能:
  1. 文件新增、选择、修改、删除
  2. 视图切换、文件分类预览
  3. 框选、上下文菜单
涉及知识点:
  1. 数组、对象常用方法
  2. Vue.js基础知识
    2.1. data、computed、component、directive、自定义指令
课程安排:
  1. 数据抽象与结构设计
  2. 视图切换与分类预览
  3. 文件新增、选择、修改与删除
  4. 框选与上下文菜单

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

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

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

【测试题二维码】

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

测试题说明:

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

涉及知识点:

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

课程安排:
  1. 面向对象基础
  2. 原型与继承
  3. 总结

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

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

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

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

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

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

咨询方式:

  • 咨询 QQ:2852509866、2852509868
  • 微信咨询:miaov-class、miaov-study
妙味网友
请登录后留言,请登录注册
 
 
 
 
 
联系我们

点我咨询QQ客服

010-57269690

在线微信客服
客服1
客服在线时间

工作日:9:30~18:00

周六:10:00~17:00

妙味公众号