Tech Stack()

// 技術堆疊

Git 版本控制

掌握現代軟體開發必備的版本控制系統,從基礎指令到進階工作流程。

1
2
3
4
5
// Git 基本工作流程
git add .
git commit -m "feat: 新功能實作"
git push origin main
// 協作開發的核心技能
版本控制

Vue 3 框架

漸進式前端框架,從基礎到進階,建立現代化的使用者介面。透過 100 天挑戰,掌握 Vue 3 的核心概念與實戰技巧。

1
2
3
4
5
// Vue 3 Composition API
import { ref, computed } from 'vue'
const count = ref(0)
const doubled = computed(() => count.value * 2)
// 響應式資料的力量
learnVue()
100天挑戰

Nuxt 3 框架

基於 Vue 3 的全端框架,提供伺服器端渲染、靜態生成與混合渲染等多種部署方式。

1
2
3
4
5
// Nuxt 3 自動導入
export default defineNuxtConfig({
  modules: ['@nuxtjs/tailwindcss'],
  ssr: true // 伺服器端渲染
})
exploreNuxt()
全端框架

前端學習路線圖

從零基礎到專業前端工程師的完整學習路徑,涵蓋 HTML、CSS、JavaScript、框架選擇到測試部署的所有階段。

1
2
3
4
5
// 前端開發學習路徑
Internet → HTML → CSS → JavaScript
↓
Version Control → Package Managers
↓
FrameworksCSS ToolsBuild ToolsTesting
startLearning()
學習路線圖