<ruby id="qxlwt"></ruby>
<samp id="qxlwt"></samp>
  • <strong id="qxlwt"><del id="qxlwt"><td id="qxlwt"></td></del></strong>

    <strong id="qxlwt"></strong>

    <i id="qxlwt"></i>
    1. <ruby id="qxlwt"><table id="qxlwt"><b id="qxlwt"></b></table></ruby>
      <samp id="qxlwt"><video id="qxlwt"></video></samp>
      <track id="qxlwt"></track>
          <ruby id="qxlwt"></ruby>
        <small id="qxlwt"></small>
        ? ? ?

        Web前端架構師 | 更新至34周百度網(wǎng)盤(pán)

        小馬哥 Java 分布式架構訓練營(yíng) – 第一期 服務(wù)治理

        小馬哥 Java 分布式架構訓練營(yíng) – 第一期 服務(wù)治理

        Web前端架構師 | 更新至34周

        Web前端架構師 | 更新至34周百度網(wǎng)盤(pán)插圖
        最新網(wǎng)課、影視劇電影資源:趣資料headsnianto.com

        • 視頻資源大?。?1.6 GB 更新時(shí)間:2023-06-24
        • 類(lèi)型:Web前端 觀(guān)看方式:百度網(wǎng)盤(pán)
        • 類(lèi)別:>電腦教程 > 語(yǔ)言匯編Tags:
        • 提醒:開(kāi)通VIP會(huì )員全站免費學(xué) 推薦星級:

        Web前端架構師 | 更新至34周資源簡(jiǎn)介:

        系統培養大廠(chǎng)P7技術(shù)專(zhuān)家/中小廠(chǎng)前端Leader

        6~8個(gè)月,讓3年+前端完成質(zhì)的飛躍

        超大復雜項目+高端技術(shù)+大廠(chǎng)規范+全局架構思維

        系統培養大廠(chǎng)P7技術(shù)專(zhuān)家/中小廠(chǎng)前端Leader

        這是一門(mén)專(zhuān)門(mén)培養前端架構師的高端課程

        〖課程目錄〗:

        階段一:課程設計及前端創(chuàng )建腳手架開(kāi)發(fā)

        第1周? ?需求分析和架構設計:做什么,如何做?

        開(kāi)工之前,先來(lái)看看我們到底要做一個(gè)什么項目,有哪些功能。然后站在上帝視角,從整體的架構層面,該如何設計該項目。

        課程安排:

        1、需求分析,到底要做一個(gè)什么產(chǎn)品

        2、項目設計,多個(gè)項目之間的關(guān)系

        3、數據模型設計,各項目之間的數據流轉過(guò)程

        4、后臺管理需求,管理員要管控什么內容

        5、統計需求,知道被訪(fǎng)問(wèn)了多少次

        第2周? ?腳手架架構設計和框架搭建

        萬(wàn)丈高樓平地起,講解大廠(chǎng)級別的腳手架是如何設計的,從頭開(kāi)始繪制架構設計圖,并完成腳手架的框架搭建。

        課程安排:

        1、掌握腳手架的實(shí)現原理

        2、掌握腳手架管理工具Lerna和常用操作

        3、基于Lerna構建腳手架項目

        4、圖解腳手架架構設計

        5、腳手架工程體系設計

        6、深入閱讀Lerna源碼,剖析require.resolve原理

        第3周? ?腳手架核心流程開(kāi)發(fā)

        本周將完成腳手架內核@imooc-cli/core子項目設計,并開(kāi)發(fā)腳手架的執行準備階段和命令注冊階段。

        課程安排:

        1、腳手架核心子項目core包架構設計

        2、掌握腳手架node運行版本限制

        3、掌握腳手架root自動(dòng)降級

        4、掌握npmlog實(shí)現自定義腳手架日志

        5、掌握腳手架用戶(hù)主目錄檢查

        6、掌握腳手架入參解析和環(huán)境變量配置

        7、運用npm API實(shí)現腳手架自動(dòng)更新

        8、掌握腳手架命令注冊原理

        9、運用commander簡(jiǎn)化腳手架命令注冊

        10、node支持ES模塊化標準的兩種方法

        第4周? ?腳手架命令注冊和執行過(guò)程開(kāi)發(fā)

        本周將完成腳手架內核@imooc-cli/core子項目的執行命令階段,我們將采用分離式架構設計、緩存結構設計大幅提升腳手架的分享速度和執行性能。

        課程安排:

        1、掌握腳手架執行命令原理

        2、掌握高性能腳手架架構思路和具體方法

        3、封裝通用的npm包管理類(lèi)Package

        4、掌握API方式完成npm包分享和自動(dòng)更新

        5、掌握腳手架緩存結構設計

        6、掌握Node多進(jìn)程的四種實(shí)現方案

        7、深度解析Node多進(jìn)程child_process庫源碼

        第5周? ?腳手架創(chuàng )建項目流程設計和開(kāi)發(fā)

        本周將開(kāi)發(fā)腳手架創(chuàng )建項目的@imooc-cli/init子項目,完成init包的準備階段和分享模板階段開(kāi)發(fā)。

        課程安排:

        1、腳手架項目創(chuàng )建能力架構設計

        2、深入理解命令行交互原理和inquirer的應用

        3、掌握服務(wù)端框架egg.js的開(kāi)發(fā)方法

        4、掌握云mongodb和egg接入mongodb方法

        5、運用egg.js+mongodb構建項目模板API

        6、掌握正則表達式并完成項目名稱(chēng)自動(dòng)格式化

        7、掌握spinner實(shí)現命令行loading效果

        8、完成標準項目模板開(kāi)發(fā)

        9、完成項目模板的緩存和分享功能

        第6周? ?腳手架項目和組件初始化開(kāi)發(fā)

        init包將完成項目和組件的初始化過(guò)程,本周將完成init包的安裝模板階段。

        課程安排:

        1、掌握腳手架標準安裝模式和自定義安裝模式實(shí)現原理

        2、掌握ejs模板的實(shí)現原理和開(kāi)發(fā)方法

        3、基于ejs模板完成項目模板動(dòng)態(tài)化

        4、完成標準組件模板開(kāi)發(fā)

        5、完成項目或組件項目標準安裝流程開(kāi)發(fā)

        6、完成自定義項目模板初始化流程開(kāi)發(fā)

        7、ejs源碼解析——徹底搞懂ejs模板編譯和渲染原理

        8、require源碼解析——徹底搞懂Node.js模塊加載原理

        階段二:B端項目分析和設計,編輯器初步編碼,業(yè)務(wù)組件庫的搭建

        第7周? ?B端項目需求分析 和 架構設計

        對于一個(gè)復雜前端項目,在編碼之前,分析過(guò)程可謂是“磨刀不誤砍柴工”,本周我們來(lái)給大家講解怎樣一步步抽絲剝繭,從需求到難點(diǎn),再到系統整體設計。

        課程安排:

        1、整體需求分析初步 和 細化:編輯器需求分析

        2、編輯器開(kāi)發(fā)的難點(diǎn)分析 和 難點(diǎn)可能使用解決方案

        3、整體架構設計

        第8周? ?前端基礎技術(shù)回顧和巡禮

        在課程正式開(kāi)始之前,扎實(shí)的基礎知識是本課程的必備條件。這一周,讓我們一起來(lái)溫習 – typescript,vue3,ant-desing-vue 以及 webpack 和 rollup 的基礎知識。

        課程安排:

        1、Typescript – 進(jìn)入類(lèi)型的世界

        2、vue3 以及 新版全家桶 vuex,vue-router

        3、ant-design-vue – 完美支持 vue3 的組件庫

        4、webpack 和 rollup – 現代打包工具雙雄

        第9周? ?項目整體搭建

        萬(wàn)事開(kāi)頭難,本周我們使用技術(shù)儲備中簡(jiǎn)介的知識,來(lái)搭建項目的大體結構和框架,包括 項目創(chuàng )建,代碼結構,基礎路由,基本布局和 基本的全局數據結構。

        課程安排:

        1、使用 imooc-cli 創(chuàng )建項目

        2、規定代碼規范和項目結構 ,安裝編輯器輔助插件

        3、使用 vue-router 添加基礎路由結構

        4、使用 ant-design-vue 搭建基礎布局

        5、使用 vuex 創(chuàng )建項目的基本數據結構

        第10周? ?編輯器基本布局,及業(yè)務(wù)組件庫初步開(kāi)發(fā)

        本周從編輯器開(kāi)始開(kāi)發(fā),完成編輯器的基本布局,并且分析組件屬性和修改組件屬性的對應關(guān)系,創(chuàng )建業(yè)務(wù)組件庫的第一個(gè)組件,并且完成最簡(jiǎn)單的編輯器交互,最后提出了業(yè)務(wù)組件實(shí)時(shí)實(shí)現編輯更新的解決方案。

        課程安排:

        1、創(chuàng )建編輯器的基本布局

        2、分析畫(huà)布組成元素的組件屬性

        3、創(chuàng )建第一個(gè)組件 LText

        4、屬性和編輯組件的實(shí)現方案

        第11周? ?掌握測試基本工具,給組件庫添加單元測試

        本周從什么是測試入手,簡(jiǎn)介了測試的基本概念,介紹通用測試工具 Jest 和 Vue 測試框架 vue-test-utils,然后使用這兩種工具完成LText組件的單元測試。

        課程安排:

        1、Jest 簡(jiǎn)介和基本用法

        2、vue-test-utils 的基本用法

        3、為 Ltext 添加測試用例

        第12周? ?通用上傳組件開(kāi)發(fā)以及使用

        本周主要從業(yè)務(wù)組件 LImage 入手,從易到難使用 TDD 開(kāi)發(fā)一個(gè)復雜的通用上傳組件,之后將組件用于左側組件列表中,完成圖片組件的功能。

        課程安排:

        1、為通用上傳組件寫(xiě)需求。

        2、從易到難漸進(jìn)式使用 TDD 的混合方式開(kāi)發(fā)一個(gè)復雜的上傳組件。

        3、將組件用于左側組件列表用于創(chuàng )建 LImage 組件。

        4、衍生出來(lái)的一系列擴展知識:比如 Vue3 組件的類(lèi)型,Vue3 通信的幾種方法,以及 Element Plus Upload 組件的源碼分析等。

        第13周? ?業(yè)務(wù)組件庫打包、發(fā)布,添加 CI/CD

        本周繼續豐富業(yè)務(wù)組件庫的功能,將組件庫剝離成單獨的代碼庫,使用 rollup 打包成多種 JS 模塊形式,發(fā)布到 NPM,最后還使用 travis 完成了 CI/CD 流程。

        課程安排:

        1、創(chuàng )建單獨的組件庫代碼庫

        2、添加剩余的業(yè)務(wù)組件

        3、使用 rollup 打包生成多種 JS 模塊

        4、發(fā)布至 npm 和 使用 husky 完成發(fā)布前測試

        5、使用 travis 完成組件庫 CI/CD 功能

        階段三:從 0 搭建編輯器服務(wù)端

        第14周? ?服務(wù)端技術(shù)選型(選修)

        本周介紹做服務(wù)端必備的技能、框架、工具和服務(wù),以及為何選擇他們。 這一章節是做服務(wù)端開(kāi)發(fā)的基礎知識(后端知識串講,已經(jīng)掌握的同學(xué)可以跳過(guò))。

        課程安排:

        1、為何選擇 koa2 框架,而不是 express egg nest.js

        2、三大常用數據庫 Mysql Mongodb Redis

        3、使用 JWT 做登錄驗證,放棄 Session

        4、用 jest 做單元測試和接口測試

        5、pm2 和 nginx 能保證服務(wù)端高效穩定運行

        第15周? ?服務(wù)端 CI/CD :github自動(dòng)化

        本周我們使用 github actions 和 docker 這兩大利器,從 0 實(shí)現 CI/CD 流程。這一章節是做服務(wù)端開(kāi)發(fā)的基礎知識(后端知識串講,已經(jīng)掌握的同學(xué)可以跳過(guò))。

        課程安排:

        1、github actions 一顆的 CI/CD 新星

        2、docker 讓你一鍵擁有各種軟件環(huán)境,如 Mysql

        3、docker-compose 快速搭建測試環(huán)境

        4、提交代碼,自動(dòng)發(fā)布到測試機

        5、提交代碼,自動(dòng)觸發(fā)單元測試

        第16周? ?編輯器服務(wù)端基礎 API 開(kāi)發(fā)

        本周正式開(kāi)發(fā)業(yè)務(wù)開(kāi)發(fā)。開(kāi)發(fā)之前要做技術(shù)方案設計(接口設計,數據庫設計),初始化項目環(huán)境和 CI/CD 流程。然后完成所有業(yè)務(wù)功能開(kāi)發(fā),同時(shí)進(jìn)行單元測試和接口測試。

        課程安排:

        1、接口設計,捋一捋需要提供哪些 API

        2、數據庫設計,如何存儲更加合理

        3、初始化項目環(huán)境,連接數據庫,跑通 CI/CD 流程

        4、各個(gè)模塊的代碼介紹,不會(huì )一行一行帶著(zhù)寫(xiě)代碼的

        5、單元測試和接口測試,邊開(kāi)發(fā)邊測試,才能保證穩定性

        第17周? ?編輯器服務(wù)端調用第三方服務(wù)

        真正線(xiàn)上項目才需要這些功能,還要花錢(qián)購買(mǎi)第三方服務(wù),一般課程不常見(jiàn)到。這些功能很實(shí)用,很大眾,學(xué)完即可照搬到實(shí)際項目中。

        課程安排:

        1、用短信驗證碼實(shí)現登錄

        2、內容安全檢查,屏蔽所有黃色、血腥、政治敏感內容

        3、上傳圖片到阿里云 OSS

        階段四:完善B端所有功能,前后端結合和性能優(yōu)化

        第18周? ?編輯器組件圖層面板功能開(kāi)發(fā)

        本周繼續進(jìn)行屬性編輯面板的功能,完成屬性的分組功能,完成圖層面板的顯示 隱藏 鎖定 排序等功能。最后完成背景設置面板的功能,在這個(gè)過(guò)程中,學(xué)習一系列第三方庫的使用。

        課程安排:

        1、使用 cropper.js 開(kāi)發(fā) image processer 組件

        2、同屬性分組并且開(kāi)發(fā) EditGroup 組件

        3、開(kāi)發(fā)圖層面板 并且 使用 vue-draggable-next 完成排序功能

        4、背景設置面板開(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í)現 Undo Redo 功能

        5、添加右鍵菜單功能

        第20周? ?前后端結合 – 編輯器整合后端接口

        本周開(kāi)始接入后端開(kāi)發(fā),實(shí)現作品的預覽,保存,自動(dòng)保存,發(fā)布和渠道編輯等一系列功能。

        課程安排:

        1、預覽功能開(kāi)發(fā)

        2、保存和自動(dòng)保存功能

        3、使用 html2canvas 生成截圖并發(fā)布作品

        4、使用 qrcodejs2 生成二維碼并實(shí)現渠道編輯功能

        第21周? ?整合開(kāi)發(fā) B 端其他頁(yè)面的各種功能

        這周來(lái)完成其他頁(yè)面的分析和編碼工作,在這個(gè)過(guò)程中我們最重要的是掌握幾個(gè)重要的第三方庫以的用法及它們的原理,以及通過(guò)一個(gè)比較復雜的鉤子函數加強 vue3 composition API 的應用。

        課程安排:

        1、使用HTML2Canvas 完成頁(yè)面元素截圖

        2、使用 QRCode 生成二維碼

        3、使用 Clipboard.js 完成拷貝文字到剪貼板

        4、編寫(xiě) useLoadMore 鉤子函數

        5、使用 FileSaver.js 完成文件的分享

        第22周? ?大型項目的編譯,部署以及性能優(yōu)化

        這一周我們來(lái)完成一個(gè)大型項目開(kāi)發(fā)完畢以后的過(guò)程,那就是將在本地運行的項目編譯成符合線(xiàn)上要求的版本,將它部署上線(xiàn),并且盡可能的完成性能優(yōu)化。

        課程安排:

        1、Vue Cli 編譯的環(huán)境,過(guò)程和模式

        2、Webpack 的基礎回顧以及 Loader 和 Plugin 的原理

        3、Webpack 打包的分析和優(yōu)化手段

        3、HTTP 傳輸的優(yōu)化手段

        階段五:完善服務(wù)端,發(fā)布上線(xiàn)

        第23周? ?基于Vue3 SSR渲染作品H5頁(yè)。

        編輯器可以創(chuàng )建、保存和發(fā)布作品,但發(fā)布后的作品如何查看?本周就來(lái)搞定。我們不僅要把 H5 頁(yè)渲染出來(lái),考慮 H5 前端的各項工作,還要打包、發(fā)布靜態(tài)文件到 OSS 。

        課程安排:

        1、技術(shù)方案設計,如何才能渲染出頁(yè)面

        2、初始化項目,跑通 CI/CD 流程

        3、Vue3 SSR 渲染頁(yè)面,基于 lego-components 組件庫

        4、webpack 打包文件,發(fā)布到 OSS

        5、h5 前端功能,如事件跳轉、url 參數處理

        6、h5 響應式,讓頁(yè)面適配所有手機屏幕

        7、微信分享,前后端配合使用微信 jssdk

        第24周? ?自研統計服務(wù),使作品能實(shí)現分渠道統計

        自定義事件統計,是一個(gè)線(xiàn)上產(chǎn)品必備的統計功能。目前市面上沒(méi)有合適的第三方服務(wù),干脆我們就自研一個(gè)。包括收集日志、分析日志、Open API 功能。

        課程安排:

        1、技術(shù)方案設計,看如何實(shí)現一個(gè)統計服務(wù)

        2、nginx 服務(wù)收集統計日志

        3、定時(shí)拆分日志文件,按天拆分

        4、定時(shí)分析日志,離線(xiàn)計算統計結果,存入數據庫

        5、提供 Open API ,獲取統計結果

        6、定時(shí)清理過(guò)期日志文件,讓硬盤(pán)無(wú)壓力

        第25周? ?后臺管理:讓所有數據都在我們的掌控之中

        一個(gè)完善的線(xiàn)上產(chǎn)品,后臺管理是必備的模塊。我們可以查看網(wǎng)站內容數據,管理用戶(hù)、作品和模板,推薦優(yōu)質(zhì)內容,屏蔽垃圾數據。

        課程安排:

        1、需求分析,到底需要查看和管理哪些數據?

        2、技術(shù)方案設計,如何實(shí)現這些功能

        3、umijs 腳手架,創(chuàng )建 React 前端項目,跑通 CI/CD

        4、使用 React Hooks 開(kāi)發(fā)前端頁(yè)面

        5、開(kāi)發(fā)服務(wù)端接口,跑通 CI/CD

        6、作業(yè):寫(xiě)各個(gè)系統的單元測試和接口測試

        第26周? ?發(fā)布到阿里云服務(wù)器,支持快速回滾

        既然是真實(shí)的線(xiàn)上產(chǎn)品,就需要購買(mǎi)各種云服務(wù),配置服務(wù)器和數據庫,然后正式發(fā)布到線(xiàn)上環(huán)境,一旦遇到問(wèn)題還要能快速回滾。

        課程安排:

        1、配置云服務(wù)器,安裝必備軟件

        2、配置云數據庫,創(chuàng )建賬戶(hù),開(kāi)通 IP 白名單

        3、流程設計,基于 git tag 和 github actions 實(shí)現發(fā)布和回滾

        4、nginx 配置和二級域名轉發(fā)

        5、線(xiàn)上日志拆分,nginx 日志和 pm2 日志

        第27周? ?運維監控和報警

        一個(gè)完善的線(xiàn)上產(chǎn)品,必須有完善的運維體系,才能保證穩定運行。包括服務(wù)器監控,報警,以及網(wǎng)絡(luò )安全預防。

        課程安排:

        1、服務(wù)器監控,實(shí)時(shí)檢測 CPU 內存 硬盤(pán)的健康狀況

        2、心跳檢測,對接口自動(dòng)定時(shí)“體檢”

        3、統一異常處理,出問(wèn)題 catch 住,不崩潰

        4、報警,有問(wèn)題第一時(shí)間發(fā)送郵件和短信

        5、萬(wàn)一出問(wèn)題或內存泄露,自動(dòng)重啟服務(wù)

        6、安全預防,防刷、防爬、防網(wǎng)絡(luò )攻擊

        階段六:前端發(fā)布腳手架開(kāi)發(fā)

        第28周? ?腳手架發(fā)布模塊架構設計和核心流程開(kāi)發(fā)

        完成項目開(kāi)發(fā)后,需要進(jìn)行前端發(fā)布,腳手架的@imooc-cli/publish子項目將完成項目和組件的標準發(fā)布流程,本周將完成publish包的架構設計和核心流程開(kāi)發(fā)

        課程安排:

        1、掌握項目/組件標準發(fā)布流程架構設計和流程圖繪制

        2、掌握自動(dòng)化git流程架構設計和實(shí)現細節

        3、掌握云構建實(shí)現原理和實(shí)現細節

        4、掌握項目/組件發(fā)布原理和實(shí)現細節

        5、完成public子項目創(chuàng )建和主流程開(kāi)發(fā)

        第29周? ?腳手架發(fā)布模塊git自動(dòng)化流程開(kāi)發(fā)

        本周將完成項目發(fā)布過(guò)程中的git flow流程開(kāi)發(fā),遵循標準的git flow流程,學(xué)會(huì )可快速改造和優(yōu)化日常開(kāi)發(fā)中的git處理流程,鞏固git的各種使用技巧和方法。

        課程安排:

        1、掌握git操作方法和git flow流程

        2、封裝通用的git處理類(lèi)Git

        3、掌握git處理過(guò)程中的緩存結構設計

        4、掌握git處理過(guò)程中的各種異常流程

        5、完成Github & Gitee Open API接入

        6、Git類(lèi)準備階段開(kāi)發(fā),完成各種git配置初始化

        7、Git類(lèi)初始化階段開(kāi)發(fā),完成git倉庫初始化、remote自動(dòng)關(guān)聯(lián)、強制合8、并遠程代碼等功能

        9、Git類(lèi)分支自動(dòng)比對功能開(kāi)發(fā),完成代碼沖突檢查、stash區自動(dòng)檢查、10、自動(dòng)同步master分支等功能

        11、完成Git類(lèi)代碼自動(dòng)提交功能開(kāi)發(fā)

        第30周? ?腳手架發(fā)布模塊云構建系統開(kāi)發(fā)

        git flow流程完成后,我們將進(jìn)入腳手架中最重要也是難度最高的一個(gè)環(huán)節,即云構建系統開(kāi)發(fā),本周我們通過(guò)egg.js+WebSocket+Redis最終實(shí)現完成云構建模塊開(kāi)發(fā)。

        課程安排:

        1、封裝通用的云構建類(lèi)CloudBuild

        2、掌握WebSocket通信協(xié)議和開(kāi)發(fā)方法

        3、應用egg-socket.io插件快速接入WebSocket服務(wù)

        4、掌握Redis緩存數據庫的應用

        5、應用egg-redis插件快速接入Redis服務(wù)

        6、完成CloudBuild準備和預發(fā)布階段開(kāi)發(fā),完成發(fā)布前配置和各類(lèi)檢查

        7、掌握服務(wù)端CloudBuild處理流程和實(shí)現邏輯

        8、服務(wù)端CloudBuildTask類(lèi)封裝,完成預處理、源碼分享、云構建等流程開(kāi)發(fā)

        9、大作業(yè):CloudBuild構建和依賴(lài)安裝指令動(dòng)態(tài)化功能設計和實(shí)現

        第31周? ?腳手架發(fā)布模塊云發(fā)布功能開(kāi)發(fā)

        腳手架云構建模塊開(kāi)發(fā)完成后,本周將繼續完成項目的云發(fā)布流程開(kāi)發(fā)。

        課程安排:

        1、掌握前端云發(fā)布邏輯實(shí)現

        2、掌握oss入門(mén)使用方法

        3、完成服務(wù)端oss API接入

        4、掌握oss域名綁定+cdn接入

        5、掌握項目預發(fā)布和正式發(fā)布流程

        6、掌握項目回滾等異常流程處理

        7、完成發(fā)布后自動(dòng)打tag和開(kāi)發(fā)分支刪除功能

        8、完成發(fā)布流程整體開(kāi)發(fā)和聯(lián)調

        9、大作業(yè):項目回滾+多版本發(fā)布功能架構設計和具體實(shí)現

        第32周? ?腳手架組件發(fā)布功能開(kāi)發(fā)

        項目發(fā)布流程已經(jīng)調通,本周將完成組件發(fā)布流程開(kāi)發(fā),組件發(fā)布流程和項目不同,主要差異在于:組件需要發(fā)布到npm和組件信息需要落庫,所以需要不同的處理方式。

        課程安排:

        1、完成組件git flow流程開(kāi)發(fā)

        2、掌握組件構建和發(fā)布流程設計

        3、掌握組件預覽功能設計

        4、完成組件構建和發(fā)布流程開(kāi)發(fā)

        5、完成組件預覽功能開(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)調

        10、完成腳手架整體發(fā)布和上線(xiàn)

        第33周? ?組件平臺開(kāi)發(fā)

        本周將基于umi完成組件庫前端部分創(chuàng )建,同時(shí)結合react hook開(kāi)發(fā)組件庫的前端頁(yè)面,并將組件庫發(fā)布上線(xiàn)。

        課程安排:

        1、掌握umi項目的開(kāi)發(fā)方法

        2、掌握react hook的開(kāi)發(fā)方法

        3、完成antd組件庫集成

        4、完成組件列表頁(yè)開(kāi)發(fā)

        5、完成組件詳情頁(yè)開(kāi)發(fā)

        6、完成組件平臺上線(xiàn)

        第34周? ?項目單元測試用例設計和開(kāi)發(fā)

        講解如何開(kāi)發(fā)單元測試用例,并開(kāi)發(fā)測試代碼。

        課程安排:

        1、掌握腳手架單元測試庫mocha

        2、掌握測試用例設計技巧

        3、完成腳手架單元測試用例設計

        4、完成init庫測試用例開(kāi)發(fā)和調試

        5、完成publish庫測試用例開(kāi)發(fā)和調試

        Web前端架構師 | 更新至34周百度網(wǎng)盤(pán)插圖1

         

        Web前端架構師 | 更新至34周百度網(wǎng)盤(pán)

        Web前端架構師 | 更新至34周百度網(wǎng)盤(pán)插圖2

        路飛學(xué)城爬蟲(chóng)&逆向三期課程

        路飛學(xué)城爬蟲(chóng)&逆向三期課程

        Web前端架構師 | 更新至34周

        1
        沒(méi)有賬號? 忘記密碼?
        好属妞视频这有精品6666_在线无码一区二区三区不卡4405_911精品国产自产在线观看_亚洲精品无码久久毛片
        <ruby id="qxlwt"></ruby>
        <samp id="qxlwt"></samp>
      1. <strong id="qxlwt"><del id="qxlwt"><td id="qxlwt"></td></del></strong>

        <strong id="qxlwt"></strong>

        <i id="qxlwt"></i>
        1. <ruby id="qxlwt"><table id="qxlwt"><b id="qxlwt"></b></table></ruby>
          <samp id="qxlwt"><video id="qxlwt"></video></samp>
          <track id="qxlwt"></track>
              <ruby id="qxlwt"></ruby>
            <small id="qxlwt"></small>