Learn how to Design a Website with Bootstrap

Workshop Code: hsts-w2

---

What Is Included in this Live Workshop

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

---

Self-paced training

This course is available in a self-paced video format for free. Click here to learn more and register. For complete self-paced web design training, visit our Web design and development bundle page.

---

Overall Info About our Workshops

Highlights

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

Enrollment Fee

Online live starts from $390

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

• Online or in our DC office at 3165 Mt Pleasant St NW
  

Time

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

---

Workshop Outline

Topics Covered in this Course.

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

---