Welcome to Bootstrap 3 for the Complete Beginner!
This course will cover nearly every feature Bootstrap 3 has to offer! Don't worry, this course will take you step by step through Bootstrap and will help you to master the essentials to responsive framework! Say goodbye to all those expensive freelance web designers or poorly made web-generated content, and say hello to a 100% responsive, personal, beautiful website that is 100% made by YOU.
This course is 100% for beginners. So no previous knowledge or terminology is required for this course! Thats right, you will learn it all!
This course has a few requirements that are 100% free and covered by the first few videos, so nothing extra is required to be purchased. Small frameworks, graphics, HTML editors, and project files will be included. Project files will include everything we have covered in videos, so you can toy with anything we have done!
You can expect to complete this course in less than 2 weeks! However, these videos will ALWAYS be helpful to return to no matter how experienced you become. You will become very acquainted with Bootstrap 3 by the end of this course.
This course will take you step-by-step through the entire process. Yep thats right, through everything. From installing HTML editors, to download frameworks, utilizing CDN's, file hierarchy, to much more! This course was specifically designed for the complete beginner in Bootstrap after all!
This course offers many hours of content, which guarantees we cover almost everything Bootstrap has to offer us. Responsive web design is becoming highly desired in todays industry, learn it for yourself and expand on your web design knowledge and be ahead of the game!
We will be installing a free HTML editor and setting up our project file hierarchy. We will be using this throughout the course.
Here we will be creating our very first HTML page with Bootstrap and ensuring Bootstrap has been properly configured.
In this lecture we will learn what CDN's are and how they will benefit us.
This is a quiz over what you have learned about CDN's.
In this lecture we integrate CDN's into our HTML file and utilize FontAwesome
In this lecture we will be examining the basic principles of bootstrap grids and getting a general idea of how they work.
Pop quiz over bootstrap grids
In this lecture we will be using grids to create a fluid layout.
Here we will create a Navbar, links, and set our Brand. We will also learn the difference between Bootstraps static navbar and the Fixed navbar, as well as locations we can place a navbar.
After this lecture, students will be able to create grids for fluid content in Bootstrap.
This video lecture will teach students how to utilize Bootstraps jumbotron, different button styles, and add content to our site to complete it and allow us to continue with styling it.
Project files for our first bootstrap website.
This lecture will familiarize us with CSS, what it is, how to use it, and how it helps us.
This is a short quiz over CSS, what it is, what it does, and how it helps us.
In this video we will be using several online sources to find quality colors that are ready to be used with CSS. We will also learn how to pull colors from other websites for use in our own.
This lecture will show us how to style Bootstrap navbar elements to our likings.
This lecture brings information on how to style DIV's. Allowing us to set full-width and full-height backgrounds, padding, margins, colors, and more.
This lecture provides us the necessary information to add custom styled fonts using CSS via a CDN or fonts stored locally on your computer. This lecture utilizes Google Fonts as our CDN.
In this video students will learn to import already made CSS files, and use those styles in our website.
In this video we will use CSS to vertically center elements in a DIV.
Completed Project Files for Adding Custom Style Sheets Section.
In this lecture we will learn how to set full height and full width background images
Create additional DIV's with various grid layouts and style them using CSS
In this mini-lecture, students will be utilizing what they have learned in the previous lectures and practicing it in continuing our website project.
Create input-groups to create forms in Bootstrap.
Add images and apply CSS to make them responsive.
This is a quiz over adding images in Bootstrap.
Embed Youtube videos in a responsive manner.
Project files for 'Continuing Our Website - Project 2'
In this lecture, you will learn how to download JQuery plugins, and properly set them up for use with our website.
Project files for the 'JQuery Plugins' section.
My name is Will Wallace!
I am a certified CompTIA A+ computer technician; I also am certified by Adobe for use of Adobe Premiere Pro.
In mid 2015 I solely operated a web design business to serve local businesses, which I later closed due to family/friend issues in mid 2016. The overall profit of the business was considered a success.
Every once in a while I do small projects for the BukkitDev and SpigotMC minecraft communities, creating plugins to add additional functionality to online game servers.