Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4
Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4
Duration: 2h 60m | .MP4 1280x720, 30 fps(r) | AAC, 48000 Hz, 2ch | 1.16 GB
Genre: eLearning | Language: English
Duration: 2h 60m | .MP4 1280x720, 30 fps(r) | AAC, 48000 Hz, 2ch | 1.16 GB
Genre: eLearning | Language: English
Welcome to Full Stack Web Development for Beginners!
This course is designed to teach beginners everything they need to know to build full stack websites and applications!
This is part two of this huge course, teaching you all about the CSS Flexbox, CSS Grid and the Bootstrap 4 framework.
We begin with the CSS Flexbox, where you will learn all about:
What the CSS Flexbox is
Flex direction
Flex wrap and justify content
Aligning items
Aligning content
Controlling the order of child items
Child items grow and shrink values
We then move onto the CSS Grid, learning about:
What is the CSS Grid
The grid display type
Grid gaps
Repeating tracks
The fr unit
Min and max track sizes
Grid line numbers
Grid line names
Template areas
Nesting grids
Alignment
After this we learn about the responsive Bootstrap 4 framework:
You will learn about:
What Bootstrap is and what it can do
Setting up Bootstrap projects
Whats include in the CSS files
The grid system
Adding images and text
Responsive navbars
Carousels
Using carousel controls and captions
Modals
Forms
Bootstrap utility classes
All while building a gourmet burgers project.
This second part of the course covers all of the layout fundamentals you need to go on to building full stack websites.
More Info