妙味公开课:你需要的 WEB 前端精华内容都在这里

帅锅镁铝们,你们所期待碎碎念的妙味福利时刻马上就要到啦~
妙味课堂即将开启重磅级免费前端精华内容巡回公开课!
资深的讲师、精华的内容、实用的课程、满满的诚意……这里凝聚了你想要的 WEB 前端开发精髓所在。

公开课巡回课程表:

以上免费公开课,都是从每天咨询我们的大量提问中得来。有你需要的内容吗?要不要先报个名:

报名地址:https://ke.qq.com/course/218792#tuin=3ef2e227


下面就由小编向大家逐一介绍课程内容吧:

公开课系列之:《原生移动端图片上传裁剪功能》

课程内容:
  • 点击上传按钮,可以调用本地图片;
  • 读取用户上传图片,显示在页面中;
  • 单指拖拽图片上下左右移动;
  • 单指拖拽选框中间,选框移动;
  • 单指拖拽选框边界,可任意调节选框区域大小;
  • 双指对图片进行放大缩小;
  • 点击保存按钮截取选框中的图片并生成一张新的图片;

课件资料下载链接: http://pan.baidu.com/s/1boSiWhh
课件资料下载密码: a28k

技术栈:

多指缩放 单指拖拽 files 相关操作
fileReader 缩放计算 DataURI
canvas 渲染图片 像素级操作 getImageData
putImageData canvas 图片生成 ……

上课时间:2017 年 8 月 8 日 - 周二 - 20:00~22:00

学前基础:
  • 熟悉事件对象;
  • 熟悉移动端事件基本操作;
  • 对 canvas 操作有一定了解;
这些你都掌握了吗?如果还没有,那就先到妙味视频课程学习一下吧。


公开课系列之:《深入前端模块自动化打包工具:Webpack》

课程内容:

本次课程,我们将带领大家进入前端自动化编程的世界,了解和熟悉前端模块化的各种解决方案。利用各种未来(超集)语言(如 TypeScript,ES2015,2016,2017…)来编写我们代码,同时还可以帮助我们自动化完成项目开发中构建、测试、部署等工作,让我们从重复繁琐的操作中解放出来,把更多的时间和精力用在我们更应该关注的地方。


课件资料下载链接:https://pan.baidu.com/s/1pKIWP1D
课件资料下载密码:17im

  • 前端模块化方案;
  • ES2015 模块化;
  • 环境搭建与基本配置;
  • 模块 - Modules 与 装载器 - Loader;
  • 插件 - Plugins;
  • 模块热替换(HMR - Hot Module Replacement) / HotReload;

上课时间:2017 年 8 月 11 日 - 周五 - 20:00~22:00

学前基础:

  • 根据妙味视频课程(http://2017.miaov.com/),达到 玩转自如 阶段就可以放心的听本次公开课了。


公开课系列之:《React 知识大起底》

课程内容:

React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站。React 主要用于构建 UI。你可以在 React 里传递多种类型的参数,如声明代码,帮助你渲染出 UI、也可以是静态的 HTML DOM 元素、也可以传递动态变量、甚至是可交互的应用组件。


课件资料下载链接:http://pan.baidu.com/s/1eR1E54Q
课件资料下载密码:6fwx

  • React 介绍
  • React webpack 的环境搭建
  • React 快速入门
    • 组件的定义
    • 组件之间的通信
    • 事件应用
    • 路由
    • 生命周期
  • React 案列(todolist)

上课时间:2017 年 8 月 17 日 - 周四 - 20:00~22:00

学前基础:
  • HTML、CSS 和 JS 基础;
  • ES6 基础语法;
  • CommonJS 和 ES6 的模块化规范;
  • Webpack;
  • NPM;
这些你都掌握了吗?如果还没有,那就先到妙味视频课程学习一下吧。


公开课系列之:《2017 年 WEB 前端工程师应该如何找工作》

课程内容:

你是否已经掌握了 Web 前端的相关能力,却在为迟迟找不到工作而苦恼?
你是否已经拥有了满满的知识和见解,却不知道简历该如何制作才更好?
你是否凌云壮志,却在担心 Web 前端考官到底会问你怎样的古怪问题?
如果你有以上疑惑,那么下面这堂课,会让你茅塞顿开、豁然开朗!

  • 前端大环境及市场需求分析;
  • 面试前的必要准备;
  • 前端工程师简历该如何制作;
  • 面试过程中典型问题;
  • 工作流程与团队配合;
  • 试用期的表现与心态;

上课时间:2017 年 8 月 24 日 - 周四 - 20:00~22:00

学前基础:
  • 已经掌握了的 Web 前端相关课程,有了足够的知识储备,正在找工作或是即将找工作却不知从何做起的你;
  • 初入行的你,没有作品就去找工作,相当于拼人品。因此,你至少要完成一件能拿出手的前端作品,例如:http://www.miaov.com/index.php/example/exampleList


公开课系列之:《2017 年 JavaScript 面试题大荟萃》

课程内容:
  • 闭包;
  • ajax;
  • 面向对象;
  • 作用域;
  • this 指向;
  • 正则;
  • 路由;
  • 模块管理;
  • 组件交互;
  • 模板引擎;
  • mvc 和 mvvm 的区别;
  • 自动化构建及新框架对前端的意义;
  • Vue、angular 和 react 的区别;
  • Vue slot 与 props 的用法;
  • React 中的 keys 是什么,为什么它们很重要;
  • React 在哪个生命周期事件中你会发出 AJAX 请求,为什么;
  • 当你调用 setState 的时候,发生了什么事;
  • 其他 JS 知识点面试题;

上课时间:2017 年 9 月 5 日 - 周二 - 20:00~22:00

学前基础:
  • 已经掌握了的 Web 前端相关课程,有了足够的知识储备,正在找工作或是即将找工作却不知从何做起的你;
  • 初入行的你,没有作品就去找工作,相当于拼人品。因此,你至少要完成一件能拿出手的前端作品,例如:http://www.miaov.com/index.php/example/exampleList

公开课系列之:《React 移动端实战案例开发》

课程内容:
  • 环境搭建;
  • 项目构建设计;
  • 轮播功能;
  • 搜索功能;
  • 商品展示功能;
  • 详情页功能;
  • 上拉刷新下拉加载功能;

上课时间:2017 年 9 月 7 日 - 周四 - 20:00~22:00


不知这一波公开课能否让你感受到妙味的满满诚意?
心动不如行动,赶快动起你的小手,速速点击报名通道吧~

报名地址:https://ke.qq.com/course/218792#tuin=3ef2e227

另外,你要是感觉这波福利好,就帮我们转发给你身边的小伙伴哦~

注:本次公开课为巡回讲解,意思就是讲完一轮以后,就重新回到第一课再讲一轮……以此类推。因此本次公开课巡讲活动,官方不再录制视频。请大家合理安排时间,及时来听课。如果错过了某次公开课……你需要再等待几周时间,才能听得到哦~

想要咨询报名的童鞋,可以跟我们的客服 MM 们联系,时间无多,速度约起来吧~


客服联系方式:

QQ:2852509866、2852509867、2852509868
电话:010-57269690

扫描二维码手机看视频学习:

妙味网友
请登录后留言,请登录注册