Skip to main content

Bootstrap and CSS Frameworks MDIA 3211

Media Communications Course

International Fees

International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.

Course details

This course uses Bootstrap as a powerful responsive framework to manually code dynamic mobile websites. Students will combine Bootstrap's mobile assets with HTML and CSS to develop custom mobile websites with content that resizes, repositions, collapses, and hides for optimal delivery on any device. Students will implement Bootstrap's responsive plugins, including Carousel Galleries, Accordions, Modals, and Popovers to increase site usability and interactivity, and create dynamic animated elements with Bootstrap's integrated CSS animations. To ensure optimized web delivery, this course explores custom Bootstrap exports, which minimize Bootstrap's file size and increase site performance. The course will be delivered through a series of video notes.

Prerequisite(s)

  • 50% in MDIA 1205 ( may be taken concurrently)

Credits

3.0

Domestic fees

$683.61 - $691.05 See individual course offerings below for actual costs.

Course offerings

Winter 2024

Below is one offering of MDIA 3211 for the Winter 2024 term.

CRN 83387

Duration

Tue Jan 09 - Tue Mar 26 (12 weeks)

  • 12 weeks
  • CRN 83387
  • Domestic fees $683.61
    International fees are typically three times the amount of domestic fees.
Class meeting times
Dates Days Times Locations
Jan 09 - Mar 26 N/A N/A Online
Instructor

Mike Walton

Course outline

View

Domestic fees

$683.61

Important information
  1. Internet delivery format.
  2. Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
  3. International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.
  4. Pre-requisite: MDIA 1205 or equivalent. This course will be delivered entirely online, however, is an asynchronous course which does not require that you meet each week at a specific time. Materials will be posted every week and students are required to check the content posted and submit assignments weekly.
Status

In Progress

This course offering is in progress. Please check this page for other currently available offerings or subscribe to receive email updates.

Spring/Summer 2024

Below is one offering of MDIA 3211 for the Spring/Summer 2024 term.

CRN 64191

Duration

Tue Apr 02 - Tue Jun 18 (12 weeks)

  • 12 weeks
  • CRN 64191
  • Domestic fees $691.05
    International fees are typically three times the amount of domestic fees.
Class meeting times
Dates Days Times Locations
Apr 02 - Jun 18 N/A N/A Online
Instructor

TBD

Course outline

Course outline TBD — see Learning Outcomes in the interim.

Domestic fees

$691.05

Important information
  1. Internet delivery format.
  2. Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
  3. International fees are typically three times the amount of domestic fees. Exact cost will be calculated upon completion of registration.
  4. This course will be delivered entirely online, however, is an asynchronous course which does not require that you meet each week at a specific time. You will be expected to meet assignment deadlines according to the schedule on the course outline and directions of the instructor. It is important you have a stable and consistent internet connection to access course content. Please log into learn.bcit.ca using your BCIT student email and password on the first day of class. You will require access to the Adobe Creative Cloud in order to complete this course. Students who are currently registered in one or more BCIT Flexible Learning courses are eligible for a free Adobe Creative Cloud subscription from BCIT. Up to two weeks prior to their course start date (and not before), please visit kb.bcit.ca, select the Student Resources section, and search for “Adobe Creative Cloud”, then follow the instructions in the article found to claim your free subscription.
Status

Learning Outcomes

Upon successful completion of this course, the student will be able to:

  • Construct web sites using Bootstrap's Responsive Framework
  • Implement Bootstrap's responsive grid system
  • Create responsive images, text, and tables
  • Design content for Mobile Devices
  • Develop collapsible menu bars and dropdown menus
  • Redefine the Bootstrap framework with custom CSS stylesheets
  • Produce image Carousels for displaying slideshows
  • Implement Popovers, Modals, Accordions, and Tool Tips for displaying content
  • Demonstrate responsive forms and video
  • Increase usability with Breadcrumbs and Pagination
  • Apply CSS transform animations to page content
  • Customize and Optimize Bootstrap components for faster delivery

Effective as of Winter 2016

Related Programs

Bootstrap and CSS Frameworks (MDIA 3211) is offered as a part of the following programs:

School of Business + Media

  1. Web Technologies
    Associate Certificate Part-time
  2. Web Technologies
    Certificate Part-time

Subscribe

Interested in being notified about future offerings of Bootstrap and CSS Frameworks (MDIA 3211)? If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.

  • Privacy Notice: The information you provide will be used to respond your request for BCIT course information and is collected under Section 26(c) of the Freedom of Information and Protection of Privacy Act (FIPPA). For more information about BCIT’s privacy practices contact: Associate Director, Privacy, Information Access & Policy Management, British Columbia Institute of Technology, 3700 Willingdon Ave. Burnaby, BC V5A 3H2, email: privacy@bcit.ca.