從基礎開始學習最新的 HTML & CSS (包含 Sass)

使用 HTML 和 CSS 建立現代響應式網站 – 學習模組、小專案和 3 個完整網站

從這 21 小時的課程，你會學到

建構 3 個高品質網站及迷你專案
沙盒環境，用於學習標籤、CSS 屬性、可訪問性及其他概念
語意元素、盒子模型、過渡、關鍵影格、偽選擇器等
使用 Flexbox 和 CSS 網格建立靈活佈局
使用媒體查詢、相對單位和靈活佈局建立響應式網站
學習 Git、GitHub 和網站部署的基礎知識
學習 BEM（區塊元素修飾符）方法
所有技能水平

要求

本課程適用於任何開發人員，從初級到高階

課程說明

本課程是為初學者和經驗豐富的開發者開設的，希望學習如何使用最新的 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 的課程來投資你的知識。