項目特色
本項目以英語單詞測試與打卡功能為載體,帶你一步步實現項目的頁面布局、與用戶交互和前后臺交互的所有功能。
項目實現編碼簡潔規范,包含各種函數封裝、組件封閉、工具模塊封裝。
作為基礎階段的深入練習項目,它是你走進HarmonyOS應用開發的不二選擇。
主要技術棧
ArkTS
ArkUI的常用UI組件與布局組件
動畫
路由
自定義通用組件
Storage存儲
網絡請求與封裝 服務卡片
虛擬長列表
位置服務
學習目標
- 掌握HarmonyOS應用開發的環境搭建、應用創建、安裝與調試
- 掌握ArkTS與ArkUI使用
項目特色
手把手帶你從0到1開發一款可運行在鴻蒙設備上的租房App,幫助你抓住機遇,快速掌握鴻蒙 3.1/4.0 架構和 ArkTS API 9 語言,成為華為鴻蒙領域的高手
本項目以租房業務為核心功能,它包含租戶多維度尋找房源,智能匹配房源,預約看房等功能。通過學習該項目,能夠掌握鴻蒙開發各種主流頁面布局方案,同時適配不同機型,橫豎屏切換適配等。
主要技術棧
ArkTS
ArkUI 的使用
UI 組件與布局組件
路由
自定義通用組件
網絡請求與封裝
Storage 存儲
位置服務
多端適配
浮動窗口
應用國際化
學習目標
- 掌握HarmonyOS 應用開發的環境搭建、應用創建、安裝與調試
- 熟悉ArkTS 與 ArkUI 使用
- 熟悉前后端交互技術的使用
- 掌握各種主流頁面布局方案
- 掌握適配不同機型,橫豎屏切換適配
- 掌握定位功能的實現
項目特色
本項目以聽書業務為功能載體,參考目前應用市場上主流的聽書app,通過鴻蒙架構和Arkts語言,重新開發實現。
通過學習該項目,能夠掌握鴻蒙開發的頁面布局,用戶交互,多媒體音頻播放,第三方支付調用等技術方案。
主要技術棧
ArkTS
ArkUI的常用UI組件與布局組件
動畫
路由
自定義通用組件
網絡請求與封裝
多媒體音頻播放與控制
服務卡片
多文件上傳與下載
后臺任務管理
學習目標
- 熟悉HarmonyOS應用開發的環境搭建、應用創建、安裝與調試
- ArkTS與ArkUI使用
- 前后交互技術的使用
項目特色
一個基于ChatGPT的Web雙端 項目,它使用OpenAI GPT來生成自然對話。
用戶可以通過與ChatGPT交互來獲取有關各種主題的信息和建議。
該項目還包括一個簡單的用戶界面,使用戶能夠輕松地與ChatGPT進行交互。
主要技術棧
Vue3
Vue Router4
Vite
Pinia
TypeScript
Sass
Axios
NativeUI
Node.js
Express
Axios
ChatGpt
學習目標
- 熟練應用Node.js進行后端開發
- 掌握基于ChatGpt工具庫與GPT接口交互
- 熟練使用Vue3全家桶
- 掌握前后臺Token鑒權
- 熟練掌握對Axios的二次封裝
- 熟練掌握項目的多環境配置、Eslint的應用等
項目特色
尚醫通是以某醫院預約掛號統一平臺為原型而搭建的在線醫療服務平臺,該平臺集成多家醫院的掛號信息,提供全程跟蹤服務,用戶可以隨時了解自己的掛號狀態。本項目采用React18版本和TypeScript語言,使用Hook函數組件式開發模式,并且利用Antd、Axios等庫提高了應用程序的效率、可維護性、可擴展性和用戶體驗。
主要技術棧
React
Redux
React Router
Antd
react-i18next
Axios
TypeScript
Babel
ESLint
Echarts
Webpack
Java
SpringBoot
SpringCloud
MySQL
學習目標
- 熟悉 React、TypeScript、React Hook、Redux 等技術
- 掌握完整項目開發流程
- 學會如何進行網絡請求和響應攔截器的使用,了解如何與后端交互從而獲取數據
- 實踐搭建后臺管理模板項目,實現國際化處理、用戶認證流程等功能
- 掌握模塊化、組件化、工程化
項目特色
尚品匯電商后臺管理系統旨在幫助電商企業高效管理商品、訂單、用戶、營銷活動等核心業務。通過簡潔直觀的界面和強大的功能,尚品匯助力企業提升運營效率,優化用戶體驗,實現業務增長。
基于 Vue2 技術棧構建,結合 Vue Router、Vuex 等 Vue 全家桶技術,為用戶提供了一套完整的電商后臺解決方案。
項目包含:商品管理、訂單管理、營銷中心、統計中心、會員管理、系統管理等 10+ 功能模塊
主要技術棧
Vue2
Vue Router
Vuex
Axios
Echarts
ElementUI
Vue-I18n
Lodash
Qrcode
Echarts
Crypto-js
ES6
Babel
ESLint
Webpack
Java
SpringBoot
SpringCloud
MySQL
學習目標
- 熟悉 Vue2、Vue Router、Vuex、ElementUI 等 Vue2 全家桶技術
- 掌握項目從設計到需要分析,從搭建項目到多人協同開發,從開發-測試-上線的完整過程。
- 掌握 Axios 二次封裝,熟悉前后交互的技術
- 掌握組件化封裝技術,實踐工程化的應用開發模式
- 掌握國際化方案,提供項目多語言支持
- 掌握不對稱加密方案,確保數據的傳輸和存儲安全,同時,對敏感數據進行脫敏處理,保護用戶隱私。
項目特色
本項目含可視化項目、智慧城市/工廠后臺管理和微前端項目。
基于 Vue3 和 TypeScript 的企業級中后臺前端解決方案,涵蓋了 RBAC 權限管理、路由配置、Vuex 數據傳遞等多種功能模塊。同時還注重性能優化和安全性需求,并具備文本格式轉化、大屏可視化等特色功能。
采用模塊化、組件化和工程化理念,結合高效技術實現多端展示、優化用戶操作流程,提供完整的電商購物車與訂單支持,并可通過物流跟蹤等功能增強客戶體驗。
主要技術棧
Vue3
TypeScript
Vue-Router
Pinia
Axios
Babel
ESLint
Vite
Babel
ESLint
Java
SpringBoot
SpringCloud
MySQL
學習目標
- 掌握企業級中后臺前端解決方案的開發
- 熟悉且靈活運用 Vue3 技術棧和 TypeScript 語法
- 理解 RBAC 權限管理、路由配置、Pinia 數據傳遞等功能模塊,并學會性能優化和安全性需求的實現
- 掌握第三方插件應用、動態表單創建、文本格式轉化、大屏可視化等特色功能
- 實現電商平臺的購物車、訂單支持流程和物流模塊等功能,并優化用戶體驗
項目特色
硅谷代駕是一款在線提供代駕服務的原生小程序 App,包括司機端和乘客端。
司機端包括接單、搶單、地圖定位、微信登陸、身份校驗、人臉識別等功能
乘客端包括選擇位置、搜索位置、呼叫司機、優惠券、下單、支付等功能
應用包含小程序開發的所有常用技術點、Vue3 技術棧、組件庫 Vant、地圖服務、圖表等
主要技術棧
小程序 API
Vue3
VantUI
騰訊地圖
微信登陸
echarts 圖表
學習目標
- 掌握小程序組件化、網絡請求封裝、UI 組件庫等技術
- 掌握基于騰訊地圖的常用功能開發
項目特色
硅谷商城是在線商城系統的移動微信小程序端,它提供了在線購物的全業務鏈。
項目包括四大部分:商品中心、交易中心、營銷中心和會員中心,每個部分又包含 6 個左右的模塊。
項目包含 50+個頁面和 100+個后臺接口,業務復雜度完全匹配企業級項目的難度。
主要技術棧
UniApp
原生小程序
Vue3
Vite
Pinia
TypeScript
Sass
Uni-UI
Weixin SDK
WebSocket
學習目標
- 掌握基于 UniApp + Vue3 + TypeScript 的小程序開發
- 掌握基于 UniUI 的各種界面的布局技
- 掌握商品購物、秒殺、優惠券、拼團、砍價、下單支付等核心模塊的業務功能實現
- 全面掌握通用組件的封裝技術,包括:通用彈窗、營銷活動彈窗、地址管理、快捷菜單、簽到日歷、自定義卡片等組件
項目特色
整個課程包含數據報表的2D可視化、數據大屏的2D可視化和3D數據可視化
數據報表應用是電商后臺的相關統計數據的可視化,包含銷量、訂單、用戶、訪問量、品牌等數據
數據大屏應用是應用監控的相關數據的可視化,包含商家分布、地區銷量、品牌銷售等數據
3D可視化應用是智慧工廠的監控數據的可視化,包含廠房3D動態效果、生產數據2D效果、警告、事故等數據
主要技術棧
Echarts
ThreeJS
Vue3
VueRouter
VueUse
Axios
ElementPlus
VueGridLayout
學習目標
- 了解數據可視化的基本概念、原理和常用的可視化方法
- 學習如何從不同的數據源獲取數據,并對數據進行處理和轉換,以滿足可視化需求
- 掌握基于Echarts的2D數據可視化技術
- 掌握數據可視化的實時更新和大屏適配技術
- 掌握基于ThreeJS的3D數據可視化技術