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