返回顶部
热门问答 更多热门问答
技术文章 更多技术文章

[网站建设类] Vue全家桶+SSR+Koa2全栈开发美团网 前8章

[复制链接]
崔娜娜 显示全部楼层 发表于 2018-10-30 12:41:38 |阅读模式 打印 上一主题 下一主题

登录网站,浏览更多精彩内容

您需要 登录 才可以下载或查看,没有账号?加入我们

x
; I3 k6 _% ~! e% W8 N- S2 H& u
0 \3 i. `/ P8 A) e; c8 G' o
这是一门前端全栈课程,课程中采用了许多新的技术,结合包括Vue2.5、Koa2、MongoDB、Redis等多种前后端技术完成了美团网的开发。课程从新技术的基础讲解入手,通过细致的项目开发过程,带你开发一个美团网PC网页版,同学们通过这门课程的学习可以掌握更全面的项目架构,迅速提升,达到高级工程师的水平。
$ q5 Z$ ]) g9 o第1章 课程导学) n/ `# f% h9 ?/ m( @' S
这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等' G$ E+ g! l  h% y0 z) I
1-1 课程导学- f* D5 g& H; E# u; g3 G' U, e
第2章 Vue基础知识! j* E! K0 i6 {4 h/ V: n- R3 X" [; u
整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。
3 M. ^1 U2 j% b  ]3 i6 N* T2-1 概述&脚手架
* }$ e( e7 U6 a6 U5 c% J2-2 模板语法(1)
* Z! G0 j/ T1 B4 P* ~: X! u) O2-3 模板语法(2)3 s2 m# V2 W: A% W8 e1 H+ N4 s
2-4 样式与遍历
; E9 ]7 [, Z6 V; x3 c2-5 事件5 @* s( O6 T8 ], S% F5 m5 @
2-6 组件(1)# Z7 u+ D5 ]' j9 `
2-7 组件(2)
' A2 a# ~6 l4 x2-8 路由基础
: N9 y3 G/ E" W2-9 Vuex基础用例(1)
4 @+ O4 }% m9 D  n2-10 Vuex基础用例(2)& ?) I# z! U8 C$ F
2-11 Vuex高级用例(1), c' K) `; |2 I: w; T% }
2-12 Vuex高级用例(2)6 p# h3 q5 h4 T3 q7 g+ H
第3章 Koa2基础知识
* W  U& S6 h! DNode服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。
: i7 B' F5 {3 t8 q  o! ]" a' \3-1 Koa-generator. t* T- y, s& f/ O5 h  C
3-2 Koa异步async
) z7 v& w  l2 Q* F* s0 A' k$ V3-3 Koa中间件
! @) d( D$ L- B$ u4 p, Y$ I! P3-4 koa路由和cookie6 k  [  ^$ ?7 V* I4 S; P
第4章 Mongoose和Redis基础
9 Q# @; I) a( o: t" R1 w. d0 h# o+ Qmongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。...) s& u) k1 ~# {# Z. ^7 G' G
4-1 mongoose(1)( Z* i! Y+ O0 |- N. n* M
4-2 mongoose(2)! g5 W/ i( ^# a$ a9 g
4-3 Redis(1)6 }1 l) m' R& N
4-4 Redis(2)
1 _4 k; i# Y$ G  ?# R7 A# n, z" \第5章 Nuxt.js基础知识
# B, `  y% Z+ n9 c9 {" oNuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。...1 `' ]# G; T6 R: z: f$ B
5-1 Nuxt.js基础(1)
+ V8 U# a, O9 ^6 V" \& S) {5-2 Nuxt.js基础(2)2 a4 w/ V( s4 S, [8 q" [" @
5-3 Nuxt.js基础(3)0 H9 O7 _9 z/ g! D3 p% G+ ]) i
5-4 Nuxt.js基础(4)
4 z: @. M$ `4 s/ k第6章 实战准备
# @$ G( }, {, o工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。
6 l7 P( j, H  F4 t: L6-1 环境准备与项目安装
" x8 C( _$ w9 f+ B" Q* M; S6-2 辅助工具安装与配置改装- A; F& l" L3 F, R9 r6 s" W
第7章 开发美团网首页
! k# s- r2 g) r从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。* U% T3 c. t" U
7-1 需求分析( b9 N" {/ L$ J; ?- e
7-2 首页Header开发-城市定位服务设计. j% Q; I! W. }6 P; E
7-3 首页Header开发-头部引导导航设计
; n) }! `( q/ t6 w8 v7-4 首页Header开发-搜索界面设计: _9 ], d/ p  s* T  X( u
7-5 Bug修复
1 r- D4 I* N2 ?9 |/ P7-6 首页搜索
/ u: \4 u4 G2 x/ Q7-7 首页菜单(1)
8 ], y) c' P% [9 I- |1 n. X7-8 首页菜单(2)
- b1 Q( H) d: w- ~7 ^7-9 章节小结
/ w# L! V1 F5 I( u; P7-10 Footer补充
+ s: E+ K) j$ a& ]% k, O第8章 开发美团网首页-登录注册
0 f2 W5 Q/ W" x* n从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全
! f, O! j8 L/ K* K8-1 注册(1): S2 ]) o) Z+ a4 B5 l7 W$ F
8-2 注册(2)
! r4 B) Y) L2 G) e" k8-3 注册(3)
, ~3 Q' ]& [& [1 g0 q1 N8-4 注册(4)
. t" D3 t# F# G4 W3 {8-5 注册(5)! [2 V% h9 F1 B. ^
8-6 注册(6)
8 Z. e& ^; ]3 {9 E. [2 y# D8-7 注册(7)
4 D' u5 V( S; d7 F8-8 注册&登录(1)
8 c! i/ C! ?$ [5 |3 z+ A4 h- U0 Y0 n8-9 注册&登录(2)3 N  G# C6 L9 F1 A$ Z/ B
游客,如果您要查看本帖隐藏内容请回复
& i* j) ?4 F; n2 H
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

商乾全球电商人、电商交流学习与电商实战技术分享、电商爬虫、生活交流专业网站
  • 官方手机版

  • 微信公众号

  • 商务合作