Contents
使用 HTML5,CSS3和 Sass 建立最新的響應式( responsive )網站和 UIs! 學習 Flex 和 CSS Grid (有簡中字幕)
從這 21 小時的課程,你會學到
- 建立多個高品質的網站和使用者介面專案
- HTML5 語義排版( Semantic Layout )和 CSS 基礎
- Flexbox 和 CSS Grid 專案
- CSS 變數,過場效果( Transitions ),下拉選單,Overlays以及更多
- 使用 FTP 和 Git 託管和部署網站
- 所有技能水平
要求
- 本課程適用於任何開發人員,從初級到高階
課程說明
本課程是為初學者和經驗豐富的開發者開設的,希望學習如何使用最新的 HTML5和 CSS3+ 技術,例如 Flexbox 和 CSS Grid 以及 Sass 預編譯器來建立響應式網站和使用者介面。 本課程包括數小時的學習和研究部分,以及真實生活中的專案。 不再依賴 Bootstrap 這樣的框架來建立使用者介面,學習如何建立自己的排版和工具類別來建立客製化的響應式網站和應用程式 UIs。
前幾節是為初學者量身定做的,所以即使你以前從未建立過任何東西,你也會學到所有的基礎知識。 如果你已經有基本的 HTML 和 CSS 的經驗,只要跳到第3或第4節就可以開始。
課程包含的內容
- 網站是如何運作的
- Visual Studio Code 設定,快捷鍵,Live Server 和 Emmet
- HTML5 語義排版( Semantic Layout )
- CSS 基礎
- 使用 Media Queries 的響應式設計
- CSS 單位 – rem, em, vh, vw, 等
- Flexbox
- CSS Grid
- 使用 Keyframes 和過場效果( Transitions ) 做動畫
- CSS 變數
- Sass 預編譯器與專案作品組合
- 完整專案及小型專案
- 共享主機的網站部署 & 使用 Git 的 Netlify
- 更多
關於 Sass 的章節將很快被新增!
目標受眾
- 從初學者到經驗豐富的開發者
講師簡介
Brad Traversy 全端 Web 開發人員 & Traversy Media 講師 ( 更多講師主講課程介紹 )
Brad Traversy 已經從事程式設計工作12年,教學工作近5年。 他是 Traversy Media 的所有者,這是一個成功的 Web 開發 YouTube 頻道,專注於從 HTML5到像 Angular 這樣的前端框架以及像 Node.js、 PHP 和 Python 這樣的伺服器端技術。 Brad 已經掌握了用簡單的方式解釋非常複雜的話題,讓聽眾非常容易理解。 通過觀看 Brad 的課程來投資你的知識。
字幕:簡中、英文
- 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To
🙌 如何有效率地管理 ChatGPT 輸出與整理自己的 ChatGPT 提示( prompts )使用情境?LN+ for Web 已經針對 ChatGPT 的整合做最佳化
🙌 讓 Notion AI 成為你線上學習的得力助手,詳細操作請參考 – 使用 Notion AI 功能來為 udemy 的課程做摘要總結
- 點選這個✨優惠連結 課程特價 | Udemy 永久擁有課程 NT370 起( 請登入 Udemy|按過“優惠連結”後到”報名參加課程“連結網頁做更新 )
- Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
- 手機上點選優惠連結看到的價格比電腦上看到的貴
- $代表當地貨幣, 如在台灣為 NT
- 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現
報名參加課程

也許你會有興趣
- 網頁前端開發學習地圖
- ★英語學習地圖 – 練好英文是最大的學習槓桿
- 如何找工作學習地圖 – 找工作不要靠運氣!
- 挑選 Soft & Share 各種粉絲群與頻道加入
你必須登入才能發表留言。