Skip to main content

Mobile Web Design using jQuery MDIA 4340

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 introduces the fundamentals of creating mobile websites using the jQuery Mobile framework — a JavaScript library that makes it easy to create websites that render correctly on a variety of mobile devices, including iOS (iPhone, iPod Touch, iPad), Android, Blackberry, PalmOS, and others. Students will explore the basic structure of a jQuery Mobile page, how to implement commonly-used page components like headers, footers, toolbars, buttons, lists, dialogs, form controls and multi-column layouts. Additional topics include the jQuery Mobile navigation model, managing transitions between pages, using themes, and responding to touchscreen events like tap and swipe. NOTE: You should own or have access to at least one mobile device (smartphone or tablet) for this course.




Domestic fees


Course offerings

Winter 2024

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

CRN 80117


Tue Jan 09 - Tue Mar 26 (12 weeks)

  • 12 weeks
  • CRN 80117
  • 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

Mike Walton

Course outline

Course outline TBD — see Learning Outcomes in the interim.

Domestic fees


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, 2205 and 3207 (or equivalent) and 4307 is recommended. 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.

Learning Outcomes

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

  • Demonstrate how to apply the principles of HTML5 and CSS3 to mobile websites
  • Describe how a mobile application page structure is built
  • Construct a mobile user interface using elements such as buttons, toolbars, and sliders
  • Classify and demonstrate where lists are to be used for data display, navigation, form results, and data entry
  • Apply multi-page interfaces with transitions
  • Demonstrate how to create and apply modal dialogues for interface interaction
  • Describe how to develop forms for mobile applications
  • Illustrate how to handle mobile touchscreen events such as tap, swipe, and so on
  • Describe how to deal with page orientation on mobile devices
  • Evaluate the importance of jQuery Themes in interface design

Effective as of Fall 2013

Related Programs

Mobile Web Design using jQuery (MDIA 4340) is offered as a part of the following programs:

School of Business + Media

  1. Web Technologies
    Certificate Part-time


Interested in being notified about future offerings of Mobile Web Design using jQuery (MDIA 4340)? 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: