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

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 的課程來投資你的知識。