ATC-B4WD - Bootstrap 4 for Web Developers

Overview

Duration: 3.0 days

Bootstrap is a powerful toolkit - a collection of HTML, CSS, and JavaScript tools for creating and building web pages and web applications. It is a free and open-source project, hosted on GitHub, and originally created by (and for) Twitter. Bootstrap is also the world's most popular mobile ready web development framework for HTML, CSS and JavaScript. Bootstrap lets you quickly build cool websites that work across devices and browsers.

Objectives

• Learn how to develop awesome responsive web pages
• Learn how to use the Bootstrap 4 framework and its components
• Understand the Bootstrap 4 layout and grid system

Content

• Module 00 – Welcome to Bootstrap 4 for Web Developers
• Module 01 – Introduction to Bootstrap 4
• Module 02 – Setting Up Bootstrap 4 Environment
• Module 03 - Working with Visual Studio Code
• Module 04 – Working with Bootstrap 4
• Module 05 – Working with Bootstrap 4 Nav, Navbar and Dropdown
• Module 06 – Working with Bootstrap 4 Carousel and Collapse
• Module 07 – Working with Bootstrap 4 Forms, Input Groups and Buttons
• Module 08 – Working with Bootstrap 4 Cards and List Groups
• Module 09 – Working with Bootstrap 4 Jumbotron and Media Objects
• Module 10 – Working with Bootstrap 4 Modals, Tooltips and Popovers
• Module 11 – Working with Bootstrap 4 Utilities
• Module 12 – Working with Bootstrap 4 Other Components
• Module 13 – Introduction to JQuery
• Module 14 – Working with JQuery
• Module 15 – Bootstrap 4 Project
• Module 16 – Show What You've Done

Audience

• For people who want to build responsive websites using bootstrap
• For people who just completed basic HTML and CSS training

Prerequisites

You need to be familiar with the basics of HTML and some CSS