Bootstrap 4 Responsive Website Development for Beginners

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to create a responsive portfolio website for a tech company from scratch using HTML5, CSS3, JavaScript, jQuery, and Bootstrap 4 in this comprehensive 7-hour web development course. Master the fundamentals of responsive web design, implement Bootstrap's mobile-first approach, and gain hands-on experience in developing various website sections including headers, navigation bars, and footers. Explore Bootstrap's grid system, spacing utilities, and components like carousels. Dive into creating multiple pages such as Home, About Us, Portfolio, Contact Us, and Services. Acquire practical skills in web hosting, domain registration, and deploying a live website with SSL certification. Suitable for beginners with basic HTML, CSS, and JavaScript knowledge, this course utilizes Visual Studio Code and covers essential plugins and libraries for efficient web development.

Syllabus

Introduction to Website Development Course using HTML5, CSS, JS & BootStrap | Tutorial - 1.
Introduction to Bootstrap Framework - Setting Up & Including Bootstrap in our Project | Tutorial - 2.
VS Code Setup | Live Server Plugin | Emmet Plugin | Color theme | FontAwesome Library | Tutorial - 3.
Understanding the Bootstrap Grid System(Part 1) | Tutorial - 4.
Responsive Working of Bootstrap Grid System(Part 2) | Tutorial - 5.
Developing Top Header Section of the Bootstrap Website | Tutorial - 6.
Developing the Navbar in Bootstrap from scratch | Tutorial - 7.
Developing the Footer Section of the Bootstrap Website | Tutorial - 8.
Adding Header & Footer to All Web Pages on the Bootstrap Website | Tutorial - 9.
Developing Home Page of the Bootstrap website (Part 1) | Tutorial - 10.
Developing Home Page of the Bootstrap website (Part 2) | Tutorial - 11.
Understanding Responsive Spacing Utilities (Padding & Margin) in Bootstrap Framework | Tutorial - 12.
Developing About Us Page of the Bootstrap Website | Tutorial - 13.
Developing Portfolio Page of the Bootstrap Website | Tutorial - 14.
Developing Contact Us Page (with Bootstrap Contact Form) of the Bootstrap Website | Tutorial - 15.
Developing Services Page (Web Designing Service) of the Bootstrap Website | Tutorial - 16.
Adding Bootstrap Carousel (Image Slideshow) to the Website | Tutorial - 17.
What is Web Hosting? | How to make a website live? (Theory) | Tutorial - 18.
Hosting Website on 000webhost (for FREE) & making it Live | Tutorial - 19.
Free Domain Registration with Freenom | Linking Domain Name with 000webhost Server | Tutorial - 20.
How to Deploy a Website LIVE on a Server with FREE Domain & SSL certificate | Web Hosting Tutorial.
Build Complete Website in Minutes without writing a Single Line of Code! | Website Builder Tool.