logo

Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4

feature icon

Self-paced course

Price

Rating

Overview

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!

Skills you will gain

Similar courses

course image
Hand-Code Your First Website: HTML + CSS Basics
logo
Skillshare
course image
Figma to Webflow: Complete Web Design Course
logo
Skillshare
course image
Coding for Beginners 1: You Can Code!
logo
Skillshare
course image
Deploy your website using Python and Flask
logo
Skillshare
course image
Understanding Web Development: A Beginners Guide to the Web
logo
Skillshare
course image
(NEW)Learn to Code and Build Real World Projects-2022
logo
Skillshare

Featured articles

Sep 12, 2022

WATCH these YouTube videos if you can't start learning a language

5

0
1
4K

Sep 12, 2022

How Memrise works + reviews [2022]

6

0
1
4K

Sep 12, 2022

5 tips to learn languages with YouTube videos [2022]

7

0
1
3K

Sep 12, 2022

How I Became a Marketing Manager at Microsoft

8

0
1
2K

Sep 24, 2022

How Edureka works + reviews [2022]

3

0
2
2K

Sep 27, 2022

How Codecademy works + reviews [2022]

3

0
2
2K
course image
feature icon

2900 students

feature icon

English

feature icon

Beginner

Provided by

Authored by