Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Bootstrap 4 Responsive Website Development for Beginners

via YouTube

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
Learn to design and develop a responsive portfolio website using HTML5, CSS3, JavaScript, jQuery, and Bootstrap 4. Understand responsive web design principles and how Bootstrap facilitates mobile-first development. Gain skills in creating a live website and hosting it on a server. The course teaches HTML5, CSS3, JavaScript, jQuery, and Bootstrap 4. The teaching method includes tutorials on setting up Bootstrap, using Visual Studio Code, understanding the Bootstrap grid system, and developing various sections of the website. This course is intended for beginners with basic knowledge of HTML, CSS, and JavaScript.

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.

Taught by

Simple Snippets

Reviews

Start your review of Bootstrap 4 Responsive Website Development for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.