登录网站,浏览更多精彩内容
您需要 登录 才可以下载或查看,没有账号?加入我们
×
5 W! u( H* @9 F) l
$ H' Y1 b) ^$ k+ @1 s6 L8 I- }
这是一门前端全栈课程,课程中采用了许多新的技术,结合包括Vue2.5、Koa2、MongoDB、Redis等多种前后端技术完成了美团网的开发。课程从新技术的基础讲解入手,通过细致的项目开发过程,带你开发一个美团网PC网页版,同学们通过这门课程的学习可以掌握更全面的项目架构,迅速提升,达到高级工程师的水平。
% O; p: m$ w* d5 X! T5 L' c# Y# k第1章 课程导学
" }& Q" J- b; Q这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等( w8 g3 \" F* P$ L- F! U" }
1-1 课程导学
, \9 [ @( L* a9 y" n3 f第2章 Vue基础知识
+ F/ N# j$ G+ y/ P5 _' g& E' P! t整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。; w, w1 e+ D/ ]. X' u' L5 `" }
2-1 概述&脚手架
( n! _) z2 ?2 c2-2 模板语法(1), x6 Y* h* D7 q3 e
2-3 模板语法(2)
9 m3 j2 G- _0 o; e/ K6 \2-4 样式与遍历 Z# h: q$ ]: t
2-5 事件
# w! S8 Y! X* z5 y2-6 组件(1)) b/ D7 Q* H3 A0 S
2-7 组件(2)
# P/ A$ D' M5 K( X# M2-8 路由基础9 n8 H0 O& `" E" R% L) N5 a% K
2-9 Vuex基础用例(1)1 t6 I) K, E5 X" ?6 G' P* r* |
2-10 Vuex基础用例(2), [) q6 ~0 Q. r0 P( H
2-11 Vuex高级用例(1)
# v; g7 l# `9 q# _/ ~$ |# |2-12 Vuex高级用例(2)6 V; p/ s! H1 s7 s4 S
第3章 Koa2基础知识
S- F5 q" S& @4 S6 f$ {7 ^, X& PNode服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。' b6 R' z! H4 ~) S% x& x
3-1 Koa-generator7 K1 z' T8 X& [: w) g; ~. [) a
3-2 Koa异步async8 e! w1 ], F0 V* p
3-3 Koa中间件0 F" x. ` J \3 X% K
3-4 koa路由和cookie
) W+ ]5 J: j; v! m" y2 t9 @第4章 Mongoose和Redis基础* f% p2 a W: A) c" Y! E: ]8 E
mongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。...
5 k- C8 y; C) l U. g% B a8 v4-1 mongoose(1)
$ {8 x& v! e7 l+ E7 _. e6 s" y2 \4-2 mongoose(2)
$ d( V1 f3 |# V, _8 |% `7 J5 V4-3 Redis(1)
. ~7 q6 G& ]+ y& E1 A4-4 Redis(2)$ o3 G# n+ _( F9 Q
第5章 Nuxt.js基础知识
& y& u) b7 R2 z( Z$ b) \Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。...- T3 C1 b8 l6 v8 e
5-1 Nuxt.js基础(1)- P5 h, Y! _2 {6 |6 \1 E
5-2 Nuxt.js基础(2)' ?8 C, K0 j6 I
5-3 Nuxt.js基础(3)
# ^1 l$ X/ D; k, w) h8 Z; n5-4 Nuxt.js基础(4)
. S [# d! Y+ O2 L第6章 实战准备
- k; n- `/ d2 W工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。
5 [/ g) p/ r1 p6-1 环境准备与项目安装
5 y( K U' d% m' E6 z# M f% n6-2 辅助工具安装与配置改装
3 ?- [* K! T7 I8 E+ H; p L* E8 `8 L第7章 开发美团网首页
4 C5 }$ F( i- n7 }从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。. m6 J2 i# u; e8 u: {
7-1 需求分析
6 n y' i* @5 J+ w* P3 s) s& b) W7-2 首页Header开发-城市定位服务设计
0 Q: D: w$ R/ q* R) U1 C! I- l/ t5 a7-3 首页Header开发-头部引导导航设计
* h' N- r& |% n7 M1 \/ F& A7-4 首页Header开发-搜索界面设计
( X$ n( }, }; Q- y2 \7-5 Bug修复0 M/ u' a: Y4 w% ]# }4 c3 |2 b
7-6 首页搜索4 E1 J' \- {- |$ X8 f) t+ j! a' d
7-7 首页菜单(1)8 ~2 S8 f, y+ n% o) Q8 P
7-8 首页菜单(2)1 k0 M8 w0 [* H9 G5 f$ M) p
7-9 章节小结" P, z# f( y' F7 e- s* n4 |
7-10 Footer补充. Y4 n2 L* u1 Z" D% y9 ?
第8章 开发美团网首页-登录注册
* L/ R" h7 K5 D! L4 |; r% {; } h从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全" v) I5 z% i* t$ ^: i6 ]
8-1 注册(1)+ B6 b$ }8 t1 N
8-2 注册(2)! U9 Q$ M. |5 D; X% S# Y* n
8-3 注册(3)6 y- _ F; @8 F9 n3 Y5 d1 e6 J
8-4 注册(4)5 e9 ` j5 N9 f+ I7 U/ T# h
8-5 注册(5)$ G8 `' J9 X/ q$ s3 |
8-6 注册(6)( j# `+ |5 O" O A
8-7 注册(7)
) a l* l- i& Z* F; D! x* z8-8 注册&登录(1)
: A6 L' ?. L7 O8-9 注册&登录(2)
" h5 `( g/ g' I6 E7 D) ~ | 4 V, N/ I, } |: ^# b1 j
|
|