13 to 17 Yrs – Bootstrap Module 1

Prerequisite

Bootstraps consists mainly of style sheets and scripts so basic knowledge of HTML, CSS, and JavaScript programming languages is very advantageous in building very dynamic websites. However, it is not a requirements that a student should have taken these courses before as the course begins with an introduction of these languages but does not dive into advanced concepts.

Learning outcomes

Bootstrap is one of the ways in which the front-end (what you see when you access a web page) can be built. This framework that was first developed by Twitter is now widely used to build mobile responsive websites quickly.

This course introduces how frameworks are used in web design without writing code from scratch. Students use a wide variety of Bootstrap templates to develop responsive, mobile-first websites.

The course is structured as a project where students work towards creating a home page for your web site with an image carousel, navigation bar with a breadcrumb, header, about section, portfolio, a contact form and a blog section. The home page links to a product catalog, a media gallery and a contact page with a Google map with a custom marker. In the process of creating the project students learn how to:

• Laying web design basics through create a basic HTML page and style it using CSS
• Load Bootstap into your webpage via CDN or host Bootstrap on their computer
• Install the latest jQuery library and load the Bootstrap JavaScript library
• Using the grid system, a fixed or fluid layout and navigating the responsive layout
• Experimenting with the grid system, a fixed layout or fluid layout and a responsive layout to understand how they work
• Using media queries to enhance mobile responsiveness of your web page
• Working with Bootstrap lists, tables and forms
•  Create responsive images and videos using Bootstrap
• Incorporating call to action buttons and alerts in your web page
• Using cards, media objects and icons in Bootstrap