Udemy

Advance CSS Grid - Build 4 Major Responsive Websites

立即報名
  • 1,347 名學生
  • 更新於 12/2025
4.2
(43 個評分)
  • 提示:
  • 透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期*
全年招生
課程級別
學習模式
修業期
10 小時 30 分鐘
教學語言
英語
授課導師
Rahul Giri
評分
4.2
(43 個評分)
*提示: 以上時間表僅供參考,以機構網站為準。

課程簡介

Advance CSS Grid - Build 4 Major Responsive Websites

Learn everything about css grid with flexbox and build production ready English, arabic and chinese websites and more...

Top Reviews-

Solid overall tutorial, covered material I was looking for... The tutorial fast pace, zero bullshit time covering the history/development of CSS-Grid or spending too much time trying to explain the new CSS Grid properties- By Arin K.

The BEST CSS Grid course I have had so far. - By Sepideh E.

Thorough, well-prepared course with resources for learning and reference. Using Visual Studio Code with a built-in live server simplifies the process of following along, experimenting, and viewing files. Learned a lot and appreciate the instructor’s upbeat and on-point presentation - By Araby G.

and more...

Web technology changing so rapidly. we see lots and lots of new tech and feature almost every day. these new tech and features are here to make our life easier than ever before. just like CSS Grid.

CSS Grid is the first truly CSS Grid layout feature designed to layout the web. this new fascinating feature of CSS is here to give almost all kinds of tools and properties that can create the most complex grid layout in just the blink of an eye.

So in this course, this is what exactly you gonna learn. you will learn CSS Grid from start to finish and bottom to top. just everything by building 4 major websites.

We will build.

  1. Robotics website

  2. Arabic website

  3. Resume website

  4. Chinese Website

apart from that, you will learn everything with many small demo projects.

All the Source files for this course are included...

let's get started.

課程章節

  • 10 個章節
  • 95 堂課
  • 第 1 章 Mastering the basics of css grid
  • 第 2 章 CSS grid and Flexbox
  • 第 3 章 Auto-placement in CSS Grid Layout
  • 第 4 章 Box alignment in CSS Grid Layout
  • 第 5 章 Line-based placement with CSS Grid
  • 第 6 章 Powerful grid template areas
  • 第 7 章 Layout using named grid lines
  • 第 8 章 CSS Grid functions
  • 第 9 章 CSS grids, logical values and writing modes
  • 第 10 章 [Project] Robotics Website: Building Modern Website with MDL & CSS Grid

課程內容

  • Build complex web layout in just couple minutes.
  • You will be able to create almost any layout based system, Latin(LTR), Arabic(RTL), Han CJK (Vertical).


評價

  • R
    Ray XXX
    2.0

    His accent is difficult, at critical points in lecture he either skips nesessary instruction or says it in a way you can't understsand.

  • A
    Araby Greene
    5.0

    Thorough, well-prepared course with resources for learning and reference. Using Visual Studio Code with built-in live server simplifies the process of following along, experimenting, and viewing files. Learned a lot and appreciate the instructor’s upbeat and on-point presentation.

  • U
    Udemy User
    1.0

    not good a teaching.

  • D
    Don Brenneman
    4.0

    I enjoyed it. The instructor responded to my questions appropriately and helpfully.

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策與使用條款才繼續瀏覽。

我已閱讀及同意