When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
2 hours 59 minutes 
english
Online - Self Paced
course
SkillShare
About Full Stack Web Development for Beginners- Part 2: Flexbox, CSS Grid and Bootstrap 4
Welcome to the course!
What is Flexbox?
Flex direction
Flex wrap and justify content
Align items
Align content
Controlling child items: order
Controlling child items: grow and shrink
Controlling child items: alignment
Time to practice: Integrate Flexbox into Tech Store
What is the CSS Grid?
First look at the CSS grid
Grid gaps
Track repeating and the fr unit
Min and max track sizes
Grid line numbers
Grid line names
Grid template areas
Nesting grids
Alignment
Time to practice: Song Finder layout
What is Bootstrap?
What we will be building
Creating a Bootstrap project
The Bootstrap grid
Adding images and text
Bootstrap navbars
Bootstrap carousels
Adding controls to the carousel
Bootstrap modals
Bootstrap forms
Bootstrap utilities
Thank you
Follow me on Skillshare!
What You Will Learn?
- 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:.
- We then move onto the CSS Grid, learning about:.
- After this we learn about the responsive Bootstrap 4 framework:.
- You will learn about:.
- 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!.