PLU | Building Layouts With The CSS Grid (2018 EN)

Discussion in 'Programming' started by Kanka, Jul 22, 2019.

  1. Kanka

    Kanka Well-Known Member Loyal User

    Messages:
    16,086
    Likes Received:
    446
    Trophy Points:
    83
    [​IMG]

    Company: Pluralsight
    Author: Gary Simon
    Full Title: Building Layouts With The CSS Grid
    Year: 2018
    Language: English
    Genre: Educational: Web Development
    Skill Level: Beginner
    Price: -
    -
    Files: MP4 (+ Code Files, Slides .PDF)
    Time: 01:16:26
    Video: AVC, 1280 x 720 (1.778) at 15.000 fps, 450 kbps
    Audio: AAC at 66 Kbps, 2 channels, 44.1 KHz



    Building layouts just became immensely easier with the new CSS Grid. In this course, you will learn how to efficiently build layouts within the new CSS Grid.

    Now is the perfect time to start learning the CSS grid, as browser support is going to immensely increase. If you ever built a layout in the past, chances are, you probably ran into a snag where you had to use some sort of hack. Fortunately, the new CSS Grid eliminates many of the problems that frontend developers faced when building layouts. In this course, Building Layouts with the CSS Grid, you will learn how to utilize the CSS Grid to build layouts efficiently and effectively. First, you are going to discover how to structure dynamic rows and columns. Next, you will explore how to align the grid container along with its items. Finally, you will learn how to make your grid layout responsive and much more. By the end of this course, you will have the knowledge and skills necessary to build a layout from scratch, all based on the CSS Grid.


    Lessons:
    1. Course Overview
    01. Course Overview
    2. Getting Started
    02. What Is the CSS Grid?
    03. Browser Compatibility
    04. Project Preview
    05. Development Environment
    3. Grid Basics
    06. Defining a Grid
    07. Columns and Rows
    08. Grid Lines
    09. Grid Template Areas
    4. Grid Alignment
    10. Defining Grid Gaps
    11. Row Alignment
    12. Column Alignment
    13. Grid Alignment
    5. Responsive CSS Grid
    14. Responsive Design Overview
    15. Tablet Media Queries
    16. Smartphone Media Queries
    6. Conclusion
    17. Course Review


    -------------