fbpx

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

課程簡介

使用 HTML5,CSS3和 Sass 建立最新的響應式( responsive )網站和 UIs! 學習 Flex 和 CSS Grid

課程介紹:English 简中

從這 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

優惠資訊

如何購買這門課程比較划算?可以參考課程合購優惠方案


報名參加課程

Sponsored by Udemy

也許你會有興趣

 歡迎使用 e-mail 訂閱 Soft & Share 

Spread the love

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: