Learn how to Design a Website with Bootstrap

Register this workshop for $190
USA & Canada: +1 240-200-6131
International Call: +1 240-391-8360
9am-6pm DC time or 1pm-10pm GMT

Workshop Code: hsts-w2

HSTS's Designing Websites with Bootstrap is a 1 day workshop designed to introduce students to how to work with Bootstrap. The workshopis a combination of lectures and hands-on exercises that provide practical real-world experience.

Bootstrap is an open-source CSS and JavaScript framework that give web designers and developers powerful tools to build responsive, mobile-friendly websites. Originally created by Twitter to reduce the amount of time developers spent prototyping new features, Bootstrap has grown into a robust toolset that is a great starting point for any web project. In our Bootstrap training course, students will learn:

  • How to install and use Bootstrap
  • Layouts with Bootstrap’s grid system
  • Styling common web elements
  • How to use Bootstrap Themes
  • Techniques to customize Bootstrap for any project

Workshop Prerequisites

Students must have a good working knowledge of computers, operating systems, using a mouse, keyboard, standard menus and commands. Students must be able to open, save, and close applications and files, as well as navigate to other folders.

To participate in the hands-on code demos, students should have a basic working knowledge of HTML, CSS and JavaScript/jQuery. Below are few workshop suggestions:
Beginner Website Design Using HTML and CSS
JavaScript and jQuery Introduction

Job Roles For This Workshop

Web designers
Front-end developers

Projects Using this Workshop

Websites and web applications

Related Courses

SQL Programming and DB Management
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
Introduction to Python Programming

Workshop Info

Highlights

  • 6 hour hands-on training led by experienced instructors
  • Digital workshop contents

Enrollment Fee

In-person in DC or Online: $190 per 6 hour workshop


Workshop Session Dates

Our workshops are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge. Location

  • Our office (1525 Newton St, NW, Ste 212 Washington DC, 20010) located 2 blocks from the Columbia Height metro

Time

  • Saturdays 9AM-4:30PM (1 hour Lunch)
  • Weekdays 6:30PM-9:30 PM

Workshop Outline

1. Getting started
Installation options
HTML, CSS and JS refresher

2. Framework Basics
Normalize.css and Reboot.css
The Bootstrap CSS grid
Using the SCSS preprocessor
Modern CSS layouts with Flexbox
Responsive breakpoints

3. CSS
Typography
Helper classes
Headings and body copy
Images classes
Forms and tables

4. JS Components3
Navigation and navs
Buttons and button groups
Cards
Modals, popovers and tooltips
Carousels

5. Advanced Topics
Using Bootstrap Themes
Using task runners to compile custom builds

Register this workshop for $190