CSS Grid & Flexbox - The Ultimate Course Build +10 Projects

Course Feature

Cost

Paid
Provider

Udemy
Certificate

Paid Certification
Language

English
Start Date

2019-11-04
Learners

No Information
Duration

No Information
Instructor

Juan Pablo De la torre Valdez

Add to Favorites

4.4

1,874 Ratings

This course is the ultimate guide to mastering CSS Grid & Flexbox. Learn the basics of Flexbox and build several projects with it, including a Udemy & Netflix Login Page. Then move on to CSS Grid, the most advanced way to create web layouts natively in CSS. Build a clone of the AirBNB website and other projects that you can use for your clients or personal use. With this course, you'll be able to create responsive websites with ease and no frameworks needed.

Show All

CSS Grid & Flexbox - The Ultimate Course Build +10 Projects

Go to class

Course Overview

❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [July 18th, 2023]

CSS Grid & Flexbox - The Ultimate Course Build +10 Projects is an in-depth course designed to teach students the fundamentals of CSS Grid and Flexbox. Students will learn the basics of Flexbox, including flex container, flex direction, flex wrap, flex flow and more. They will also learn how to integrate tools such as SASS, NPM, Gulp and advanced CSS with transitions and custom properties. Finally, students will learn how to use CSS Grid to create more advanced and responsive layouts without the need for frameworks. Throughout the course, students will build several projects, including a clone of the AirBNB website, a Udemy & Netflix login page, and more. This course is enabled to watch for free, allowing students to view all the projects.

Course Syllabus

Introduction to the Course - What we're building & the tools that we need

Flexbox 101 - The Basics of Flexbox

Building a Card Element

Building a Freelancer Website

Buiding Nav Menus with Flexbox

Building a Blog Entry Layout (Holy Grail)

Building a Blog Homepage Layout

Building the Udemy Homepage

Building the Netflix Login Page

Building an Admin Panel with Flexbox

Flex Layouts

CSS Grid 101 - Introduction and the Basics of CSS Grid

Building a Blog Entry Layout with CSS Grid

Building a Real Estate Website Homepage

Building a Freelancer Website with CSS Grid & JavaScript

Building a AirBNB Clone with CSS Grid

Show All

Pros & Cons

Practical approach

Language barrier

Show All

Recommended Courses

Mastering CSS Grid

4.2

Udemy 2,559 learners

Learn More

This course, Mastering CSS Grid, is perfect for front-end developers and designers who want to learn how to create advanced web page layouts with ease. It covers all the CSS grid properties, from grid display properties to grid alignments, and provides an exercise file for each property. Plus, you'll get to apply all the concepts and properties to a real project designed specifically for this course. So don't wait - enroll now and start mastering CSS Grid!

Responsive CSS: Flexbox and Grid (2023)

4.3

Udemy 2,249 learners

Learn More

This course is perfect for CSS developers who want to update their skills to the most modern level and expand their toolset to flexbox and grids. It will teach you how to create modern, beautiful and real-world websites using just pure CSS. You will learn the fundamentals of UI web design and responsive web design along with best practices. After finishing this course, you will know exactly how to build a beautiful, professional, and ready-to-launch website that looks great on any computer, tablet, and smartphone. So, don't miss out on this opportunity to learn the most up to date and extensive course regarding CSS Flexbox and CSS Grid.

CSS Grid - Build Modern Real World websites fast (+projects)

4.5

Udemy 421 learners

Learn More

Unlock the power of CSS Grid with our comprehensive course, CSS Grid - Build Modern Real World websites fast (+projects). Say goodbye to complex positioning and bloated code. With CSS Grid, you can create stunning website layouts with just a few lines of code and achieve responsive designs without relying on frameworks like Bootstrap. From professional 2D web layouts to widgets, carousels, and navigation bars, our step-by-step tutorials will equip you with the skills to control element positioning, size, and spacing effortlessly.

Advance CSS Grid - Build 4 Major Responsive Websites (2022)

4.2

Udemy 1,336 learners

Learn More

This Advance CSS Grid course is the perfect way to learn the new CSS Grid layout feature. With top reviews from Arin K., Sepideh E., and Araby G., this course is sure to provide a thorough and well-prepared learning experience. Students will build four major websites, including a robotics website, an Arabic website, a resume website, and a Chinese website. Along the way, they will learn CSSGrid from start to finish and bottom to top, as well as many small demo projects. All the source files for the course are included, so don't wait - join now and get started!