Bootstrap From Beginner to Expert
Bootstrap is the standard in modern web development.
It is a mobile ready web development framework for HTML, CSS and JavaScript.
It is also the fastest way to build a website that works on any device, and learning it is easy.
In this course, all our experience in working with this awesome framework is structured in an easy to learn and accessible manner.
Who this course is for:
- Novice web designers
- Entrepreneurs
- Anyone interested in front-end development
Class Curriculum
1. Quick Introduction to HTML and CSS
Available in
days
days
after you enroll
2. Making a Small Business Site in Bootstrap and Publishing it Online
Available in
days
days
after you enroll
-
Start1. Installing Ruby and Jekyll (9:46)
-
Start2. Using Bower to Install Bootstrap 4.0.0 Beta and Making it Work with Jekyll (9:36)
-
Start3. Adding the Default Layout to our Jekyll Project (4:48)
-
Start4. Adding the Navbar to our Project (2:35)
-
Start5. Adding the Jumbotron Component and the Card Component to our Pages (4:36)
-
Start6. Adding the Navbar Partial File as an Include in our Pages (8:52)
-
Start7. Adding the Jumbotron and the Card Partial Files as Includes in our Pages (3:38)
-
Start8. Using Photoshop to Quickly Create Mock-ups for our Web Pages (7:26)
-
Start9. Changing the Index Page to Reflect the Mock Up Wireframe (14:48)
-
Start10. Adding the Footer Partial to our Web Page (3:31)
-
Start11. Adding the bg-info Contextual Color to the Navbar (5:06)
-
Start12. Mocking up the About Us Page in Photoshop and Changing our about-us.html File (13:59)
-
Start13. Mocking up the Contact Us Page in Photoshop and Coding it Up in VS Code (7:30)
-
Start14. Adding the Sticky Footer to Our Web Site (9:28)
-
Start15. Adding a Background Image to Jumbotron (8:01)
-
Start16. Fixing Up the Testimonials Section (10:43)
-
Start17. Improving the Footer and Adding Cards Components to our Index Page (11:51)
-
Start18. Publishing our Website Project Online with the Help of GitHub Pages (8:00)
3. Layout 2 A Product Promo Site
Available in
days
days
after you enroll
-
Start1. Mocking Up the Website Header in Adobe Illustrator (3:54)
-
Start2. Start Building Our Second Layout (9:30)
-
Start3. Experimenting with clip-path to learn how it works (8:49)
-
Start4. Add a FontAwesome icon as a background image to jumbotron (9:57)
-
Start5. Add fixed navbar and change its links and the look of the search button (7:25)
-
Start6. Adding the media list section (9:37)
-
Start7. Adding FontAwesome icons to the media list section (6:45)
-
Start8. Add a carousel testimonials section (6:51)
-
Start9. Improving the carousel testimonials section (14:34)
-
Start10. Making the carousel look nice, version 1 (14:27)
Frequently Asked Questions
When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.