小馬哥 Java 分布式架構(gòu)訓(xùn)練營(yíng) – 第一期 服務(wù)治理
小馬哥 Java 分布式架構(gòu)訓(xùn)練營(yíng) – 第一期 服務(wù)治理
Web前端架構(gòu)師 | 更新至34周
最新網(wǎng)課、影視劇電影資源：趣資料m.qxspcw.cn
- 視頻資源大?。?1.6 GB 更新時(shí)間：2023-06-24
- 類(lèi)型：Web前端 觀看方式：百度網(wǎng)盤(pán)
- 類(lèi)別：>電腦教程 > 語(yǔ)言匯編Tags：
- 提醒：開(kāi)通VIP會(huì)員全站免費(fèi)學(xué) 推薦星級(jí)：
Web前端架構(gòu)師 | 更新至34周資源簡(jiǎn)介：
系統(tǒng)培養(yǎng)大廠P7技術(shù)專(zhuān)家/中小廠前端Leader
6~8個(gè)月，讓3年+前端完成質(zhì)的飛躍
超大復(fù)雜項(xiàng)目+高端技術(shù)+大廠規(guī)范+全局架構(gòu)思維
系統(tǒng)培養(yǎng)大廠P7技術(shù)專(zhuān)家/中小廠前端Leader
這是一門(mén)專(zhuān)門(mén)培養(yǎng)前端架構(gòu)師的高端課程
〖課程目錄〗:
階段一：課程設(shè)計(jì)及前端創(chuàng)建腳手架開(kāi)發(fā)
第1周? ?需求分析和架構(gòu)設(shè)計(jì)：做什么，如何做？
開(kāi)工之前，先來(lái)看看我們到底要做一個(gè)什么項(xiàng)目，有哪些功能。然后站在上帝視角，從整體的架構(gòu)層面，該如何設(shè)計(jì)該項(xiàng)目。
課程安排：
1、需求分析，到底要做一個(gè)什么產(chǎn)品
2、項(xiàng)目設(shè)計(jì)，多個(gè)項(xiàng)目之間的關(guān)系
3、數(shù)據(jù)模型設(shè)計(jì)，各項(xiàng)目之間的數(shù)據(jù)流轉(zhuǎn)過(guò)程
4、后臺(tái)管理需求，管理員要管控什么內(nèi)容
5、統(tǒng)計(jì)需求，知道被訪問(wèn)了多少次
第2周? ?腳手架架構(gòu)設(shè)計(jì)和框架搭建
萬(wàn)丈高樓平地起，講解大廠級(jí)別的腳手架是如何設(shè)計(jì)的，從頭開(kāi)始繪制架構(gòu)設(shè)計(jì)圖，并完成腳手架的框架搭建。
課程安排：
1、掌握腳手架的實(shí)現(xiàn)原理
2、掌握腳手架管理工具Lerna和常用操作
3、基于Lerna構(gòu)建腳手架項(xiàng)目
4、圖解腳手架架構(gòu)設(shè)計(jì)
5、腳手架工程體系設(shè)計(jì)
6、深入閱讀Lerna源碼，剖析require.resolve原理
第3周? ?腳手架核心流程開(kāi)發(fā)
本周將完成腳手架內(nèi)核@imooc-cli/core子項(xiàng)目設(shè)計(jì)，并開(kāi)發(fā)腳手架的執(zhí)行準(zhǔn)備階段和命令注冊(cè)階段。
課程安排：
1、腳手架核心子項(xiàng)目core包架構(gòu)設(shè)計(jì)
2、掌握腳手架node運(yùn)行版本限制
3、掌握腳手架root自動(dòng)降級(jí)
4、掌握npmlog實(shí)現(xiàn)自定義腳手架日志
5、掌握腳手架用戶(hù)主目錄檢查
6、掌握腳手架入?yún)⒔馕龊铜h(huán)境變量配置
7、運(yùn)用npm API實(shí)現(xiàn)腳手架自動(dòng)更新
8、掌握腳手架命令注冊(cè)原理
9、運(yùn)用commander簡(jiǎn)化腳手架命令注冊(cè)
10、node支持ES模塊化標(biāo)準(zhǔn)的兩種方法
第4周? ?腳手架命令注冊(cè)和執(zhí)行過(guò)程開(kāi)發(fā)
本周將完成腳手架內(nèi)核@imooc-cli/core子項(xiàng)目的執(zhí)行命令階段，我們將采用分離式架構(gòu)設(shè)計(jì)、緩存結(jié)構(gòu)設(shè)計(jì)大幅提升腳手架的分享速度和執(zhí)行性能。
課程安排：
1、掌握腳手架執(zhí)行命令原理
2、掌握高性能腳手架架構(gòu)思路和具體方法
3、封裝通用的npm包管理類(lèi)Package
4、掌握API方式完成npm包分享和自動(dòng)更新
5、掌握腳手架緩存結(jié)構(gòu)設(shè)計(jì)
6、掌握Node多進(jìn)程的四種實(shí)現(xiàn)方案
7、深度解析Node多進(jìn)程child_process庫(kù)源碼
第5周? ?腳手架創(chuàng)建項(xiàng)目流程設(shè)計(jì)和開(kāi)發(fā)
本周將開(kāi)發(fā)腳手架創(chuàng)建項(xiàng)目的@imooc-cli/init子項(xiàng)目，完成init包的準(zhǔn)備階段和分享模板階段開(kāi)發(fā)。
課程安排：
1、腳手架項(xiàng)目創(chuàng)建能力架構(gòu)設(shè)計(jì)
2、深入理解命令行交互原理和inquirer的應(yīng)用
3、掌握服務(wù)端框架egg.js的開(kāi)發(fā)方法
4、掌握云mongodb和egg接入mongodb方法
5、運(yùn)用egg.js+mongodb構(gòu)建項(xiàng)目模板API
6、掌握正則表達(dá)式并完成項(xiàng)目名稱(chēng)自動(dòng)格式化
7、掌握spinner實(shí)現(xiàn)命令行l(wèi)oading效果
8、完成標(biāo)準(zhǔn)項(xiàng)目模板開(kāi)發(fā)
9、完成項(xiàng)目模板的緩存和分享功能
第6周? ?腳手架項(xiàng)目和組件初始化開(kāi)發(fā)
init包將完成項(xiàng)目和組件的初始化過(guò)程，本周將完成init包的安裝模板階段。
課程安排：
1、掌握腳手架標(biāo)準(zhǔn)安裝模式和自定義安裝模式實(shí)現(xiàn)原理
2、掌握ejs模板的實(shí)現(xiàn)原理和開(kāi)發(fā)方法
3、基于ejs模板完成項(xiàng)目模板動(dòng)態(tài)化
4、完成標(biāo)準(zhǔn)組件模板開(kāi)發(fā)
5、完成項(xiàng)目或組件項(xiàng)目標(biāo)準(zhǔn)安裝流程開(kāi)發(fā)
6、完成自定義項(xiàng)目模板初始化流程開(kāi)發(fā)
7、ejs源碼解析——徹底搞懂ejs模板編譯和渲染原理
8、require源碼解析——徹底搞懂Node.js模塊加載原理
階段二：B端項(xiàng)目分析和設(shè)計(jì)，編輯器初步編碼，業(yè)務(wù)組件庫(kù)的搭建
第7周? ?B端項(xiàng)目需求分析 和 架構(gòu)設(shè)計(jì)
對(duì)于一個(gè)復(fù)雜前端項(xiàng)目，在編碼之前，分析過(guò)程可謂是“磨刀不誤砍柴工”，本周我們來(lái)給大家講解怎樣一步步抽絲剝繭，從需求到難點(diǎn)，再到系統(tǒng)整體設(shè)計(jì)。
課程安排：
1、整體需求分析初步 和 細(xì)化：編輯器需求分析
2、編輯器開(kāi)發(fā)的難點(diǎn)分析 和 難點(diǎn)可能使用解決方案
3、整體架構(gòu)設(shè)計(jì)
第8周? ?前端基礎(chǔ)技術(shù)回顧和巡禮
在課程正式開(kāi)始之前，扎實(shí)的基礎(chǔ)知識(shí)是本課程的必備條件。這一周，讓我們一起來(lái)溫習(xí) – typescript，vue3，ant-desing-vue 以及 webpack 和 rollup 的基礎(chǔ)知識(shí)。
課程安排：
1、Typescript – 進(jìn)入類(lèi)型的世界
2、vue3 以及 新版全家桶 vuex，vue-router
3、ant-design-vue – 完美支持 vue3 的組件庫(kù)
4、webpack 和 rollup – 現(xiàn)代打包工具雙雄
第9周? ?項(xiàng)目整體搭建
萬(wàn)事開(kāi)頭難，本周我們使用技術(shù)儲(chǔ)備中簡(jiǎn)介的知識(shí)，來(lái)搭建項(xiàng)目的大體結(jié)構(gòu)和框架，包括 項(xiàng)目創(chuàng)建，代碼結(jié)構(gòu)，基礎(chǔ)路由，基本布局和 基本的全局?jǐn)?shù)據(jù)結(jié)構(gòu)。
課程安排：
1、使用 imooc-cli 創(chuàng)建項(xiàng)目
2、規(guī)定代碼規(guī)范和項(xiàng)目結(jié)構(gòu) ，安裝編輯器輔助插件
3、使用 vue-router 添加基礎(chǔ)路由結(jié)構(gòu)
4、使用 ant-design-vue 搭建基礎(chǔ)布局
5、使用 vuex 創(chuàng)建項(xiàng)目的基本數(shù)據(jù)結(jié)構(gòu)
第10周? ?編輯器基本布局，及業(yè)務(wù)組件庫(kù)初步開(kāi)發(fā)
本周從編輯器開(kāi)始開(kāi)發(fā)，完成編輯器的基本布局，并且分析組件屬性和修改組件屬性的對(duì)應(yīng)關(guān)系，創(chuàng)建業(yè)務(wù)組件庫(kù)的第一個(gè)組件，并且完成最簡(jiǎn)單的編輯器交互，最后提出了業(yè)務(wù)組件實(shí)時(shí)實(shí)現(xiàn)編輯更新的解決方案。
課程安排：
1、創(chuàng)建編輯器的基本布局
2、分析畫(huà)布組成元素的組件屬性
3、創(chuàng)建第一個(gè)組件 LText
4、屬性和編輯組件的實(shí)現(xiàn)方案
第11周? ?掌握測(cè)試基本工具，給組件庫(kù)添加單元測(cè)試
本周從什么是測(cè)試入手，簡(jiǎn)介了測(cè)試的基本概念，介紹通用測(cè)試工具 Jest 和 Vue 測(cè)試框架 vue-test-utils，然后使用這兩種工具完成LText組件的單元測(cè)試。
課程安排：
1、Jest 簡(jiǎn)介和基本用法
2、vue-test-utils 的基本用法
3、為 Ltext 添加測(cè)試用例
第12周? ?通用上傳組件開(kāi)發(fā)以及使用
本周主要從業(yè)務(wù)組件 LImage 入手，從易到難使用 TDD 開(kāi)發(fā)一個(gè)復(fù)雜的通用上傳組件，之后將組件用于左側(cè)組件列表中，完成圖片組件的功能。
課程安排：
1、為通用上傳組件寫(xiě)需求。
2、從易到難漸進(jìn)式使用 TDD 的混合方式開(kāi)發(fā)一個(gè)復(fù)雜的上傳組件。
3、將組件用于左側(cè)組件列表用于創(chuàng)建 LImage 組件。
4、衍生出來(lái)的一系列擴(kuò)展知識(shí)：比如 Vue3 組件的類(lèi)型，Vue3 通信的幾種方法，以及 Element Plus Upload 組件的源碼分析等。
第13周? ?業(yè)務(wù)組件庫(kù)打包、發(fā)布，添加 CI/CD
本周繼續(xù)豐富業(yè)務(wù)組件庫(kù)的功能，將組件庫(kù)剝離成單獨(dú)的代碼庫(kù)，使用 rollup 打包成多種 JS 模塊形式，發(fā)布到 NPM，最后還使用 travis 完成了 CI/CD 流程。
課程安排：
1、創(chuàng)建單獨(dú)的組件庫(kù)代碼庫(kù)
2、添加剩余的業(yè)務(wù)組件
3、使用 rollup 打包生成多種 JS 模塊
4、發(fā)布至 npm 和 使用 husky 完成發(fā)布前測(cè)試
5、使用 travis 完成組件庫(kù) CI/CD 功能
階段三：從 0 搭建編輯器服務(wù)端
第14周? ?服務(wù)端技術(shù)選型（選修）
本周介紹做服務(wù)端必備的技能、框架、工具和服務(wù)，以及為何選擇他們。 這一章節(jié)是做服務(wù)端開(kāi)發(fā)的基礎(chǔ)知識(shí)（后端知識(shí)串講，已經(jīng)掌握的同學(xué)可以跳過(guò)）。
課程安排：
1、為何選擇 koa2 框架，而不是 express egg nest.js
2、三大常用數(shù)據(jù)庫(kù) Mysql Mongodb Redis
3、使用 JWT 做登錄驗(yàn)證，放棄 Session
4、用 jest 做單元測(cè)試和接口測(cè)試
5、pm2 和 nginx 能保證服務(wù)端高效穩(wěn)定運(yùn)行
第15周? ?服務(wù)端 CI/CD ：github自動(dòng)化
本周我們使用 github actions 和 docker 這兩大利器，從 0 實(shí)現(xiàn) CI/CD 流程。這一章節(jié)是做服務(wù)端開(kāi)發(fā)的基礎(chǔ)知識(shí)（后端知識(shí)串講，已經(jīng)掌握的同學(xué)可以跳過(guò)）。
課程安排：
1、github actions 一顆的 CI/CD 新星
2、docker 讓你一鍵擁有各種軟件環(huán)境，如 Mysql
3、docker-compose 快速搭建測(cè)試環(huán)境
4、提交代碼，自動(dòng)發(fā)布到測(cè)試機(jī)
5、提交代碼，自動(dòng)觸發(fā)單元測(cè)試
第16周? ?編輯器服務(wù)端基礎(chǔ) API 開(kāi)發(fā)
本周正式開(kāi)發(fā)業(yè)務(wù)開(kāi)發(fā)。開(kāi)發(fā)之前要做技術(shù)方案設(shè)計(jì)（接口設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)），初始化項(xiàng)目環(huán)境和 CI/CD 流程。然后完成所有業(yè)務(wù)功能開(kāi)發(fā)，同時(shí)進(jìn)行單元測(cè)試和接口測(cè)試。
課程安排：
1、接口設(shè)計(jì)，捋一捋需要提供哪些 API
2、數(shù)據(jù)庫(kù)設(shè)計(jì)，如何存儲(chǔ)更加合理
3、初始化項(xiàng)目環(huán)境，連接數(shù)據(jù)庫(kù)，跑通 CI/CD 流程
4、各個(gè)模塊的代碼介紹，不會(huì)一行一行帶著寫(xiě)代碼的
5、單元測(cè)試和接口測(cè)試，邊開(kāi)發(fā)邊測(cè)試，才能保證穩(wěn)定性
第17周? ?編輯器服務(wù)端調(diào)用第三方服務(wù)
真正線(xiàn)上項(xiàng)目才需要這些功能，還要花錢(qián)購(gòu)買(mǎi)第三方服務(wù)，一般課程不常見(jiàn)到。這些功能很實(shí)用，很大眾，學(xué)完即可照搬到實(shí)際項(xiàng)目中。
課程安排：
1、用短信驗(yàn)證碼實(shí)現(xiàn)登錄
2、內(nèi)容安全檢查，屏蔽所有黃色、血腥、政治敏感內(nèi)容
3、上傳圖片到阿里云 OSS
階段四：完善B端所有功能，前后端結(jié)合和性能優(yōu)化
第18周? ?編輯器組件圖層面板功能開(kāi)發(fā)
本周繼續(xù)進(jìn)行屬性編輯面板的功能，完成屬性的分組功能，完成圖層面板的顯示 隱藏 鎖定 排序等功能。最后完成背景設(shè)置面板的功能，在這個(gè)過(guò)程中，學(xué)習(xí)一系列第三方庫(kù)的使用。
課程安排：
1、使用 cropper.js 開(kāi)發(fā) image processer 組件
2、同屬性分組并且開(kāi)發(fā) EditGroup 組件
3、開(kāi)發(fā)圖層面板 并且 使用 vue-draggable-next 完成排序功能
4、背景設(shè)置面板開(kāi)發(fā)
第19周? ?讓元素動(dòng)起來(lái) – 編輯器畫(huà)布交互功能開(kāi)發(fā)
本周是集中火力在編輯器交互功能上，完成元素的拖動(dòng)定位，拖動(dòng)改變大小，快捷鍵支持，重做，回滾，右鍵菜單等一系列功能的開(kāi)發(fā)。
課程安排：
1、拖動(dòng)定位功能開(kāi)發(fā)
2、拖動(dòng)改變大小功能開(kāi)發(fā)
3、使用 hotkeys js 開(kāi)發(fā)快捷鍵功能
4、實(shí)現(xiàn) Undo Redo 功能
5、添加右鍵菜單功能
第20周? ?前后端結(jié)合 – 編輯器整合后端接口
本周開(kāi)始接入后端開(kāi)發(fā)，實(shí)現(xiàn)作品的預(yù)覽，保存，自動(dòng)保存，發(fā)布和渠道編輯等一系列功能。
課程安排：
1、預(yù)覽功能開(kāi)發(fā)
2、保存和自動(dòng)保存功能
3、使用 html2canvas 生成截圖并發(fā)布作品
4、使用 qrcodejs2 生成二維碼并實(shí)現(xiàn)渠道編輯功能
第21周? ?整合開(kāi)發(fā) B 端其他頁(yè)面的各種功能
這周來(lái)完成其他頁(yè)面的分析和編碼工作，在這個(gè)過(guò)程中我們最重要的是掌握幾個(gè)重要的第三方庫(kù)以的用法及它們的原理，以及通過(guò)一個(gè)比較復(fù)雜的鉤子函數(shù)加強(qiáng) vue3 composition API 的應(yīng)用。
課程安排：
1、使用HTML2Canvas 完成頁(yè)面元素截圖
2、使用 QRCode 生成二維碼
3、使用 Clipboard.js 完成拷貝文字到剪貼板
4、編寫(xiě) useLoadMore 鉤子函數(shù)
5、使用 FileSaver.js 完成文件的分享
第22周? ?大型項(xiàng)目的編譯，部署以及性能優(yōu)化
這一周我們來(lái)完成一個(gè)大型項(xiàng)目開(kāi)發(fā)完畢以后的過(guò)程，那就是將在本地運(yùn)行的項(xiàng)目編譯成符合線(xiàn)上要求的版本，將它部署上線(xiàn)，并且盡可能的完成性能優(yōu)化。
課程安排：
1、Vue Cli 編譯的環(huán)境，過(guò)程和模式
2、Webpack 的基礎(chǔ)回顧以及 Loader 和 Plugin 的原理
3、Webpack 打包的分析和優(yōu)化手段
3、HTTP 傳輸?shù)膬?yōu)化手段
階段五：完善服務(wù)端，發(fā)布上線(xiàn)
第23周? ?基于Vue3 SSR渲染作品H5頁(yè)。
編輯器可以創(chuàng)建、保存和發(fā)布作品，但發(fā)布后的作品如何查看？本周就來(lái)搞定。我們不僅要把 H5 頁(yè)渲染出來(lái)，考慮 H5 前端的各項(xiàng)工作，還要打包、發(fā)布靜態(tài)文件到 OSS 。
課程安排：
1、技術(shù)方案設(shè)計(jì)，如何才能渲染出頁(yè)面
2、初始化項(xiàng)目，跑通 CI/CD 流程
3、Vue3 SSR 渲染頁(yè)面，基于 lego-components 組件庫(kù)
4、webpack 打包文件，發(fā)布到 OSS
5、h5 前端功能，如事件跳轉(zhuǎn)、url 參數(shù)處理
6、h5 響應(yīng)式，讓頁(yè)面適配所有手機(jī)屏幕
7、微信分享，前后端配合使用微信 jssdk
第24周? ?自研統(tǒng)計(jì)服務(wù)，使作品能實(shí)現(xiàn)分渠道統(tǒng)計(jì)
自定義事件統(tǒng)計(jì)，是一個(gè)線(xiàn)上產(chǎn)品必備的統(tǒng)計(jì)功能。目前市面上沒(méi)有合適的第三方服務(wù)，干脆我們就自研一個(gè)。包括收集日志、分析日志、Open API 功能。
課程安排：
1、技術(shù)方案設(shè)計(jì)，看如何實(shí)現(xiàn)一個(gè)統(tǒng)計(jì)服務(wù)
2、nginx 服務(wù)收集統(tǒng)計(jì)日志
3、定時(shí)拆分日志文件，按天拆分
4、定時(shí)分析日志，離線(xiàn)計(jì)算統(tǒng)計(jì)結(jié)果，存入數(shù)據(jù)庫(kù)
5、提供 Open API ，獲取統(tǒng)計(jì)結(jié)果
6、定時(shí)清理過(guò)期日志文件，讓硬盤(pán)無(wú)壓力
第25周? ?后臺(tái)管理：讓所有數(shù)據(jù)都在我們的掌控之中
一個(gè)完善的線(xiàn)上產(chǎn)品，后臺(tái)管理是必備的模塊。我們可以查看網(wǎng)站內(nèi)容數(shù)據(jù)，管理用戶(hù)、作品和模板，推薦優(yōu)質(zhì)內(nèi)容，屏蔽垃圾數(shù)據(jù)。
課程安排：
1、需求分析，到底需要查看和管理哪些數(shù)據(jù)？
2、技術(shù)方案設(shè)計(jì)，如何實(shí)現(xiàn)這些功能
3、umijs 腳手架，創(chuàng)建 React 前端項(xiàng)目，跑通 CI/CD
4、使用 React Hooks 開(kāi)發(fā)前端頁(yè)面
5、開(kāi)發(fā)服務(wù)端接口，跑通 CI/CD
6、作業(yè)：寫(xiě)各個(gè)系統(tǒng)的單元測(cè)試和接口測(cè)試
第26周? ?發(fā)布到阿里云服務(wù)器，支持快速回滾
既然是真實(shí)的線(xiàn)上產(chǎn)品，就需要購(gòu)買(mǎi)各種云服務(wù)，配置服務(wù)器和數(shù)據(jù)庫(kù)，然后正式發(fā)布到線(xiàn)上環(huán)境，一旦遇到問(wèn)題還要能快速回滾。
課程安排：
1、配置云服務(wù)器，安裝必備軟件
2、配置云數(shù)據(jù)庫(kù)，創(chuàng)建賬戶(hù)，開(kāi)通 IP 白名單
3、流程設(shè)計(jì)，基于 git tag 和 github actions 實(shí)現(xiàn)發(fā)布和回滾
4、nginx 配置和二級(jí)域名轉(zhuǎn)發(fā)
5、線(xiàn)上日志拆分，nginx 日志和 pm2 日志
第27周? ?運(yùn)維監(jiān)控和報(bào)警
一個(gè)完善的線(xiàn)上產(chǎn)品，必須有完善的運(yùn)維體系，才能保證穩(wěn)定運(yùn)行。包括服務(wù)器監(jiān)控，報(bào)警，以及網(wǎng)絡(luò)安全預(yù)防。
課程安排：
1、服務(wù)器監(jiān)控，實(shí)時(shí)檢測(cè) CPU 內(nèi)存 硬盤(pán)的健康狀況
2、心跳檢測(cè)，對(duì)接口自動(dòng)定時(shí)“體檢”
3、統(tǒng)一異常處理，出問(wèn)題 catch 住，不崩潰
4、報(bào)警，有問(wèn)題第一時(shí)間發(fā)送郵件和短信
5、萬(wàn)一出問(wèn)題或內(nèi)存泄露，自動(dòng)重啟服務(wù)
6、安全預(yù)防，防刷、防爬、防網(wǎng)絡(luò)攻擊
階段六：前端發(fā)布腳手架開(kāi)發(fā)
第28周? ?腳手架發(fā)布模塊架構(gòu)設(shè)計(jì)和核心流程開(kāi)發(fā)
完成項(xiàng)目開(kāi)發(fā)后，需要進(jìn)行前端發(fā)布，腳手架的@imooc-cli/publish子項(xiàng)目將完成項(xiàng)目和組件的標(biāo)準(zhǔn)發(fā)布流程，本周將完成publish包的架構(gòu)設(shè)計(jì)和核心流程開(kāi)發(fā)
課程安排：
1、掌握項(xiàng)目/組件標(biāo)準(zhǔn)發(fā)布流程架構(gòu)設(shè)計(jì)和流程圖繪制
2、掌握自動(dòng)化git流程架構(gòu)設(shè)計(jì)和實(shí)現(xiàn)細(xì)節(jié)
3、掌握云構(gòu)建實(shí)現(xiàn)原理和實(shí)現(xiàn)細(xì)節(jié)
4、掌握項(xiàng)目/組件發(fā)布原理和實(shí)現(xiàn)細(xì)節(jié)
5、完成public子項(xiàng)目創(chuàng)建和主流程開(kāi)發(fā)
第29周? ?腳手架發(fā)布模塊git自動(dòng)化流程開(kāi)發(fā)
本周將完成項(xiàng)目發(fā)布過(guò)程中的git flow流程開(kāi)發(fā)，遵循標(biāo)準(zhǔn)的git flow流程，學(xué)會(huì)可快速改造和優(yōu)化日常開(kāi)發(fā)中的git處理流程，鞏固git的各種使用技巧和方法。
課程安排：
1、掌握git操作方法和git flow流程
2、封裝通用的git處理類(lèi)Git
3、掌握git處理過(guò)程中的緩存結(jié)構(gòu)設(shè)計(jì)
4、掌握git處理過(guò)程中的各種異常流程
5、完成Github & Gitee Open API接入
6、Git類(lèi)準(zhǔn)備階段開(kāi)發(fā)，完成各種git配置初始化
7、Git類(lèi)初始化階段開(kāi)發(fā)，完成git倉(cāng)庫(kù)初始化、remote自動(dòng)關(guān)聯(lián)、強(qiáng)制合8、并遠(yuǎn)程代碼等功能
9、Git類(lèi)分支自動(dòng)比對(duì)功能開(kāi)發(fā)，完成代碼沖突檢查、stash區(qū)自動(dòng)檢查、10、自動(dòng)同步master分支等功能
11、完成Git類(lèi)代碼自動(dòng)提交功能開(kāi)發(fā)
第30周? ?腳手架發(fā)布模塊云構(gòu)建系統(tǒng)開(kāi)發(fā)
git flow流程完成后，我們將進(jìn)入腳手架中最重要也是難度最高的一個(gè)環(huán)節(jié)，即云構(gòu)建系統(tǒng)開(kāi)發(fā)，本周我們通過(guò)egg.js+WebSocket+Redis最終實(shí)現(xiàn)完成云構(gòu)建模塊開(kāi)發(fā)。
課程安排：
1、封裝通用的云構(gòu)建類(lèi)CloudBuild
2、掌握WebSocket通信協(xié)議和開(kāi)發(fā)方法
3、應(yīng)用egg-socket.io插件快速接入WebSocket服務(wù)
4、掌握Redis緩存數(shù)據(jù)庫(kù)的應(yīng)用
5、應(yīng)用egg-redis插件快速接入Redis服務(wù)
6、完成CloudBuild準(zhǔn)備和預(yù)發(fā)布階段開(kāi)發(fā)，完成發(fā)布前配置和各類(lèi)檢查
7、掌握服務(wù)端CloudBuild處理流程和實(shí)現(xiàn)邏輯
8、服務(wù)端CloudBuildTask類(lèi)封裝，完成預(yù)處理、源碼分享、云構(gòu)建等流程開(kāi)發(fā)
9、大作業(yè)：CloudBuild構(gòu)建和依賴(lài)安裝指令動(dòng)態(tài)化功能設(shè)計(jì)和實(shí)現(xiàn)
第31周? ?腳手架發(fā)布模塊云發(fā)布功能開(kāi)發(fā)
腳手架云構(gòu)建模塊開(kāi)發(fā)完成后，本周將繼續(xù)完成項(xiàng)目的云發(fā)布流程開(kāi)發(fā)。
課程安排：
1、掌握前端云發(fā)布邏輯實(shí)現(xiàn)
2、掌握oss入門(mén)使用方法
3、完成服務(wù)端oss API接入
4、掌握oss域名綁定+cdn接入
5、掌握項(xiàng)目預(yù)發(fā)布和正式發(fā)布流程
6、掌握項(xiàng)目回滾等異常流程處理
7、完成發(fā)布后自動(dòng)打tag和開(kāi)發(fā)分支刪除功能
8、完成發(fā)布流程整體開(kāi)發(fā)和聯(lián)調(diào)
9、大作業(yè)：項(xiàng)目回滾+多版本發(fā)布功能架構(gòu)設(shè)計(jì)和具體實(shí)現(xiàn)
第32周? ?腳手架組件發(fā)布功能開(kāi)發(fā)
項(xiàng)目發(fā)布流程已經(jīng)調(diào)通，本周將完成組件發(fā)布流程開(kāi)發(fā)，組件發(fā)布流程和項(xiàng)目不同，主要差異在于：組件需要發(fā)布到npm和組件信息需要落庫(kù)，所以需要不同的處理方式。
課程安排：
1、完成組件git flow流程開(kāi)發(fā)
2、掌握組件構(gòu)建和發(fā)布流程設(shè)計(jì)
3、掌握組件預(yù)覽功能設(shè)計(jì)
4、完成組件構(gòu)建和發(fā)布流程開(kāi)發(fā)
5、完成組件預(yù)覽功能開(kāi)發(fā)
6、掌握RDS開(kāi)通和使用方法
7、掌握egg.js+mysql的開(kāi)發(fā)方法
8、完成組件相關(guān)API的開(kāi)發(fā)方法
9、完成組件發(fā)布全流程聯(lián)調(diào)
10、完成腳手架整體發(fā)布和上線(xiàn)
第33周? ?組件平臺(tái)開(kāi)發(fā)
本周將基于umi完成組件庫(kù)前端部分創(chuàng)建，同時(shí)結(jié)合react hook開(kāi)發(fā)組件庫(kù)的前端頁(yè)面，并將組件庫(kù)發(fā)布上線(xiàn)。
課程安排：
1、掌握umi項(xiàng)目的開(kāi)發(fā)方法
2、掌握react hook的開(kāi)發(fā)方法
3、完成antd組件庫(kù)集成
4、完成組件列表頁(yè)開(kāi)發(fā)
5、完成組件詳情頁(yè)開(kāi)發(fā)
6、完成組件平臺(tái)上線(xiàn)
第34周? ?項(xiàng)目單元測(cè)試用例設(shè)計(jì)和開(kāi)發(fā)
講解如何開(kāi)發(fā)單元測(cè)試用例，并開(kāi)發(fā)測(cè)試代碼。
課程安排：
1、掌握腳手架單元測(cè)試庫(kù)mocha
2、掌握測(cè)試用例設(shè)計(jì)技巧
3、完成腳手架單元測(cè)試用例設(shè)計(jì)
4、完成init庫(kù)測(cè)試用例開(kāi)發(fā)和調(diào)試
5、完成publish庫(kù)測(cè)試用例開(kāi)發(fā)和調(diào)試
Web前端架構(gòu)師 | 更新至34周百度網(wǎng)盤(pán)
路飛學(xué)城爬蟲(chóng)&逆向三期課程
路飛學(xué)城爬蟲(chóng)&逆向三期課程
Web前端架構(gòu)師 | 更新至34周
