2018 暑期全栈（前后端）开发远程班，在这个夏天，挑战年薪三十万！

妙味最新高阶资深全栈课程，横跨前后端技术栈，热门框架一网打尽，涨薪人群的私人订制课~

囊括前后端全栈知识点：

ES6 + Node.js + npm + HTTP + TypeScript + Koa + Vue + ElementUI

这个夏天，不仅属于世界杯，也属于执着于学习的所有同学们。

提升技能，获取属于自己的世界杯！

全栈工程师必备技能之一：语言 / 协议

• ECMAScript6+
• Node.js
• npm工具
• HTTP协议
• TypeScript

全栈工程师必备技能之二：框架

• Koa
• Vue
• ElementUI（基于 Vue 的 UI 组件库）

开班时间：2018 年 8 月 6 日

课程价格：4899元/人

优惠信息：

Ⓐ 前 15 位学员报名，预交 300 元预报名费，可抵扣 900 元课程费用（名额有限，报满截止）；

Ⓑ 支持团购：

• 报名人数在 15-19 名，预报名 300 元抵 1000 元 4199元/人（前 15 名 报名者仅需 4099 元）
• 报名人数在 20-29 名，预报名 300 元抵 1100 元 4099元/人（前 15 名 报名者仅需 3999 元）
• 报名人数在 30-39 名，预报名 300 元抵 1300 元 3899元/人（前 15 名 报名者仅需 3799 元）
• 报名人数在 40-49 名，预报名 300 元抵 1400 元 3799元/人（前 15 名 报名者仅需 3699 元）
• 报名人数在 50 名以上，预报名 300 元抵 1500 元 3699元/人（前 15 名 报名者仅需 3599 元）

预报名活动截止日期：2018 年 7 月 27 日 17:00

报名本课程可享受到的服务：

1. 直播 + 录播双管齐下： 确保授课体验立体丰富
2. 老师每天班级群亲自回复问题： 确保问题消失在萌芽状态
3. 作业批改与练习讲解服务： 老师耐心批复所有作业并详细讲解课后练习
4. 项目作品辅导： 辅助每一位学员打造自己精湛的前端全栈项目
5. 丰富的奖学金激励：各种丰厚大奖鼓励大家好好完成学业
6. 学习成果考核： 由老师为大家定制专业的测试题，确保授课质量
7. 阶段学习内容建议： 老师根据大家测试结果给出下阶段学习建议
8. 课后服务承诺： 课程结束后感觉自己还没学会？“视频回放+群内提问+老师亲自回复”，即使课程结束，老师也会随时给学员们解答课程相关问题

讲师介绍

课程安排

每周 3 节主课 + 1 节辅导课，主课讲解课程大纲，辅导课解决大家在主课中的技术问题 及 课后练习问题
主课时：周一、周二、周四
辅导课：周五
总课时：18 主课时，6 次辅导课，需 1.5 个月

学前基础

• 熟悉原生JavaScript基础：包括语法、内置对象（字符串、数组）基本操作、面向对象基础知识；

• 了解Vue.js基础：基本语法、组件、路由以及Vuex的基本使用；

• 学前参考视频：《vue.js 基础入门》、《精品实战案例，四步搞定 VUE》；

• 不确定基础是否过关？做个测试题让讲师给出详细点评吧：>>学习测试题

课程咨询：

咨询QQ：2852509867 QQ：2852509868

微信咨询：miaov-class

学完课程能达到什么程度？

熟练掌握最新项目开发语言（ES6+、TypeScript）与前端（Vue）后端（Koa）流行框架，开发全栈项目，最后让开发的项目真实上线，以此掌握网站开发从前端到后端以及开发与上线的全部技术细节；

课程案例：

附录《课程大纲》

ECMAScript6 新语法，包括部分 ECMAScript7 新特性，通过该章节的学习可以掌握前端基础语言的新特性，目前的主流开发以及框架都会使用到，掌握它等于有了学习更多技术的基础。该部分一共分为两个章节：

- 第一章节

• let、const 声明与块级作用域
• 对象新特性
  • 属性简洁表示法
  • 属性名表达式
• 函数新特性
  • 参数默认值
  • 剩余参数
  • 扩展运算符
  • 双冒号运算符
  • 箭头函数
• 结构赋值
• 常用内置对象扩展
  • Number
  • String
  • Math
  • Array
  • Object
• 新增内置对象
  • Set
  • Map
• 迭代
  • for…of
  • 可迭代特性
  • 迭代器与迭代协议

- 第二章节

• 异步函数处理器
  • ES6 的 Promise
  • ES7 的 async/await
• 宏任务与微任务
• class
  • 创建类
  • 构造函数：constructor
  • 成员属性与方法
  • 静态成员与实例成员
  • 继承：extends
  • 父类：super

有了 ECMAScript 基础，我们就可以继续向前，ECMAScript 不只是前端利器，现在也是后端新宠，大名鼎鼎的 Node.js 就是基于它，这一章节我们将从零开始学习 Node.js，这里我们会用至少 6 个课时的时间学习到诸如：模块化系统、包管理器、内置模块（类似 ECMAScript 的内置对象）、第三方模块、web 服务器搭建，还有 web 开发需要了解到协议（如：tcp、udp、http），还能了解到各种工具（如打包工具）和桌面工具（如 vue-cli 脚手架工具、electron 框架，vscode 和 atom 编辑器构建于此），同时，我们可以通过学习了解 Node.js 生态圈，学会使用包管理工具（npm、yarn）管理项目，使用各种前端开发工具（babel、webpack）我们该部分一共分为五个章节：

- 第三章节

• 环境搭建&运行
• 交互式解析器-REPL环境
• 模块化系统（CommonJS）
  • 文件模块
  • 文件夹模块
  • 核心模块
  • ECMAScript Modules
• NPM：Node 包（模块）管理器
• 使用 NPM 管理包（模块）：搜索、安装、更新、卸载
• package.json
  • 配置
  • 使用
• 通过 NPM 发布自己的包（模块）

- 第四章节

• Node.js 常用内置模块
• Globals（全局对象）
• File System（文件系统模块）
• Path（路径处理模块）
• Buffer（二进制数据处理模块）
• Stream（流数据处理模块）

- 第五章节

• 项目构建工具：开发属于自己的脚手架
• Readline 模块
• commander（第三方模块）
• electron 框架：使用 Node.js 构建桌面客户端程序
  • 项目构建与应用结构
  • 常用 API：App 对象、BrowserView、对话框、菜单、File 对象等
• 案例：提醒事项工具
• 案例功能：任务添加、查看、修改、删除、状态设置

- 第六章节

• 网络数据通信（传输）
• TCP / IP & UDP 协议
• Net（网络 tcp 模块）

- 第七章节

• 搭建小型 web 服务器
• HTTP（HTTP 协议模块）：协议规则
• Routing（路由）
• Static Assets（静态资源解析）
• URL（URL 模块）
• Query Strings（查询字符串）

通过前面阶段大家努力的学习，终于到了大展身手的时候了，当然别急，实战项目开发之前，我们还有一些准备工作，这就是我们开发项目等时候需要用到的框架了，这里我们先来学习 koa 这个 Node.js 生态圈中举足轻重的一个 web 框架，通过这个阶段的学习，我们可以掌握：webserver 的搭建， koa 基本运行模式，以及基础 api（Application 对象，Context 对象，Request 对象，Response 对象），还有项目开发中必不可少的各种第三方框架（也叫中间件 Middleware，比如 koa-router：路由，koa-bodyparser，HTTP 正文解析，koa-multer：文件上传等）,还有一些开发工具，当然还少不了数据库这个东东了，我们也会学习到数据库（Mysql）基本知识以及操作，sql 语言，以及通过 node 操作 Mysql 这个部分的内容分为四个课时。

- 第八章节

• Koa.js 框架
• Application 对象
• Context 对象
• Request 对象
• Response 对象
• Middleware 中间件
• koa-router：路由
• koa-bodyparser：HTTP 正文解析
• koa-multer：文件上传

- 第九章节

• Mysql 数据库介绍与安装
• 数据库、表、字段、类型
• 插入、查询、修改、删除
• 基本 SQL 语句
  • INSERT
  • SELECT / SELECT DISTINCT
  • UPDATE
  • DELETE
  • WHERE 子句
  • AND & OR 运算符
  • TOP 子句
  • LIKE 操作符
  • 通配符
  • IN 操作符
  • BETWEEN 操作符
  • Alias（别名）
  • AVG 函数
  • COUNT() 函数
  • MAX() 函数
  • MIN() 函数
• node 模块：mysql / mysql2
• createConnection/connect 连接数据库
• query 执行 SQL

- 第十章节

• 案例：提醒事项工具网络版
• 功能设计
• 注册、登陆、同步
• 数据库设计
• 功能开发

工欲善其事，必先利其器，有了前面扎实的基础，我们再学习了解一门新的语言，虽然它基于 ECMAScript，但是它拥有更多新的特性，它是 ECMAScript 的超集，有了它我们在构建大型项目上将会变得更加可靠，它拥有一些工程语言的诸多特性（如 java、c# 等），它拥有类型声明、类型推导、接口、范型、枚举等高级特性，现代很多的框架（库）都是基于或提供了对 TypeScript 的支持，甚至直接构建于 TypeScript，比如 Vue、React 和 Angular 这三个鼎鼎大名的前端框架，通过 https://www.tslang.cn/samples/index.html 了解更多，该部分一共分为两个章节，这后续的项目开发中我们都会基于 TypeScript 来进行，所以 TypeScript 的学习将会贯穿我们后续的所有内容：

- 第十一章节

• 安装 TypeScript 与编译
• 静态语言、动态语言/强类型、弱类型
• 变量声明与类型系统
• 枚举
• 函数
  • 函数类型
  • 类型推断
  • 可选参数和默认参数
  • 剩余参数
  • 箭头函数
  • 函数重写重载
• 泛型
  • 泛型变量
  • 泛型类型
  • 泛型类
  • 泛型约束

- 第十二章节

• 类
  • 构造函数
  • 成员属性与成员方法
  • 修饰符：public、protected、private、readonly
  • 存取器
  • 静态属性：static
  • 继承
    • extends
    • super
  • 抽象类
• 接口
  • 定义
  • interface
  • implements
  • 接口继承
• 装饰器
  • 装饰器工厂
  • 类装饰器
  • 方法装饰器
  • 访问符装饰器
  • 属性装饰器
  • 参数装饰器
  • 装饰器组合与求值
  • 元数据
• 命名空间
• TypeScript 模块化系统
• 声明文件
• 三斜线指令

离成功只有一步之遥了，最后我们需要花一个章节的时间给大家介绍一下关于 Vue，当然不是只是使用 Vue 开发，而是使用 TypeScript 来进行 Vue 的开发，这里我们会学到：如果使用 TypeScript 进行 Vue 开发，以及 Vue 的 TypeScript 生态库（vue-class-component vue-property-decorator Vuex-class Vuex-ts-decorators 等），这个部分内容分为一个课时，不用怀疑，其实有了前面的学习，这个并不难：

• 第十三章节
• 从 JavaScript 到 TypeScript
• 在 Vue 中引入 TypeScript
• Vue 的 TypeScript 生态库
• vue-class-component

    - 使用 TypeScript / 装饰器，强化 Vue 组件
    - @Component 装饰器
    - props 元数据
    - data 增强
    - methods 增强
    - Computed 增强

  • vue-property-decorator
    • 扩展装饰器
    • @Component
    • @Prop
    • @Watch
    • @Emit
    • @Model
    • @Inject
    • @Provide
    • @Mixins
• Vuex 的 TypeScript 生态库
  • Vuex-class
    • Vue 中的 Vuex 装饰器
    • @State
    • @Getter
    • @Action
    • @Mutation
    • @someModule
  • Vuex-ts-decorators
    • Vuex 中的装饰器
    • @module
    • @action
    • @mutation

最后，我们终于可以开始进行全栈项目开发了，我们将会使用前面学习到知识点进行开发，这里我们会用到（TypeScript / ECMAScript、Node.js、Koa、Vue、Element-ui），开发什么呢，这里不得不说一个秘密了，其实很多朋友在第一次听到妙味的时候，第一反应就是：你们是开饭店的？……^o^，不过话说回来，吃确实是每一个妙味伙伴的必备属性，吃货就是我们的 flag，如果有一天顿悟了，可能、或许转行做厨子……好，言归正传，我们要做的项目就是跟吃的有关了，这里我借鉴了一下比较有名的一些吃货聚集地，最终决定做这个（ https://www.meishichina.com/），这里我把它直接给大家贴出来了，算是给它来个推介吧，希望不要说我抄袭就好 ^o^，完成了项目开发以后当然还没完，在最后我们把这个项目上线，让我们辛苦的学习成果落地，所以，在最后上线阶段，我们要亲自完成包括域名服务器购买、配置、环境搭建等一系列过程。

该项目一个完整项目，包括了前端与后端，实现的功能包括：

• 前台
  • 首页美食聚合信息展示
    • 推荐美食
    • 最新美食与人气美食
    • 用户动态
  • 美食列表页面展示
    • 选择不同分类展示其下的美食列表信息
    • 分页功能
    • 排序功能
  • 美食内容页面展示
    • 美食基本信息展示，包括标题、图文介绍、步骤
    • 点赞功能（需要登陆，权限验证）
    • 搜藏功能（需要登陆，权限验证）
    • 评论
      • 展示
      • 分页
      • 提交评论（需要登陆，权限验证）
  • 用户注册、登陆与退出
  • 用户个人中心
    • 我的动态
    • 我的搜藏
    • 基本资料
• 后台管理
  • 管理员权限验证
  • 站点基本信息管理
    • 站点名称、站点状态、评论开关
  • 分类管理
    • 添加、修改、移动与删除
  • 美食菜单管理
    • 添加、修改、移动与删除
  • 用户管理
    • 添加、修改、移动与删除
    • 用户状态管理：可禁用用户登陆或评论
    • 用户搜索
    • 用户动态：点赞、搜藏
  • 评论管理
    • 查看与删除

项目展示

由于最后案例的课程的连贯性，同时该项目也是最后的内容，所以剩下的时间都是这个项目的，所以上面列出了项目的功能需求以及下面的开发步骤，具体时间不在细分

• 第十四章节 至 十八章节

• 项目功能需求分析

• 技术栈选型
• 前后端项目环境搭建
• 后端
  • 基础环境搭建
• 前端
  • 基础环境搭建
  • Layout 布局
  • Container 布局容器
  • Icon 图标
  • Button 按钮
  • Form 表单
  • Data 数据表格
  • Notice 通知警告
  • Navigation 导航
  • Other 其他
• 上线
  • 准备（购买）服务器、域名
  • 域名解析、绑定
  • 服务器环境搭建
  • 开发环境与生产环境
  • 代码构建打包、提交
  • 结束

就在这个夏天，亮出你的锐气、点燃学习斗志，
全面学习前端最酷的流行技术，
挑战本该属于你的高薪！

咨询方式：

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

进群方式：关注公众号，发送 “vip进群” 关键字，联系我们加入 VIP 微信学习群