course-deatils-thumbnail

Bootstrap

Course Code: 0302
|

Overview

Bootstrap is a popular open-source front-end framework used for developing websites and web applications, encompassing HTML and CSS-based design templates as well as optional JavaScript extensions. It was originally developed as a framework to encourage consistency across the internal tools at Twitter, and has today become the second most starred project on GitHub with more than 129,000 stars.

Cognixia’s Bootstrap course covers the basics as well as advanced concepts of Bootstrap enabling participants to create exquisite user interfaces both in terms of the visual appeal and functionality. The course covers modern web design best practices; and equips learners to utilize all the cutting-edge features of Bootstrap for building web applications of superior quality as well as the latest web and mobile trends in Bootstrap.

Schedule Classes

Looking for more sessions of this class?
Talk to us
Cognixia logo

Course Delivery

This course is available in the following formats:

Live Classroom
Duration: 5 days

Live Virtual Classroom
Duration: 5 days

What You'll learn

  • Creating exquisite UIs
  • Using jQuery and JavaScript to widen Bootstrap layouts
  • Building proficiency by speeding up the workflow
  • Setting up the environment for future changes of the framework
  • Staying DRY by prototyping Bootstrap-based websites with the help of GitHub’s own serverless blogging platform – Jekyll
  • Integrating Bootstrap with Angular and React
  • Combining Bootstrap with the other platforms

Outline

Module 1: Bootstrap Scaffolding

  • Mobile first design
  • Why Bootstrap?
  • Including Bootstrap
  • Customizing Install
  • Responsive Design
  • The “Container” class
  • How grids work in Bootstrap
  • Grid classes
  • Adding offsets to columns
  • Pushing and pulling columns
  • Nesting columns
  • Navigating components
  • Jumbotron components

Module 2: Page Components

  • Headers
  • Panels
  • ListGroup
  • Breadcrumbs
  • Labels
  • Buttons
  • Glyphicons (with buttons, toolbars and form inputs)
  • Wells

Module 3: Page Components – Forms

  • Creating forms
  • Inline and horizontal forms
  • Form validation

Module 4: Bootstrap plugins

  • Alert messages
  • Buttons and button groups
  • ScrollSpy
  • Tabs
  • Collapse
  • Carousel
  • Modal

Module 5: Extending Bootstrap with Custom plugins

  • Bootbox.js
  • DateTime picker
  • Font Awesome
  • Off-Canvas
  • Image Gallery
  • Social buttons
  • SweetAlert
  • Yamm3 Mega Menu

Module 6: Under the Hood and More Practice

  • Reviewing the Bootstrap CSS Source code
  • Building another Bootstrap web page from scratch
View More

Prerequisites

Participants need to have a basic knowledge of HTML, CSS, and JavaScript.

Who Should Attend

Cognixia’s Bootstrap training program is highly recommended for current and aspiring:

  • Web Developers
  • Web Application Developer
  • Web Designers
  • Web Masters
  • Front End Developer
  • UI/UX Developer
  • Angular Developer
  • PHP Developer
  • HTML/CSS Developer
  • React.js Developer
  • Full Stack Developer

Interested in this course? Let’s connect!

Related Courses

Web and mobile testing fundamentals
Web and mobile testing fundamentals
Securing java web services
Securing Java Web Services
Social media Boot Camp
Social Media Boot Camp
Getting started with react basics
Getting Started with React | React Basics

Popular Courses

ITIL 4 foundation
ITIL® 4 Foundation
ITIL® Foundation (v3, 2011)
Certified Information Systems Security Professional (CISSP)
Certified Information Systems Security Professional (CISSP)
Mastering Python Programming
Mastering Python Programming

Recent Posts

What is Docker and Kubernetes?

October 20, 2020

Getting started with learning DevOps

October 16, 2020

What is Automation Anywhere?

October 15, 2020

Building a career as an AWS Cloud Solutions Architect

September 14, 2020