重磅课程来袭:Node+TS+Koa+vue 商城全栈开发远程班

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 个月

学前基础


课程咨询:

咨询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 等),这个部分内容分为一个课时,不用怀疑,其实有了前面的学习,这个并不难:

最后,我们终于可以开始进行全栈项目开发了,我们将会使用前面学习到知识点进行开发,这里我们会用到(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 微信学习群

妙味网友
请登录后留言,请登录注册
 
 
 
 
 
联系我们

点我咨询QQ客服

010-57269690

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

工作日:9:30~18:00

周六:10:00~17:00

妙味公众号