打破網站速度極限: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,與我們聯絡喔!
注意事項
- 收到款項後,若不克參加申請退費,請參閱退費規則。
- 本課程結合講師職場實務經驗傳授,習者請反覆演練運用,並配合上課作業實作。
- 課程執行單位保留調整課程內容、日程與講師之權利。
優惠價
NT$3,000