主講內容

HTML | CSS | 企業級小兔鮮兒電商項目首頁制作

內容介紹

1. HTML 負責網頁的結構層，是網頁開發的基礎，從最簡單的網頁骨架搭建入手，使用常見的 HTML 標簽豐富網頁結構。
2. 在 HTML 搭建的網頁結構基礎上，通過 CSS 選擇器 精準選擇標簽，使用外觀、盒模型相關屬性完成網頁全部內容，學習傳統浮動、定位等完成網頁布局，側重使用 Flex 布局技巧精準控制網頁布局，最終結合背景、圓角、陰影等裝飾屬性進一步美化網頁效果，達到能夠編寫企業級大型綜合網頁。
3. 借助PxCook工具，基于設計稿編寫網頁，確保網頁的高度還原，通過綜合運用 HTML + CSS 技術，按照實際項目開發流程，歸納開發技巧，提升綜合實戰水平，最終完成企業級小兔鮮兒電商項目PC端首頁開發。

可掌握的核心能力

借助PxCook工具，參照設計稿，能綜合使用HTML+CSS技術完成企業級小兔鮮兒電商項目PC端首頁開發

主講內容

CSS高級特效 | 移動適配 | 響應式

內容介紹

1. 使用css高級特效豐富網頁元素的呈現方式和效果。
2. 首先介紹Flex布局模型,實現移動端網頁的基本布局;再講解兩種移動端網頁適配不同分辨率的解決方案,并使用不同的解決方案制作網頁元素寬高隨著視口的變化而等比縮放的效果。
3. 學習響應式的原理,并使用bootstrap框架完成響應式網頁的布局。

可掌握的核心能力

1. 使用CSS高級特效，豐富網頁元素的呈現方式和效果
2. 使用rem或vw、vh實現網頁元素寬高隨著視口變化等比縮放的效果
3. 使用bootstrap框架布局響應式網頁

主講內容

JavaScript核心 | WebAPI | Ajax | Git

內容介紹

1. 學習JavaScript核心語法規則，深入理解 ECMAScript 的知識體系及工作機制。
3. 利用 axios 發起 Ajax 請求，實現前后端的數據交互。并講解 HTTP 請求的過程以及 Ajax 的底層原理。深入學習 JS 異步的底層原理，能夠使用 Promise 處理異步操作，并使用 async/await 簡化異步操作。
4. 能夠創建 Git 倉庫管理前端項目，基于 Git 分支進行多人協同開發，并且能夠把本地的 Git 倉庫同步到遠程碼云或 Github 倉庫中。
2. 學習DOM和BOM對象的屬性和方法,以完成網頁常見的交互效果。

可掌握的核心能力

1. 掌握 JavaScript 核心語法，培養編程邏輯思維
2. 掌握 DOM 和 BOM 對象的常用屬性和方法，能夠完成網頁常見的交互效果
3. 掌握 JavaScript 底層工作機制和 ES6+ 高級特性，能夠高效實現業務邏輯
4. 能夠使用 axios 實現 Ajax 操作，為后續項目課做好技術鋪墊
5. 能夠運用 Git 管理前端項目，并且使用 Git 分支進行多人協同開發
6. 能夠使用 Promise 與 async/await 高效的實現異步操作

主講內容

框架前置課 | Vue2.x 核心 | Vue3.x 核心 | 微前端 | Three.js | Vue 原理

內容介紹

1. 掌握模塊化思想，npm包管理，webpack基礎，初探工程化開發。
2. 運用Vue2.0全家桶核心內容實現開發中常見的功能，如購物車，經典列表、TodoMVC等。運用 Vant 開發移動端，運用element-ui開發PC后臺管理系統。
3. 掌握 Vue3 新特性、Vite 新一代構建工具、組合式 API、Pinia 等。
4. 掌握 qiankun 微前端庫，重構巨石應用、做到與技術無關。
5. 掌握 three.js web 3D技術，具備大屏3D可視化開發能力。
6. 掌握 Vue 底層原理。

可掌握的核心能力

1. 通過 Vue2 和 Vue3 的核心知識學習，掌握企業開發中常見業務功能實現
2. 通過深入 Vue 技術棧學習 vue-router vuex vant element-ui 等主流技術，掌握企業級項目開發方式，如移動端H5項目與PC端管理項目
3. 掌握 qiankun 微前端技術，具備重構巨石應用的能力，實現技術棧無關開發方式
4. 掌握 three.js web 3D技術，具備大屏3D可視化開發能力

主講內容

原生小程序 | uni-app

內容介紹

1. 了解小程序開發的一般流程序，熟悉小程基礎組件的使用，能夠基于 wxml 和 wxss 實現小程序的界面布局，基于模板的數據綁定實現數據的動態渲染，基于 API 實現與服務端的數據通信，以及熟悉其它高級 API 的使用。
2. 理解 uni-app 實現跨平臺開發的原理機制，理清單文件組件與原生小程序組件的對應關系，以及 uni-app 開發小程序時開發時與原生小程序的差異。

可掌握的核心能力

1. 掌握原生小程序開發，能夠獨立完成原生小程序項目開發
2. 掌握 uni-app 多端框架，能夠獨立開發小程序和其他端的開發

主講內容

TypeScript | ArkTS & ArkUI

內容介紹

1. 掌握TypeScript基礎語法，且在項目中熟練運用TypeScript。
2. 掌握 ArkTS 核心語法&接口，掌握ArkUI 搭建鴻蒙應用界面，且在鴻蒙應用開發中熟練使用。

可掌握的核心能力

1. 掌握TS核心語法，能夠使用TS開發應用程序
2. 掌握 Vue3 + TS 實戰運用，能完成企業級 Web 應用1~2的需求開發
3. 掌握 ArkTS 和 ArkUI 核心技術，能夠完成 HarmonyOS 應用基礎界面開發
4. 掌握 ohos 內置能力，完成網絡管理、進程內通信、消息通知、文件管理相關業務開發
5. 掌握基于ArkUI進行組件封裝，完成自定義功能組件開發，擴展鴻蒙系統組件能力
6. 掌握數據性能優化方案，完成長列表數據懶加載，提高應用用戶體驗
7. 掌握原生動畫技巧，實現流暢頁面間動畫、組件元素動畫

主講內容

React 核心技術 | Hooks 深入+路由 | Redux +中間件 + Redux Toolkit | 記賬本案例

內容介紹

1. 基于 React 腳手架（create-react-app）搭建React項目，掌握JSX語法搭建頁面結構，使用函數組件實現組件化開發，掌握組件通訊在項目開發中的使用。
2. 掌握 useEffect Hook 的應用，掌握 useRef Hook 的高級用法，理解 Hooks 原理，掌握 react-router-dom 的應用。
3. 掌握 React 最常用狀態管理工具 Redux 的基本使用，使用 react-redux 鏈接庫在 React 中使用 Redux，掌握 Redux 中間件 redux-thunk 用來處理異步請求，掌握 Redux Tookit 簡化 Redux 的使用。
4. 利用 React + Hooks + Redux Tookit 實現記賬本案例，對整個 React 階段所學內容進行練習，驗證我們是否掌握了 React 開發能力。

可掌握的核心能力

通過 React + Hooks + Redux Toolkit 的學習，實現多種業務場景下的功能開發，如 B站評論、知乎頻道管理、美團外賣、記賬本等業務功能

主講內容

1.基于axios 實現網站注冊和登錄功能
2.基于 Echarts 結合需求高度自定義不同類型的可視化圖表
3.Ajax、數據渲染和服務端推送前后端分離技術的應用
4.基于 token 的訪問權限控制功能

項目介紹

數據看板是一個數據可視化項目，通過折線圖、K線圖、柱狀圖等圖表形式歸納匯總大量數據，以實現更加直觀的數據表達效果。學員通過學習該項目，能夠掌握數據可視化、異步編程、實時數據獲取等技術解決方案，適合有基礎希望技能強化的IT人員繼續學習。

可掌握的核心能力

1. 掌握Echarts 各類型數據可視化圖表的應用
2. 能夠根據需要求創建折線圖、K線圖、地圖等圖表
3. 掌握前后端分離技術的實現方式并了解其意義
4. 掌握使用token進行訪問鑒權功能實現

主講內容

vue2 + element + vue-router + vuex 全家桶、 vue-admin-template中后臺模板、echarts 圖表、echarts-liquidfill 液體圖表、mockjs 數據、vue-treeselect 樹形下拉框、機構管理、機構作業范圍、運費管理、車型管理、車輛列表、回車登記、快遞員管理、司機管理、排班管理、訂單管理、運單管理、運輸任務管理、線路管理、取件作業管理、派件作業管理

項目介紹

基于Vue2和ElementUI開發的神領物流平臺對標主流快遞物流公司的TMS系統，包含運輸任務管理、訂單管理、線路管理以及運費管理等核心業務。TMS系統能夠對車輛、駕駛員、線路等進行全面詳細的統計考核，能大大提高運作效率，降低運輸成本。

可掌握的核心能力

小組實戰，多人開發協作，共同完成基于 vue-admin-template 搭建企業級中后臺項目，能獨立分析需求并按需求實現功能，能夠解決測試過程中發現的BUG、掌握完整的業務開發流程，完成基礎數據管理、車輛管理、訂單和運單管理、調度管理等特色業務。

主講內容

請求模塊化、請求工具攔截、scss 樣式、布局組件、Redux狀態管理、vite 、ant-design 、表單校驗、 react-router@v6、token 認證、token 失效控制、history 路由、打包性能優化、CDN 加速、組件封裝 、react-quill

項目介紹

「極客園」對標“CSDN”、“博客園”等競品，致力成為更加貼近年輕 IT 從業者（學員）的科技資訊類應用 產品關鍵詞：IT、極客、活力、科技、技術分享、前沿動態、內容社交 用戶特點：年輕有活力，對IT領域前言科技信息充滿探索欲和學習熱情。本項目是個人自媒體管理端，涵蓋了后臺管理系統的核心業務，基于react技術棧（react hooks + redux + react-router）實現了登錄功能，首頁展示，文章管理與發布，圖片上傳等功能。讓學員熟練掌握react核心技術棧的開發項目的能力。

可掌握的核心能力

熟練掌握react+ts技術棧（react hooks + redux + react-router）配合antd組件庫開發后臺管理項目的技術能力。