CSS Flexbox Masterclass With Real World Projects

Focused View

Daya Pandit

1:43:15

142 View

1. Introduction

1. Flexbox Introduction.mp4

01:21

2. Why Flexbox.mp4

02:10

2. Flexbox Properties and Projects

1. Display flex.mp4

03:11

2. Display flex project.mp4

03:21

3. Flex Direction.mp4

01:33

4. Flex Direction Project.mp4

08:00

5. Align items.mp4

02:52

6. Justify content.mp4

02:32

7. Justify content project.mp4

07:19

8. Align content.mp4

02:51

9. Align-Self.mp4

01:33

10. Order.mp4

02:12

11. Flex wrap.mp4

03:00

12. Flex wrap project.mp4

04:27

13. Flex basis.mp4

01:04

14. Flex basis project.mp4

07:17

15. Flex grow.mp4

01:39

16. Flex grow project.mp4

03:22

17. Flex shrink.mp4

01:48

18. CSS Froggy game.mp4

12:51

19. Creating website layout.mp4

02:56

20. Styling the hero section.mp4

08:56

21. Creating cards and styling.mp4

08:18

22. Footer section.mp4

02:06

23. Making Site Responsive.mp4

06:36

Description

A course with immense value, unlock the secret of website layout

What You'll Learn?

All the CSS properties that are used for Flexbox
How to build real world projects using Flexbox
How to build advanced layouts using Flexbox
Gain experience in creating various projects using Flexbox

Who is this for?

Web designers or developers who are looking to advance their knowledge in building complex layouts using CSS

Developers looking to improve their knowledge in CSS

Any developer interested in getting a deep understanding of Flexbox

What You Need to Know?

Basic knowledge of CSS

Basic knowledge of HTML

More details

Description
** Learn CSS Flexbox and Create responsive websites easily! *
You know it, I know it, all web developers know that laying out elements in CSS can become tricky,
even something like vertical alignment has been challenging for us!
But you know what?
Flexbox is here! with Flexbox**, laying out elements in CSS has never been that easy, you can create advanced layout, without affecting the markup, you can change the order of elements and so much more!
This course is your complete guide to CSS Flexbox, I know that learning CSS Flexbox can be confusing if you don't learn it properly, that's why I have done my best so this course will be the best course out there to learn EVERYTHING about CSS Flexbox,
and by the end of this course, we will create a complete website from scratch with CSS Flexbox!

We'll learn only basic things. Specification mostly.
All CSS properties related to flexboxes.
And we'll have a set of easy practical lessons.
For each practice lesson, I advise you to recreate an example from scratch(no copy-paste) by your hands.
What you will learn
1. Introduction to Flexbox Fundamentals

2. Flexbox overview

3. Flexbox basics and terminology

4. Understand Flex axes

5. Introduction to the flex container

6. Flex-direction

7. Flex-wrap

8. Justify-content

9. Align-items

10. Align-content

11. Introduction to the flex item

12. Flex-grow

13. Flex-shrink

14. Flex-basis

15. Order
There are more lectures that I have covered feel free to check out.?
Who this course is for:
Web designers or developers who are looking to advance their knowledge in building complex layouts using CSS
Developers looking to improve their knowledge in CSS
Any developer interested in getting a deep understanding of Flexbox

User Reviews

Rating

average 0

Total votes0

Focused display

My name is Daya and I am a self learned Full stack web developer, I have been teaching web development for 2 years in a coaching institute, and I was looking for a platform to share my knowledge with the world and that's why I'm here.I have developed more than 100+ real world projects for various platforms, and gave proper support frontend to back-end.I am really delighted to share my knowledge that I've learned and still learning the best practices and wants to share with you guys.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.