Projects in Bootstrap 4: Learn by Building Apps

Description

In this course, you will :

• Create 5 real-world projects with Bootstrap 4.
• Learn how to create professional Bootstrap 4 websites.
• Discover the new features included in the most recent version.
• Develop your knowledge of Bootstrap.

Syllabus :

1. Bootstrap 4 Features

• Introduction to Bootstrap 4
• New In Bootstrap 4
• Code Editor
• Initializing A New Project
• Quick SASS Introduction
• Gulp
• Hello World Example

 

2. Photosharing Website

• Building The Menu
• Jumbotron and Footer
• Main Content Sections
• Starting Sass Build Out
• Completing Sass For Index
• Creating The Contact Page
• Styling The Content Page
• Creating The About Page
• Additional Styling And Custom Media Breakpoints
• Installing Font Awesome
• Grid Analysis

 

3. Building a Resume Website

• Revising Gulp File
• Initial HTML For Layout
• Initial Styling For Home Page
• Adding Education & Skills Sections
• Completing Education & Skills Sections & Styles
• Adding Services & Projects

 

4. Social Network Front end

• Home Page Header Layout
• Navigation And Wall Comments
• Creating Bubble Comments
• Styling Bubble Comments
• Creating The Sidebar
• Adding Photos Page

 

5. Agency Website

• Creating The Navbar And Footer
• Intro Section and SaaS
• Who Section
• Scrolling and Project Completion

 

6. Lightbox Website

• Creating The Carousel
• Home Page Tab Pane Content

Show more