CSS Flexbox - Mastering the Basics

For Beginners

4.57 (2827 reviews)
Udemy
platform
English
language
Web Development
category
CSS Flexbox - Mastering the Basics
66,286
students
1.5 hours
content
Jun 2018
last update
FREE
regular price

What you will learn

Build page layouts with ease

Get started on learning Bootstrap 4

Why take this course?

Learn from scratch, the complete CSS Flexbox module.

Stop worrying about floats, vertical alignment and other common problems you face in the world of CSS and dive into flexbox to make your life easier!

Take your first step into Bootstrap 4 by mastering flexbox which is what bootstrap 4 is built on!

Content

Introduction

Introduction
Terminology

Flex Container

Flex container properties
Flex display
Flex direction
Flex wrap
Flex flow
Justify content
Align items
Align content

Flex Item

Flex item properties
Order
Flex grow
Flex shrink
Flex basis
Flex
Align self

Practical Use Cases

List of Practical Use Cases
Responsive navbar
Centering item
Variable heights
Holy Grail layout

Our review

--- **Overview of Course Rating and Reviews** **Global Course Rating:** 4.57/5 The online course on Flexbox has received overwhelmingly positive reviews from its students. With a high average rating, it is clear that the course has been effective in teaching the concepts of Flexbox to a wide range of learners. The course's structure, content clarity, and practical examples have been particularly praised. **Pros of the Course:** - **Detailed Information:** The course provides comprehensive information on Flexbox, with real-time examples that enhance understanding. - **Well-Organized Content:** Reviewers note that the course content is organized in a manner that makes learning efficient and effective. - **Outstanding Experience:** Many students have reported an outstanding experience, attributing this to the detailed explanations and well-structured lessons. - **Introductory Approach:** The course serves as a great introductory approach for those new to CSS Flexbox. - **Clear Presentation:** Instructors are noted for their clear and concise presentation style, making complex topics accessible. - **Real Life Examples:** Some reviewers suggest that the inclusion of more interesting real-life examples in the practical use cases could further enrich the learning experience. - **Ease of Learning:** The course is praised for its ease of learning, with lessons structured into small parts for quick absorption of knowledge. - **No Extra Fluff:** The course is commended for its straightforward approach, avoiding unnecessary content and focusing on the essentials. - **Practical Exercises:** Although some reviewers point out the need for more practice exercises, others appreciate the practical examples provided. - **Free of Charge:** The course being free is a significant advantage for learners, making advanced learning accessible to all. - **Audible and Great Explanations:** The instructors' ability to clearly explain various properties of Flexbox has been highlighted as a strength of the course. **Cons of the Course:** - **Flexbox Concepts:** Some learners find the combination of `flex-grow`, `flex-shrink`, and `flex-basis` initially challenging without practical examples to guide them. - **Intuitive Understanding:** While CSS Grid is found to be more intuitive at present, it is expected that with time and practice, learners will become more adept at using Flexbox. - **Lack of Exercises:** A few reviewers suggest that the course could benefit from more hands-on exercises to supplement the theoretical knowledge imparted. - **Understanding of Flexbox Properties:** Some learners found it difficult to understand certain flexbox properties, particularly when dealing with the `flex` shorthand and the use of `w` and `v` letters in accent contexts. **Additional Notes:** - The course is also available on YouTube, making it a flexible learning option for individuals looking to explore Flexbox without financial commitment. - The positive impact of the course is evident from the reviews, with many learners expressing gratitude and appreciation for the knowledge imparted. **Conclusion:** This comprehensive course on Flexbox offers a wealth of knowledge for learners at various levels of expertise. While there are areas that could be improved with more practical exercises and clearer explanations of certain properties, the course's overall structure, content, and presentation make it an exceptional resource for understanding and implementing Flexbox in web development projects. The positive feedback from learners across the globe solidifies its position as a highly recommended course for anyone looking to master CSS Flexbox.

Charts

Price

CSS Flexbox - Mastering the Basics - Price chart

Rating

CSS Flexbox - Mastering the Basics - Ratings chart

Enrollment distribution

CSS Flexbox - Mastering the Basics - Distribution chart

Related Topics

1727766
udemy ID
6/2/2018
course created date
7/9/2019
course indexed date
Bot
course submited by