HOT

Flexbox: The complete guide

Development

Flexbox: The complete guide, available at Free, has an average rating of 3.95, with 16 lectures, 3 quizzes, based on 174 reviews, and has 8495 subscribers.

Rating4
Free Enroll Now

You will learn about Students will be able to build awesome and flexible layouts, with both static and dynamic content Students will be capable of handling any layout challenge that without flexbox would be a pain in the neck Students will be able to build their own grids if they don't want to depend on any complex grid system This course is ideal for individuals who are This course is targeted for those who want to learn how to build layouts using Flexbox or This course is perfect to those who ever had nightmares about how to align, scale and position their HTML elements or This course suits anyone who want to learn new techniques to organize their layouts with a clean and simple set of CSS rules It is particularly useful for This course is targeted for those who want to learn how to build layouts using Flexbox or This course is perfect to those who ever had nightmares about how to align, scale and position their HTML elements or This course suits anyone who want to learn new techniques to organize their layouts with a clean and simple set of CSS rules.

Enroll now: Flexbox: The complete guide

Summary

Title: Flexbox: The complete guide

Price: Free

Average Rating: 3.95

Number of Lectures: 16

Number of Quizzes: 3

Number of Published Lectures: 16

Number of Published Quizzes: 3

Number of Curriculum Items: 21

Number of Published Curriculum Objects: 19

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

  • Students will be able to build awesome and flexible layouts, with both static and dynamic content
  • Students will be capable of handling any layout challenge that without flexbox would be a pain in the neck
  • Students will be able to build their own grids if they don't want to depend on any complex grid system

Who Should Attend

  • This course is targeted for those who want to learn how to build layouts using Flexbox
  • This course is perfect to those who ever had nightmares about how to align, scale and position their HTML elements
  • This course suits anyone who want to learn new techniques to organize their layouts with a clean and simple set of CSS rules

Target Audiences

  • This course is targeted for those who want to learn how to build layouts using Flexbox
  • This course is perfect to those who ever had nightmares about how to align, scale and position their HTML elements
  • This course suits anyone who want to learn new techniques to organize their layouts with a clean and simple set of CSS rules

This course is about Flexbox, the new layout module in CSS3 that lets build complex layouts more easily, with less code and with better quality.

It let’s you lay out, align and distribute space among items within a container, even when their sizes are unknown or dynamic.

In this course you’ll learn how to use flexbox for:

  • Aligning items both vertically and horizontally
  • To build from even the most complex layouts with ease
  • To build more responsive design
  • To create modern grids
  • And much more.

The only thing you need to take this course is:

  • A web browser
  • Knowledge of CSS
  • Knowledge of HTML.

During this course I will walk you through all the properties of this new CSS module but, besides that, I’ll teach you the fundamentals. So you can understand what is really happening when working with the different properties.

Once you get the key concepts, the rest will be a joy to work with.

For this course I’ve built a page to give all the content you might need and it will have several exercises and embed code editor to see flexbox in action!

In these  exercises you’ll be able to change all the CSS and HTML e see the results live, which is really good so you can try different properties and values and see what is happening to your layout.

Here are the topics that we’ll be talking about:

  • Browser support
  • Basics and terminology
  • Flex container vs flex items
  • Flex direction
  • Wrapping content
  • Alignment on the main axis
  • Alignment on the cross axis
  • Flex items alignment
  • Ordering items
  • Managing item’s sizing

At the end, I’ll give you some additional resources that might be helpful for you when working with flexbox.

Who is the target audience?

  • Web designers and front-end developers
  • People who is tired of struggling with layout problems
  • Anyone  who likes to find the cleanest and most reliable solutions

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Course content

Lecture 3: Browser support

Lecture 4: Basics and terminology

Chapter 2: Flex container

Lecture 1: Flex container

Lecture 2: Flex direction

Lecture 3: Flex wrap

Lecture 4: Justify content

Lecture 5: Align items

Lecture 6: Align content

Chapter 3: Flex item

Lecture 1: Align self

Lecture 2: Order flex items

Lecture 3: Flex grow

Lecture 4: Flex shrink

Lecture 5: Flex basis

Chapter 4: What's next?

Lecture 1: Tips and resources

Instructors

Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 5 votes
  • 3 stars: 18 votes
  • 4 stars: 56 votes
  • 5 stars: 92 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Digital Marketing Foundation Course

Digital Marketing Courses

Create music with Artificial Intelligence in this new market