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