Complete Bootstrap 4 course - build 3 projects

A complete Bootstrap 4 course for beginners. Master Bootstrap 4 basics with 3 projects
Free tutorial
Rating: 4.3 out of 5 (4,465 ratings)
71,212 students
Complete Bootstrap 4 course - build 3 projects
Free tutorial
Rating: 4.3 out of 5 (4,465 ratings)
71,221 students
Full understanding of Bootstrap 4 code
Design responsive web pages in Bootstrap 4
Will be able to read documentation on your own

Requirements

  • A basic knowledge of HTML and CSS would be helpful
  • We will use Atom editor but you can use your favourite one
  • Bootstrap setup is covered in videos
Description

Welcome to complete Bootstrap 4 training with 3 projects.

What is Bootstrap ?

While writing code for a web page, we want our code to be responsive. In mobile oriented world, most people access websites on small devices. In order to do so, we have to write a lot of CSS. Not just vanilla CSS, CSS that is responsive. I know, that is a pain. 

Now, Imagine that If you could use CSS, written by someone else, that is fully responsive. Typical CSS things like button design, page structure design or sliders, already cooked up for you. Seems like unreal ? 

This is exactly what Boostrap is.

What knowledge do I need before learning Bootstrap 4?

First thing, this is a sound up course and is not dependent on any previous version of Bootstrap. Although, there is some amount of HTML and CSS that you need with you. We won’t be discussing things like what a body tag does or How you can select a paragraph with specific class in CSS.

This is kind of a course that is perfect once you are finished with your basic HTML and CSS training. 

What you will cover in this course ?

This course covers 3 main things.

  1. Bootstrap 4 in depth
  2. A walk through for creating projects from scratch
  3. Ability to read documentation 

These 3 points may look really simple but these are fundamental blocks of getting started as a web developer. Our goal is to make sure that you understand syntax of Boostrap 4. Further together, we will make projects so that you can understand entire workflow of creating landing pages and web pages. Further we will also look at finding right things from digging into documentation of Bootstrap 4. New elements like Cards and media queries are also covered.

There is a lot to learn in here, Catch you up inside the course

Who this course is for:
  • Ideal student for this course is one, who is looking for responsive web development
  • Perfect course after finishing your basic HTML and CSS training
  • one who wants to learn Bootstrap 4 from scratch
Course content
6 sections • 36 lectures • 4h 53m total length
  • Introduction to the course
    03:34
  • Tools that you will need (all free and cross platform tools)
    06:50
  • Bootstrap manual install
    10:37
  • Bootstrap CDN installation - recommended
    05:57
  • Section 2 introduction
    02:23
  • Basics of text tags in bootstrap 4
    10:22
  • More on texts
    07:40
  • Handling Images in bootstrap 4
    08:35
  • Project - Watch langing page
    12:06
  • Project - wathcing landing page - adding thumbnail
    06:53
  • Section 3 Introduction
    02:37
  • Container and fluid containers
    05:41
  • Media break points in Bootstrap 4
    10:44
  • 12 column grid basics
    09:45
  • Variable width content grid
    05:32
  • Changing layouts on different screens
    07:54
  • Flexbox align items
    10:03
  • Flexbox justify contents
    07:18
  • Flex properties and nesting grids
    11:04
  • Project 2 - Code is awesome
    13:04
  • Project 2 - Code is Awesome final
    10:31
  • Section 4 introduction
    02:30
  • Colours in Bootstrap 4
    09:55
  • Buttons in Bootstrap 4
    05:21
  • Jumbotron in Bootstrap 4
    07:28
  • Navbar and nav colours
    11:15
  • A complete custom navbar part 1
    10:41
  • A complete custom navbar part 2
    09:04
  • Carousel in Bootstrap 4
    11:15
  • Section 5 Introduction
    02:06
  • Cards basic in Bootstrap
    09:29
  • A finished card based landscape
    12:39
  • Project - modal login
    12:25
  • Project - triggering modal
    11:47
  • Project - login modal finished
    08:45
  • Farewell and bonus
    00:03

Instructor
Best Comprehensive Courses
Igneus Technologies
  • 4.2 Instructor Rating
  • 11,946 Reviews
  • 170,098 Students
  • 49 Courses

We at Igneus have trained students from IIT's, NIT's and reputed companies. Students from all over the globe have trusted our High quality and affordable trainings from 10+ countries and have opted for our Certification programs.

IGNEUS stands for the Revolutionary and a quality enhanced change that we’ve tried to come up with in the modern world of Internet education. We’ve come up bearing in mind the maximum emphasis on the quality dealing with every new technology which has made us distinguished from the throng at internet. And this revolution of choice will keep continuing. Today IGNEUS Technologies has proudly lifting up the tag of being the world's most trusted provider of myriad of services and training programs aiding constantly in every corner of the globe along with web security aspects, and open source technology.

IGNEUS Technologies Pvt. Ltd is a dream shared and brought up by two computer geniuses to make the society upgraded and aware of the cyber crimes that curb the innocence of environment, thus starting a revolution in favor of cyber security.

Igneus stands for the Revolutionary and a quality enhanced change in every aspect of its touch to internet. Quality dealing with every new technology makes us different from the crowd of internet. The revolution of choice continues. Today Igneus Technologies is the world's most trusted provider of mentioned services and training along with web security aspects, and open source technology.