購物車是空的!
探索課程

打破網站速度極限:Astro助你輕鬆實現動態與靜態網頁設計!

打造高效能網站:Astro框架的基礎與實踐

課程時數14hr
開課日期2025/02/11(二)
上課時間19:00 ~ 21:00
優惠價
NT$3,000
NT$8,000
11/30前全站課程5折,輸入折扣碼TWNO1,結帳再折500

菜鳥救星線上真人課程簡介

 

網頁跑太慢怎麼辦,是框架的關係嗎??

  • 傳統前端框架讓網站效能表現不佳、加載速度緩慢。
  • 目前網路資料不多,缺乏系統化教學資源。
  • 想學習靜態生成與SSR的實作,但缺乏實戰經驗。
  • 不知如何使用版本控制與部署工具,導致網站維護困難。

Astro 是一個新興且強大的 Web 框架,致力於讓開發者能夠快速構建現代化、高效能的網站。無論你是前端開發者還是設計師,Astro 的易用性與卓越性能都能為你帶來極致的開發體驗。本課程將帶領你深入了解Astro框架,從基礎部署到實際網站開發,讓你掌握最前沿的技術,打造出令人驚豔的網站。

 

課程目標

課程將帶領你深入了解 Astro 的基礎概念,從環境設置到模板語法、元件設計、頁面路由等實用技巧,讓你逐步打造出結構清晰、性能優異的網站。此外,你將學習如何運用靜態生成與 SSR,並結合 Git 版本控制,將你的作品部署到 Netlify 上,實現從開發到上線的一站式體驗。

 

學習完後,你能獲得……

  • 能使用Astro框架進行高效能網站開發。
  • 學會撰寫和管理Astro模板語法,動態控制內容顯示。
  • 熟悉使用Astro元件進行設計,實現網站的模組化開發。
  • 掌握頁面路由的設定方法,並實作頁面切換動畫。
  • 學會Git版本控制操作,能有效管理開發專案。
  • 具備將網站部署到Netlify等平台的實際能力。

 

課程大綱

學習目標:理解Astro的運作原理與環境部署
  • 單元1:認識 Web 框架與 Astro 概論
  • 單元2:環境部署
  • 單元3:Astro 的核心概念與優勢
  • 單元4:常用HTML&CSS語法
作業
  • 部署好Astro所需要的環境
學習目標:理解HTML&CSS與Astro之間的關聯
  • 單元1:變數
  • 單元2:動態屬性
  • 單元3:動態HTML
  • 單元4:三元運算子應用
  • 單元5:使用註解
作業
  • 使用上課所學建立靜態頁面About、Contact
學習目標:理解元件的架構並且透過元件提升開發效率
  • 單元1:元件結構
  • 單元2:元件使用方式
  • 單元3:參數設定
  • 單元4:插槽設定
作業
  • 建立元件主樣板、Nav、Footer、Header
學習目標:理解Astro頁面切換的原理以及頁面的切換效果
  • 單元1:路由設定
  • 單元2:Astro頁面與MarkDown頁面
  • 單元3:自訂404頁面
  • 單元4:頁面切換動畫
作業
  • 設定關於、文章以及聯絡我們的路由 建立3-5個文章頁面(使用Markdown) 將所有頁面加上切換動畫
學習目標:使用Astro建置出一個完整的網站
  • 單元1:頁面與路由設定
  • 單元2:網站模板
  • 單元3:選單、標頭與頁尾
  • 單元4:設定內容合集
作業
  • 建立文章系統 將前面課程所建立之元件、頁面合併成網站
學習目標:理解版本控制的使用方式
  • 單元1:環境安裝
  • 單元2:Git基礎操作
  • 單元3:建立與使用分支
  • 單元4:還原Git紀錄
  • 單元5:Git與Github"
作業
  • 將專案做版本控管,並且上傳至github
學習目標:將建構好的網站部署至雲端平台上
  • 單元1:打包專案
  • 單元2:靜態與SSR
  • 單元3:Netlify部署"
作業
  • 將前面所學之網站打包並且部署至Netlify

誰適合學

  • 對前端開發感興趣且想學習新技術的開發者。
  • 網頁設計師及開發者,對現代Web框架有興趣者。
  • 初學者或有一定經驗但對Astro不熟悉的開發者。
  • 希望快速掌握靜態網站生成與部署的初學者。

 

課程優勢

本課程獨家推出,由資深工程師親授,帶您深入淺出學習當紅的 Astro 框架。課程內容從基礎到進階,全面涵蓋,並結合豐富的實戰專案,讓您從理論到實作,快速掌握靜態生成與動態加載等關鍵技術。透過本課程,您將能即學即用,打造出高性能、高品質的現代化網站,為您的開發生涯增添亮點。

 

關於講師:李仲傑/Zac

關於講師:李仲傑

  • 超過10年網站開發及教學經驗
  • 鳴之設計事務所 / 技術總監
  • 全國電子 / 網站顧問
  • 銘傳、世新、萬能健行 / 業界講師
  • 勞動力發展署 / 職訓講師
  • 聯成電腦 / 講師

 

Q&A

一台可以上課的電腦或筆記型電腦。
每堂線上直播課程,課後隔天18:00後,均可以在雲端教室直接查看影片,可於線上一年內無限重複觀看,不用擔心漏掉任何一個細節。且經大部份使用者回饋,在下次課程開始前,重新複習上次課程內容,學習效果會更好喔。
*依專案不同,觀看期限可能有所調整,菜鳥救星保留修改權益之權利。
依照個人意願開鏡頭,但是希望大家都可以開麥克風跟我互動喔。
歡迎至常見問答頁面查詢,或是加入line帳號:@lccedu,與我們聯絡喔!

 

注意事項

  1. 收到款項後,若不克參加申請退費,請參閱退費規則。
  2. 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
  3. 課程執行單位保留調整課程內容、日程與講師之權利。

 

優惠價
NT$3,000