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
Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 2h 59m | 2.44 GB
eLearning | Skill level: All Levels


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.

So, enjoy this class and check out the rest of the parts as they become available!

+ Table of Contents

01 Welcome to the course!
02 What is Flexbox
03 Flex direction
04 Flex wrap and justify content
05 Align items
06 Align content
07 Controlling child items order
08 Controlling child items grow and shrink
09 Controlling child items alignment
10 Time to practice Integrate Flexbox into Tech Store
11 What is the CSS Grid
12 First look at the CSS grid
13 Grid gaps
14 Track repeating and the fr unit
15 Min and max track sizes
16 Grid line numbers
17 Grid line names
18 Grid template areas
19 Nesting grids
20 Alignment
21 Time to practice Song Finder layout
22 What is Bootstrap
23 What we will be building
24 Creating a Bootstrap project
25 The Bootstrap grid
26 Adding images and text
27 Bootstrap navbars
28 Bootstrap carousels
29 Adding controls to the carouselmp4
30 Bootstrap modals
31 Bootstrap forms
32 Bootstrap utilities
33 Thank you


Download from Turbobit

Download from DepositFiles

Download from Rapidgator