課程簡介

介紹

  • Tailwind CSS 概述

開始

  • 安裝 Tailwind CSS
  • 安裝節點
  • 安裝 VS code
  • 設置環境

Tailwind CSS 基礎知識

  • 使用 HTML 附加 Tailwind CSS
  • 使用實用程式類創建容器
  • 添加寬度和高度屬性
  • 瞭解 flexbox 的工作原理
  • 包裝和調整 flex 專案的大小
  • 創建網格和行佈局
  • 調整網格佈局中元素的流動
  • 在項目之間添加間隙並對齊專案
  • 對單個項目進行對齊
  • 為元素添加填充和邊距
  • 使用 Tailwind 實用程式類設置文字樣式
  • 添加邊框和設置邊框樣式
  • 為元素添加陰影
  • 使用斷點添加回應行為
  • 使用偽選擇器
  • 分層和應用指令
  • 使用元件進行代碼重用

設置更好的開發環境

  • 使用 Tailwind CLI 建立環境
  • 指令和函數

摘要和後續步驟

最低要求

  • HTML 和 CSS 的基礎知識

觀眾

  • 開發人員
 7 時間：

人數


每位參與者的報價

Open Training Courses require 5+ participants.

客戶評論 (4)

編碼練習

Kesh - Vodacom
Course - HTML5, JavaScript, and CSS4

機器翻譯

Trainer' style of teaching

Fatma Badi - Dubai Electricity and Water Authority
Course - Front End Developer

Console part in web environment it gives me ho to navigate and check the history, browser api. It explains well the proper functions every element in the templates.

Glenford Cataluna - Bureau of Fisheries and Aquatic Resources
Course - HTML5, JavaScript, and CSS3

I was benefit from the step by step and in detail guidance of the trainer.

Tam Jia Jun
Course - Angular 4: Create single-page applications using HTML, CSS, and JavaScript

Provisional Upcoming Courses (Require 5+ participants)

Tailwind CSS

2025-05-08 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

Tailwind CSS

2025-05-22 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

Tailwind CSS

2025-06-05 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

Tailwind CSS

2025-06-19 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

Tailwind CSS

2025-07-03 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

Tailwind CSS

2025-07-17 09:30
7 時間：
Glenealy Tower
HK$ 12550 (线上)
HK$ 29800 (課堂)

相關課程

Creating Web Pages with HTML

 21 時間：

课程参与者将学习如何根据标准创建一个网站,并将了解 HTML / X 和 [0 的秘密。 您将能够将页面放在服务器上并将其添加到目录和搜索引擎中。 每个参与者也将获得由课程的作者准备的易于使用的手册,这使得更容易审查和实践应用获得的知识。

更多...

Angular 4 Fundamentals

 21 時間：

This instructor-led, live training in 香港 introduces the fundamentals of Angular 4 and walks participants through the creation of a single-page web application.

更多...

CSS3 Advanced

 7 時間：

This instructor-led, live training in 香港 (online or onsite) is aimed at intermediate-level web developers and designers who wish to leverage the advanced features of CSS3 to enhance their web development projects.

By the end of this training, participants will be able to:

  • Apply advanced CSS3 features, including animations and transformations.
  • Use CSS pre-processors like LESS for efficient styling workflows.
  • Implement best practices for responsive and modern web design.
  • Control complex layouts with Flexbox and other advanced techniques.
更多...

Front End Developer

 35 時間：

本課程不僅僅是為了介紹，而是為HTML和CSS ， Java Script， jQuery和Bootstrap提供強大的基礎和最佳實踐。通過實驗室和實踐練習，介紹基本概念以及最佳實踐。為了更好地覆蓋所有主題， HTML與其他主題（ CSS和Java腳本）一起被解決。

該課程幾乎完全掌握。大多數概念是通過代碼讀取/執行和編碼發現的。

更多...

HTML5, JavaScript, and CSS3

 35 時間：

這種以講師為主導的香港現場現場培訓針對的是希望學習HTML5，CSS3和JavaScript以構建Web應用程式的初學者程序師。

在培訓結束時，參與者將能夠：

  • 安裝和配置開發環境。
  • 瞭解 Javascript 的程式設計邏輯，並使用它來控制應用程式的流程。
  • 將 Javascript 與 HTML 結合使用，為使用者創建互動式體驗。
  • 使用 CSS3 為應用程式添加視覺效果，使其更具吸引力和可用性。
  • 將應用程式連接到資料庫以存儲和檢索數據。
更多...

HTML5, JavaScript, and CSS4

 35 時間：

這種以講師為主導的香港現場培訓（現場或遠端）針對的是希望一起使用HTML5, JavaScript, and CSS4來創建Web應用程式的程式師。

在培訓結束時，參與者將能夠：

  • 在應用程式開發中整合和使用 HTML5, JavaScript, and CSS4 功能。
  • 使用 CSS4 來增強應用程式的吸引力和可用性。
  • 使用 JavaScript 和 HTML 創建現代互動式應用程式。
更多...

課程分類

CSS
CSS