In this intermediate course, students take their web design and development skills a step further and learn to use Bootstrap to adapt websites to render optimally on all screen sizes.
Overview
With the wide variety of screen sizes available today, the ability to build web pages that provide optimal viewing experiences (in terms of reading, navigation, and layout) on both traditional monitors and mobile devices is a critical web-development skill.
This course provides a brief review of key HTML5 and CSS concepts before diving into responsive web design principles and practices and providing hands-on practice with Bootstrap, the most widely-used responsive framework available today.
Intended Audience
This course is designed for IS and non-IS professionals who are interested in learning the concepts behind responsive web design and gain experience building responsive websites using Bootstrap.
Prerequisites
We recommend students complete Exploring HTML5 and CSS and Advanced CSS (or have equivalent experience with the covered web design and development concepts) prior to enrolling in this course.
Outline
The following topics are covered in this course:
- Brief review of relevant HTML5 and CSS concepts
- History and importance of grids in web design
- From fixed to fluid to responsive
- Media queries
- Breakpoints
- Related concepts: resolution and touch
- Frameworks
- Twitter Bootstrap, a powerful, mobile-first framework
Duration & Format
2 days (12 hours)
This course can be conducted at your location or in our Midwest training lab (12140 Woodcrest Executive Drive; St. Louis, MO. 63141).
Professional Training for Modern Technology Teams
Open Enrollment Courses
Open enrollment courses are a great, cost-effective option for organizations that have an immediate need to train a small number of employees.
Customized Training Programs
Customized training programs can be delivered on-site, in our training lab, or online to help organizations enhance the skills of their internal development teams.
