登录网站,浏览更多精彩内容
您需要 登录 才可以下载或查看,没有账号?加入我们
×
* G0 j5 w5 K' B; L) C9 N2 `, J9 p8 K9 h: l4 J
这是一门前端全栈课程,课程中采用了许多新的技术,结合包括Vue2.5、Koa2、MongoDB、Redis等多种前后端技术完成了美团网的开发。课程从新技术的基础讲解入手,通过细致的项目开发过程,带你开发一个美团网PC网页版,同学们通过这门课程的学习可以掌握更全面的项目架构,迅速提升,达到高级工程师的水平。
' f6 p! g* Y6 v4 s/ d- v3 f& `& {第1章 课程导学
$ @, d. X, L0 z- Q; s' W8 G" m# c这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等
/ X# g) `1 A% e% O1-1 课程导学( c2 u$ u9 F$ ~' N" Z& {- D4 S* I
第2章 Vue基础知识
' |+ _- S# F% x; @9 i: k1 ~; e整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。
! b) r: T0 ~! a: y7 i2-1 概述&脚手架) @2 ^# w. f- c3 I& E, ?
2-2 模板语法(1), W! m$ H6 P& [- }2 W6 [
2-3 模板语法(2)
! \6 ]% i: I" P" }. Y9 v, S! ^/ R5 U2-4 样式与遍历
" S1 }7 d" s& q/ t# y+ ^2-5 事件
1 V' T( S& U& ~7 ]$ j2-6 组件(1)
: K2 u1 n4 d9 ^" Q8 W, i/ R: @2-7 组件(2); s# [- v6 B6 b, u: `
2-8 路由基础3 \/ H% ]/ E8 C0 K0 ^. \2 P
2-9 Vuex基础用例(1)0 q6 x) a* g- x2 B! W
2-10 Vuex基础用例(2)$ {8 R# T9 F3 p% M( b* o" g+ w
2-11 Vuex高级用例(1)0 N4 q7 L$ e" U
2-12 Vuex高级用例(2)
& o M5 H* U$ `0 p/ Q& q% N$ N5 k第3章 Koa2基础知识2 |3 @: i* i' x& P' W9 h' @
Node服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。
) h! u' ]+ J' j4 r6 B: h3-1 Koa-generator! g$ d/ J4 \% Y6 V# t: p
3-2 Koa异步async
; ]% d; i# j( i% z0 o/ p/ @& `, {, O3-3 Koa中间件
- E0 B8 L) b" @: v4 z! Y3-4 koa路由和cookie$ ]/ N j! K: g: w( I
第4章 Mongoose和Redis基础
, C: {6 w' V* J$ Amongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。...
, E% u2 c5 k7 W/ ?0 V# c, k% U1 r4-1 mongoose(1)* [. a d, g& J: J3 g( f
4-2 mongoose(2)
9 v+ m( D- d+ Y; H4-3 Redis(1)
5 {$ O. ~! J7 C) i. q% t) ^- E4-4 Redis(2)
: b' S: O. Z' f! S: Y3 P第5章 Nuxt.js基础知识
+ u' |: a( ?( ]) Z+ {* [Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。...
' R% j' N3 E- {4 N5-1 Nuxt.js基础(1)
; Z2 B% T, Z w2 M8 S: b9 l3 O+ X5-2 Nuxt.js基础(2)# k0 y0 v5 r( m9 ^$ {5 g! D
5-3 Nuxt.js基础(3)6 M' j2 r; M% J0 Y# w- c
5-4 Nuxt.js基础(4)% ~5 m& n: i1 {4 g6 _
第6章 实战准备
6 |. Q/ V* T4 o, V+ `工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。
+ M2 I4 J" M1 P2 w( F/ w6-1 环境准备与项目安装7 K: ?' S" P/ L1 \& [
6-2 辅助工具安装与配置改装
; k W4 X' W) y第7章 开发美团网首页" D1 C% W! t5 X% U/ Z8 i
从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。
9 F% G7 Z: _* _! A7 ~7-1 需求分析3 O% p" `: d8 l9 X: l, m3 ]: }
7-2 首页Header开发-城市定位服务设计
9 R0 c* }8 o b+ k7-3 首页Header开发-头部引导导航设计
, k7 |8 X6 Y, ]3 a7-4 首页Header开发-搜索界面设计
" O% z7 V) T8 b% M# J$ q6 j7-5 Bug修复: R/ S0 ^! F5 D: |- l
7-6 首页搜索
: j/ A' O& _( h$ n4 X) A7-7 首页菜单(1)
. n8 l1 _/ b2 @$ I7-8 首页菜单(2)" m2 D9 q* U+ w
7-9 章节小结5 _( i( `7 U% i- ]* i! k( b
7-10 Footer补充$ Y" |& y4 |! D6 S; K: c
第8章 开发美团网首页-登录注册; ~* }& T+ e5 ^- U2 p3 K+ g6 |2 p
从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全
0 g( y; v0 f8 w$ P% `4 y8-1 注册(1)( F% Y }, i3 A6 T1 ]9 z
8-2 注册(2), V1 s5 X4 y' t7 r1 E4 C% Q* G
8-3 注册(3)
. a' ~! z" \# |1 V& M6 P3 l8-4 注册(4)
, L+ f; Y% V- ~8-5 注册(5)) H' U b, L2 G o
8-6 注册(6)
# x8 q0 K# J' h2 t7 U/ Q8-7 注册(7)
# u0 a x: } g/ m, o- ?8-8 注册&登录(1)" V! j* R: I* G2 ]5 ]) r4 N: l
8-9 注册&登录(2)3 t# M+ @$ m' R1 p1 d( Q( u9 ^
|
- E8 {2 L. j$ p0 y |
|