YoVDO

Bootstrap 4 Responsive Website Development for Beginners

Offered By: YouTube

Tags

Bootstrap Courses Web Development Courses Javascript Courses Visual Studio Code Courses jQuery Courses HTML5 Courses Responsive Web Design Courses CSS3 Courses Web Hosting Courses

Course Description

Overview

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.


Taught by

Simple Snippets

Related Courses

Benefits of Bootstrap
Coursera Project Network via Coursera
Portfolio Building for Beginners using Bootstrap
Coursera Project Network via Coursera
Building Your First Web App
HubSpot via HubSpot Academy
Learn Bootstrap
Codecademy
How to Make a Website with NameCheap
Codecademy