Mastering CSS Grid 2019

[Prohibitive]

MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 17 hour | Size: 8.67 GB

CSS Grid - The future of layouts. It's like Flexbox, but dialled up to eleven

What you'll learn

How to implement responsive layouts using CSS Grid
How to build regular layouts in CSS Grid
All properties that are part of the CSS Grid Specification
How to build commonly used sites such as YouTube using CSS Grid

Requirements

Some knowledge of CSS and HTML
Flexbox is optional but preferred

Description

In this course we take you deep into how to build a variety of different layouts in CSS Grid. We cover the following:-

All the properties in CSS Grid, how they work, and any gotchas that you may not be aware of when using them.

Alignment and how it works in CSS Grid, including the alignment of tracks and grid items at the grid container level. We also show you how to override alignment at the grid item level.

The basics of responsive web design, such as media queries and how they work with mobile / tablet etc.

Grid areas and how it helps simplify responsive web design

The concept of implicit and explicit grids and what the differences are

A deep look into the Autoplacement algorithm

Animation at a high level and what works currently with CSS Grid

How to convert some layouts in Flexbox to use CSS Grid instead

When to use Flexbox over CSS Grid

Once we cover all of these concepts, we then go about showing you some basic layout problems and how they can be solved. This includes:-

Column based layout

Basic Sidebar layout

Vertical Text alignment

Modal alignment

Stick footer layout

Formatting form fields

And hopefully in future much more. We then look at some advance layout topics such as:-

The Holygrail layout

The Media Objects layout

A Viewport Friendly Image Gallery

A Responsive Image Gallery

An Animated Sidebar

A Monthly Calendar layout

A Newspaper Cover layout

A Responsive Twitter Clone Layout

A Responsive Movie Gallery

Then if you haven't had enough, we have 3 real life application examples that will give you the experience you need. They are:-

A Chat UI interface

An Uber Eats Clone Responsive Application

A YouTube Clone Responsive Application

Who this course is for:

Web Developers
Web Designers
User Experience Designers
Front End Developers
Full Stack Developers
Screenshots

Buy Premium Account for Download With Full Speed:

rapidgator_net:
https://rapidgator.net/file/02c5f2210e91fabf94958deb0b41b257
https://rapidgator.net/file/427af7974ef88010678b0215ef3b198f
https://rapidgator.net/file/5d5cf9948888e3ec30069d8a3282d6ab
https://rapidgator.net/file/65510242e2d4c04c470fca2edc7de33e
https://rapidgator.net/file/67a10cf045a53cdbdb46ba11ddbbd9ac
https://rapidgator.net/file/6f4b639d67257506a557fb9d505a7dc8
https://rapidgator.net/file/7288fca3bb008f90aa17d45a72ae5b1f
https://rapidgator.net/file/aa358859ff3c7ecea3bc272126ae68c5
https://rapidgator.net/file/b99cfb1473422ed1fa964709c77a0100

uploadgig_com:
https://uploadgig.com/file/download/11763fd3ad8B4243/.Mastering_CSS_Grid_2019.part01.rar
https://uploadgig.com/file/download/b7cF24fc43aFCf68/.Mastering_CSS_Grid_2019.part02.rar
https://uploadgig.com/file/download/bcc86f9AEe2256E1/.Mastering_CSS_Grid_2019.part03.rar
https://uploadgig.com/file/download/Ddbe8003D6f76714/.Mastering_CSS_Grid_2019.part04.rar
https://uploadgig.com/file/download/519610B30eef5d3b/.Mastering_CSS_Grid_2019.part05.rar
https://uploadgig.com/file/download/10f3c0d0e4c426f0/.Mastering_CSS_Grid_2019.part06.rar
https://uploadgig.com/file/download/1284f09e47a50aef/.Mastering_CSS_Grid_2019.part07.rar
https://uploadgig.com/file/download/7914a54cff970d55/.Mastering_CSS_Grid_2019.part08.rar
https://uploadgig.com/file/download/a313a46aCb32598b/.Mastering_CSS_Grid_2019.part09.rar

Links are Interchangeable - No Password - Single Extraction