班級(jí)規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號(hào)) |
每個(gè)班級(jí)的人數(shù)限3到5人,互動(dòng)授課, 保障效果,小班授課。 |
上間和地點(diǎn) |
上部份地點(diǎn):【上海】同濟(jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號(hào)線白銀路站)【深圳分部】:電影大廈(地鐵一號(hào)線大劇院站)/深圳大學(xué)成教院【北京分部】:北京中山學(xué)院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領(lǐng)館區(qū)1號(hào)(中和大道)【沈陽(yáng)分部】:沈陽(yáng)理工大學(xué)/六宅臻品【鄭州分部】:鄭州大學(xué)/錦華大廈【石家莊分部】:河北科技大學(xué)/瑞景大廈 最近開(kāi)間(周末班/連續(xù)班/晚班):2019年1月26日 |
實(shí)驗(yàn)設(shè)備 |
◆小班教學(xué),教學(xué)效果好 ☆注重質(zhì)量☆邊講邊練 ☆合格學(xué)員免費(fèi)推薦工作 ★實(shí)驗(yàn)設(shè)備請(qǐng)點(diǎn)擊這兒查看★ |
質(zhì)量保障 |
1、培訓(xùn)過(guò)程中,如有部分內(nèi)容理解不透或消化不好,可免費(fèi)在以后培訓(xùn)班中重聽(tīng); 2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。 3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。☆合格學(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書(shū),提升職業(yè)資質(zhì)。專(zhuān)注高端技術(shù)培訓(xùn)15年,端海學(xué)員的能力得到大家的認(rèn)同,受到用人單位的廣泛贊譽(yù),端海的證書(shū)受到廣泛認(rèn)可。 |
部份程大綱 |
|
- 第1章 課程導(dǎo)學(xué)
這門(mén)課主講以Vue SSR+Koa2全棧技術(shù)為目標(biāo),最終實(shí)現(xiàn)美團(tuán)網(wǎng)項(xiàng)目。本章節(jié)旨在告訴大家我們會(huì)用到哪些技能、教學(xué)方法、課程內(nèi)容分布、學(xué)習(xí)方法等。備注:我們會(huì)涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等
- 1-1 課程導(dǎo)學(xué) 試看
第2章 Vue基礎(chǔ)知識(shí)
整個(gè)SSR部分都是用的Vue框架,需要給初級(jí)用戶(hù)講解Vue的基礎(chǔ)語(yǔ)法,不會(huì)讓他們?cè)趯W(xué)習(xí)實(shí)戰(zhàn)的時(shí)候感到迷茫,這個(gè)章節(jié)會(huì)通過(guò)vue-cli搭建一個(gè)簡(jiǎn)單的demo,讓大家快速的掌握Vue的基礎(chǔ)應(yīng)用,即使他沒(méi)有學(xué)習(xí)過(guò)。
- 2-1 概述&腳手架
2-2 模板語(yǔ)法(1)
2-3 模板語(yǔ)法(2)
2-4 樣式與遍歷
2-5 事件
2-6 組件(1)
2-7 組件(2)
2-8 路由基礎(chǔ)
2-9 Vuex基礎(chǔ)用例(1)
2-10 Vuex基礎(chǔ)用例(2)
2-11 Vuex高級(jí)用例(1)
2-12 Vuex高級(jí)用例(2)
第3章 Koa2基礎(chǔ)知識(shí)
Node服務(wù)是全棧的核心,異步操作是為了提高并發(fā)數(shù),koa2最大的特色就是靈活、輕巧,這都要?dú)w功于中間件機(jī)制。路由、數(shù)據(jù)庫(kù)連接都是中間件的一種,通過(guò)這個(gè)章節(jié)的學(xué)習(xí)讓大家掌握服務(wù)端開(kāi)發(fā)基本技能。
- 3-1 Koa-generator
3-2 Koa異步async
3-3 Koa中間件
3-4 koa路由和cookie
第4章 Mongoose和Redis基礎(chǔ)
mongoose是mongodb的對(duì)象模型管理工具,使用mongoose可以更簡(jiǎn)單的操作mongodb數(shù)據(jù)庫(kù),通過(guò)可視化工具的robo 3t的介紹,任何數(shù)據(jù)庫(kù)操作都可以直觀的感受到,非常利于數(shù)據(jù)庫(kù)操作的學(xué)習(xí)。redis是服務(wù)端開(kāi)發(fā)必備的工具之一,通過(guò)本章的學(xué)習(xí)可以快速掌握常用redis命令以及在node中的應(yīng)用。...
- 4-1 mongoose(1)
4-2 mongoose(2)
4-3 Redis(1)
4-4 Redis(2)
第5章 Nuxt.js基礎(chǔ)知識(shí)
Nuxt是Vue實(shí)現(xiàn)SSR最好的方案,我們整個(gè)項(xiàng)目都是基于Nuxt框架來(lái)實(shí)現(xiàn)的,我們需要了解如何通過(guò)腳手架快速初始化一個(gè)工程項(xiàng)目,熟悉每個(gè)目錄的含義,知道如何配置各個(gè)頁(yè)面的視圖、模板、異步獲取數(shù)據(jù)等。這個(gè)章節(jié)讓學(xué)員快速掌握Nuxt本身的知識(shí)點(diǎn),為實(shí)戰(zhàn)做好準(zhǔn)備。...
- 5-1 Nuxt.js基礎(chǔ)(1)
5-2 Nuxt.js基礎(chǔ)(2)
5-3 Nuxt.js基礎(chǔ)(3)
5-4 Nuxt.js基礎(chǔ)(4)
第6章 實(shí)戰(zhàn)準(zhǔn)備
工程搭建使用Nuxt腳手架快速搭建工程,這塊是通用的,所有學(xué)員都可以直接應(yīng)用到自己的項(xiàng)目。
- 6-1 環(huán)境準(zhǔn)備與項(xiàng)目安裝
6-2 輔助工具安裝與配置改裝
第7章 開(kāi)發(fā)美團(tuán)網(wǎng)首頁(yè)
從需求分析到設(shè)計(jì)思路講述再通過(guò)手把手的引導(dǎo)實(shí)現(xiàn)首頁(yè)設(shè)計(jì),在功能上包括城市定位服務(wù),頭部引導(dǎo)導(dǎo)航,搜索等。
- 7-1 需求分析 試看
7-2 首頁(yè)Header開(kāi)發(fā)-城市定位服務(wù)設(shè)計(jì)
7-3 首頁(yè)Header開(kāi)發(fā)-頭部引導(dǎo)導(dǎo)航設(shè)計(jì)
7-4 首頁(yè)Header開(kāi)發(fā)-搜索界面設(shè)計(jì)
7-5 Bug修復(fù)
7-6 首頁(yè)搜索
7-7 首頁(yè)菜單(1)
7-8 首頁(yè)菜單(2)
7-9 章節(jié)小結(jié)
7-10 Footer補(bǔ)充
第8章 開(kāi)發(fā)美團(tuán)網(wǎng)首頁(yè)-登錄注冊(cè)
從靜態(tài)頁(yè)面實(shí)現(xiàn)到真實(shí)的業(yè)務(wù)邏輯,一步一步帶領(lǐng)大家實(shí)現(xiàn)注冊(cè)、登錄、退出,其中還用到了第三方RTMP服務(wù),在技術(shù)上mongodb,passport,redis一應(yīng)俱全
- 8-1 注冊(cè)(1)
8-2 注冊(cè)(2)
8-3 注冊(cè)(3)
8-4 注冊(cè)(4)
8-5 注冊(cè)(5)
8-6 注冊(cè)(6)
8-7 注冊(cè)(7)
8-8 注冊(cè)&登錄(1)
8-9 注冊(cè)&登錄(2)
第9章 開(kāi)發(fā)美團(tuán)網(wǎng)首頁(yè)-Search搜索
只用7個(gè)模板dom節(jié)點(diǎn)實(shí)現(xiàn)復(fù)雜的搜索框,一改傳統(tǒng)的dom結(jié)構(gòu)設(shè)計(jì),充分利用組件設(shè)計(jì)特性,讓業(yè)務(wù)做到極致。除了交互,也使用了搜索、推薦等真實(shí)的線上數(shù)據(jù)服務(wù),為大家提供真實(shí)的體驗(yàn)。
- 9-1 城市服務(wù)
9-2 菜單數(shù)據(jù)
9-3 Geo接口實(shí)現(xiàn)
9-4 Search接口實(shí)現(xiàn)(1)
9-5 Search接口實(shí)現(xiàn)(2)
第10章 切換城市頁(yè)
切換城市頁(yè)的難點(diǎn)是如何把復(fù)雜的數(shù)據(jù)內(nèi)容利用數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)、Vue語(yǔ)法并使用最簡(jiǎn)單的DOM結(jié)構(gòu)完成開(kāi)發(fā)。整個(gè)頁(yè)面介紹了如何自定義常用的級(jí)聯(lián)操作、遠(yuǎn)程搜索、中文轉(zhuǎn)拼音等內(nèi)容,精彩不可錯(cuò)過(guò)。
- 10-1 切換城市(1)
10-2 切換城市(2)
10-3 切換城市(3)
第11章 美團(tuán)網(wǎng)產(chǎn)品列表頁(yè)
點(diǎn)擊產(chǎn)品列表可以進(jìn)入到產(chǎn)品詳情頁(yè),詳情頁(yè)也有類(lèi)似的推薦列表和地圖服務(wù),我們會(huì)在搜索頁(yè)的時(shí)候考慮好接口的復(fù)用,重點(diǎn)內(nèi)容在于數(shù)據(jù)結(jié)構(gòu)的設(shè)計(jì)和接口的復(fù)用設(shè)計(jì)能力。
- 11-1 頁(yè)面設(shè)計(jì)(1)
11-2 頁(yè)面設(shè)計(jì)(2)
11-3 地圖組件開(kāi)發(fā)
11-4 入口文件編寫(xiě)(1)
11-5 入口文件編寫(xiě)(2)
11-6 頁(yè)面調(diào)試
第12章 美團(tuán)網(wǎng)產(chǎn)品詳情頁(yè)開(kāi)發(fā)
產(chǎn)品詳情頁(yè)有購(gòu)買(mǎi)入口,點(diǎn)進(jìn)去進(jìn)入到訂單頁(yè),點(diǎn)擊支付進(jìn)入到支付頁(yè),購(gòu)買(mǎi)完成進(jìn)入到訂單詳情頁(yè)。這塊涉及較復(fù)雜的后端接口設(shè)計(jì)和數(shù)據(jù)庫(kù)操作。學(xué)員可以進(jìn)一步掌握真實(shí)的開(kāi)發(fā)場(chǎng)景。
- 12-1 需求分析 試看
12-2 靜態(tài)模板
12-3 產(chǎn)品詳情頁(yè)入口-靜態(tài)文件
12-4 產(chǎn)品詳情頁(yè)-接口
第13章 購(gòu)物車(chē)開(kāi)發(fā)
購(gòu)物車(chē)難點(diǎn)在于數(shù)據(jù)庫(kù)的設(shè)計(jì)、是于訂單相融合的一個(gè)頁(yè)面,在前端頁(yè)面交互上的難點(diǎn)是element-ui對(duì)于表格的數(shù)據(jù)綁定
- 13-1 購(gòu)物車(chē)&訂單-需求分析
13-2 購(gòu)物車(chē)&訂單-頁(yè)面創(chuàng)建
13-3 購(gòu)物車(chē)接口實(shí)現(xiàn)
13-4 購(gòu)物車(chē)調(diào)試
第14章 訂單頁(yè)開(kāi)發(fā)
訂單頁(yè)是對(duì)整個(gè)產(chǎn)品的最后呈現(xiàn)頁(yè)面,是課程完整性的一部分,難點(diǎn)在于數(shù)據(jù)庫(kù)設(shè)計(jì),前端頁(yè)面無(wú)難點(diǎn)。
- 14-1 訂單頁(yè)面
14-2 訂單接口
14-3 訂單調(diào)試
|