Learn Bootstrap: Make Your Website Responsive and Modern

Dev Bootcamp - 633 Folsom St 6th Floor - View Map Girl Develop It San Francisco
Sat, Sep 24, 2016, 10:00 AM (PDT)

About this event

In this project-based workshop, you'll learn how to go beyond with HTML and CSS: using the popular CSS Framework Bootstrap for responsive design and pre-built components.


• HTML & CSS Review
• Tools and pro-tips for front-end development and debugging
• Good defaults and comparison of front-end frameworks
• Bootstrap grid system
• Exercise - Fluid layout with bootstrap system
• Bootstrap CSS, component classes, atomic design
• Building a website with UI components
• Exercise - Splash page for your portfolio
• Exercise - Contact me form
• Exercise - Personal website gallery

The comprehensive workshop will be a mix of lectures, pair programming, and hands-on exercises building your webpage, and will be taught by Truc Nguyen, Senior UX Designer at AdRoll and Jessica Earley, Lab Instructor at Hackbright Academy.

By the end of this workshop, you will know how to make a responsive web page using a framework like Bootstrap (e.g making your web page look great on phones, tablets, and desktop computers).

Lunch will be provided.

Prerequisites: Basic knowledge of HTML, CSS as covered in Build Your First Website. For reference you should be comfortable with this material: HERE

A website built with at least 2 pages, including: 
• nav bar & footer 
• images 
• <a> tag
• ordered list / unordered list
• STRETCH: 2 different styling approaches

Tech requirements: Your laptop (Mac, PC, or Linux are all okay. If you don't have one of those, please let us know in advance) and charger.A modern web browser - either Chrome or Firefox. A text editor. We recommend Sublime Text 2 (free; available for both Mac and PC) or Notepad++ (PC).

Payment is required to attend. If you'd like to attend but cannot afford the cost, request a scholarship. Due to the amount of applications, only the scholarship recipient will receive an email a few days before the workshop. Thank you for your understanding!


Saturday, Sep 24
10:00 AM - 5:00 PM (PDT)


Dev Bootcamp
633 Folsom St 6th Floor