10587| 45
|
[『編程語言』] 極課時間Vue開發(fā)實戰(zhàn) |
極課時間Vue開發(fā)實戰(zhàn)
課程亮點 這不僅僅是一門教你如何使用 Vue 的課程,而是會手把手帶你用 Vue 完成一個大型項目。 第一手實戰(zhàn)經(jīng)驗:講師唐金州,開源項目 Ant Design Vue 作者,該項目已成為螞蟻金服 Ant Design 官方唯一指定的 Vue 版組件庫,他會將自己的實戰(zhàn)經(jīng)驗毫無保留地分享給你。 原理 + 習(xí)題:Vue + Vue 周邊生態(tài)核心技術(shù)一網(wǎng)打盡,覆蓋大型 Vue 項目所要用到的所有核心技術(shù),同時每節(jié)課后會搭配習(xí)題,幫你牢牢掌握每個知識點。 實戰(zhàn)為王:手把手帶你基于 Vue 來開發(fā)大型項目 Ant Design Pro ,從開發(fā)、測試、打包構(gòu)建到最終的上線,幫你打通前端工程化全鏈路技能點。 學(xué)完這門課程,你不僅能夠掌握 Vue 的技術(shù)原理及其應(yīng)用, 也會對其底層原理有所了解,并且通過實戰(zhàn)項目,你將具備獨立負責(zé) Vue 前端項目的能力。 基礎(chǔ)要求 掌握 HTML、CSS、JavaScript 等前端相關(guān)基礎(chǔ)知識。 作者簡介 唐金州,浙江大學(xué)碩士,一點資訊前端技術(shù)專家,Ant Design Vue 作者。 第二屆 VueConf 演講嘉賓,主導(dǎo)開發(fā)的 Ant Design Vue 在 GitHub 已有 5000+ Star,并且已經(jīng)納入 Ant Design 官方域名下,成為了螞蟻金服 Ant Design 官方唯一指定的 Vue 版組件庫。 曾任職于搜狗、螞蟻金服,并主導(dǎo)研發(fā)了多個 UI 框架和前端架構(gòu)設(shè)計,在移動端和中后臺都有豐富的開發(fā)經(jīng)驗。除了 Vue 之外,對 React 也有多年的開發(fā)經(jīng)驗。 課程背景 Vue、 React 和 Angular 是當(dāng)前應(yīng)用最廣的三大前端框架,僅從 GitHub 趨勢來看,Vue 更是排在了第一位,目前已經(jīng)達到了 13 萬的 Star。 目前,不管是 BAT 大廠,還是創(chuàng)業(yè)公司,Vue 都有廣泛的應(yīng)用,相關(guān)技術(shù)原理也成為了面試中的必考知識點,對于任何一個前端工程師來說,Vue 都是一門非常值得我們學(xué)習(xí)的前端框架。 大部分人在學(xué)習(xí)和使用過程,經(jīng)常面臨以下問題: 概念過多,記不住,真正開發(fā)的時候還得一遍又一遍的翻文檔; 沒能真正理解數(shù)據(jù)驅(qū)動,總是用各種 hack 方法更改視圖,為項目挖了一個又一個的坑; 工程化不熟練,面對大象項目中的單頁面、多頁面、前后端分離、mock 聯(lián)調(diào)、構(gòu)建、打包、單測、持續(xù)集成等等一系列流程,手忙腳亂不得要領(lǐng)。 針對以上痛點,本課程設(shè)計了專門的實戰(zhàn)環(huán)節(jié),幫你在掌握 Vue 技術(shù)原理及應(yīng)用的同時,通過實戰(zhàn)項目來打通前端工程化全鏈路技能點,真正做到學(xué)完即用。 第一章:基礎(chǔ)篇 (19講) 01 | 課程介紹 試看 02 | Vue簡介 試看 03 | 內(nèi)容綜述 試看 04 | 第一個Vue程序 試看 05 | 初識單文件組件 試看 06 | Vue組件的核心概念(1):屬性 試看 07 | Vue組件的核心概念(2):事件 試看 08 | Vue組件的核心概念(3):插槽 09 | 雙向綁定和單向數(shù)據(jù)流不沖突 10 | 理解虛擬DOM及key屬性的作用 11 | 如何觸發(fā)組件的更新 12 | 合理應(yīng)用計算屬性和偵聽器 13 | 生命周期的應(yīng)用場景和函數(shù)式組件 14 | 指令的本質(zhì)是什么 15 | 常用高級特性provide/inject 16 | 如何優(yōu)雅地獲取跨層級組件實例(拒絕遞歸) 17 | template和JSX的對比以及它們的本質(zhì) 18 | 習(xí)題解答(1) 19 | 習(xí)題解答(2) 第二章:生態(tài)篇 (13講) 20 | 為什么需要Vuex 21 | 如何在Vue中使用Vuex 22 | Vuex核心概念及底層原理 23 | Vuex最佳實踐 24 | Vue Router的使用場景 25 | 選擇何種模式的路由及底層原理 26 | Nuxt解決了哪些問題? 27 | Nuxt核心原理是什么? 28 | UI組件庫對比(Element UI、Ant Design Vue、iView) 29 | 提升開發(fā)效率和體驗的常用工具(ESLint、Prettier、vue-devtools) 30 | 單元測試的重要性及其使用 31 | 習(xí)題解答(1) 32 | 習(xí)題解答(2) 第三章:實戰(zhàn)篇 (21講) 33 | Ant Design Pro介紹 34 | 使用Vue CLI 3快速創(chuàng)建項目 35 | 如何自定義Webpack和Babel配置 36 | 如何設(shè)計一個高擴展性的路由 37 | 實現(xiàn)一個可動態(tài)改變的頁面布局 38 | 如何將菜單和路由結(jié)合 39 | 如何使用路由管理用戶權(quán)限 40 | 更加精細化的權(quán)限設(shè)計(權(quán)限組件、權(quán)限指令) 41 | 如何在組件中使用ECharts、Antv等其他第三方庫 42 | 如何高效地使用 Mock 數(shù)據(jù)進行開發(fā) 43 | 如何與服務(wù)端進行交互(Axios) 44 | 創(chuàng)建一個普通表單 45 | 初始數(shù)據(jù)、自動校驗、動態(tài)賦值 46 | 創(chuàng)建一個分步表單 47 | 自己封裝一個支持自動校驗的表單項 48 | 如何管理系統(tǒng)中使用的圖標(biāo) 49 | 如何定制主題及動態(tài)切換主題 50 | 如何做好國際化 51 | 如何高效地構(gòu)建打包發(fā)布 52 | 如何構(gòu)建可交互的組件文檔 53 | 如何做好組件的單元測試
購買主題
本主題需向作者支付 666 資源幣 才能瀏覽
| |
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
| ||
小黑屋|資源共享吧 ( 瓊ICP備2023000410號-1 )
GMT+8, 2024-12-22 16:30 , Processed in 0.049055 second(s), 17 queries , MemCached On.