British Columbia Institute of


MDIA 4340 - Mobile Web Design using jQuery

Media Communications Part-time Studies Course

School of Business

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.


MDIA 1205, 2205, and 3207 (or equivalent) and 4307 is recommended.





Fall 2019

Below is one offering of this course for the Fall 2019 term.

CRN 39224

Tue Sep 10 - Tue Nov 26 12 Weeks

Class Meeting Times

Dates Days Times Locations
Sep 10 - Nov 26 Online



Course Outline

TBD – see Learning Outcomes in the interim




  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.

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

MDIA 4340 is offered as a part of the following programs:

School of Business

  1. Web Technologies
    Part-time/Distance & Online Learning   Certificate


Interested in being notified about future offerings of MDIA 4340 - Mobile Web Design using jQuery? If so, fill out the information below and we'll notify you by email when courses for each new term are displayed here.

Contact Information

Suggest course days and times

If you are interested in taking this course on-campus (classroom delivery only) and would like to see it offered on specific days and/or at specific times, please indicate your preferences below. Day and time suggestions are not applicable to online courses.

The personal information on this form is collected under the authority of the College and Institute Act (RSBC 1996, Ch.52). BCIT will use this information to communicate with you regarding relevant BCIT programs, courses and services. This information is only used by authorized BCIT staff. Email communication sent to and from BCIT is routed through the United States of America. If you have any questions about BCIT's collection and use of this information, please contact BCIT’s manager of Information Access and Privacy.

Programs and courses are subject to change without notice.

Find Courses

Payment Changes At BCIT

We've changed the way we accept payments.

Find out more

Course Navigation, Related Links & Tools

Registration News

Registration is now open for the Fall 2019 term.

Classroom Locations

Classroom locations are subject to last minute changes. Please check the Part-time Studies Classroom Locations listing at on the first day of any course you are registered for.

Part-time Studies Financial Aid

Will you be studying at BCIT part-time? Do you need assistance funding your studies? Find out if you qualify for Part-time Studies financial aid ›