Offline
Last updated 2/2021
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 817.04 MB | Duration: 3h 1m
Get started with Bootstrap 3 to create your responsive websitequickly, using this free and open source framework.
What you'll learn
By the end of the course, you will have a fundamental knowledge of creating responsive websites using Bootstrap 3.
Learn how to add navigation elements.
Add Glypicon icons to your site
Discover Fuel UX to create checkboxes, radio buttons and more.
Add forms including login and registration forms.
Work with breadcrumbs, badges and bars.
Use emulators to test a website on different devices.
Create a data table and using FooTable
Requirements
Prerequisites include a foundation of creating basic websites, an understanding of HTML/CSS familiarity, and basic web concepts.
Description
Learn the essentials you’ll need to get started with using Bootstrap, the most popular HTML, CSS and JS framework for developing responsive sites.
Building fantastic websites that look awesome on different devices is crucial. The Bootstrap framework and its mobile-first framework allow you to kick-start your development.
During this course, your instructor will get you started with the essentials of Bootstrap with some practical examples.
Learn how to test your website on different devices to ensure they look perfect before you publish your site to the masses!
Create a Responsive Website with Bootstrap 3 also teaches advanced topics including adding a login and registration form, creating data tables, adding check boxes and radio buttons, and using themes for rapid implementation.
By the end of this course, you will feel confident that you understand the fundamentals needed to effectively use Bootstrap 3. You will also know how to overcome design challenges that commonly face web developers today.
Overview
Section 1: Introduction to Bootstrap
Lecture 1 What is Bootstrap and Where to Download It
Lecture 2 WATCH ME: Essential Information for a Successful Training Experience
Lecture 3 Course Demo Files
Section 2: Learning Bootstrap
Lecture 4 Hello World Example
Lecture 5 Adding Navigation Elements
Lecture 6 Course demo files
Section 3: Introduction to Controls
Lecture 7 Advanced Features and Controls - Part 1
Lecture 8 Advanced Features and Controls - Part 2
Section 4: Emulation
Lecture 9 Testing the Website in Different Devices
Section 5: Social Media
Lecture 10 Using Media Class to Add Images and Comments
Section 6: Cross Device and More Nav Bar Features
Lecture 11 Cross Device Nav Bar ; Logo and Toggle Button
Lecture 12 Dropdown & Glyphicon
Section 7: Button Enhancements
Lecture 13 Adding Dropdown and Glyphicon to Buttons; Adding Search Field
Section 8: Forms
Lecture 14 Adding a Login Form
Lecture 15 Adding a Registration Form - Part 1
Lecture 16 Adding a Registration Form - Part 2
Lecture 17 Breadcrumbs, Badges and Bars
Section 9: Plug-ins
Lecture 18 Modal Dialog and Tool Tip
Lecture 19 Bootstrap Validator - Part 1
Lecture 20 Bootstrap Validator - Part 2
Section 10: Data Tables
Lecture 21 Creating a Data Table and Modifying It using FooTable
Section 11: Fuel UX
Lecture 22 Creating Checkboxes, Radio Buttons and More using Fuel UX
Section 12: Conclusion
Lecture 23 Themes, CSS Pre-Processors and Redistributions
Section 13: Course Quiz
Web masters or web designers who need to improve their development skills with a focus on learning how to build responsive websites.,People who are familiar with older versions of Bootstrap and need to upgrade their knowledge on Bootstrap 3.
SCREENSHOTS
