UofC Navigation

ICT 581 HTML5 and CSS3 with jQuery

 Email this information to yourself or a friend
 Remind me of this course at a later date

Course Description

This course has been designed to introduce students who already have a basic background in HTML, CSS and JavaScript, to the current methodologies of responsive web design and progressive enhancement that will help you to deliver the best possible web experience to the widest possible audience.

Course Details

Today’s Web pages are viewed with a wide variety of browsers like Chrome, Safari and Firefox, and on an ever growing variety of devices from smart phones to tablets to desktop monitors. Rather than creating designs that are each tailored to a particular browser or devise, it is possible to craft web sites that are far more flexible and can adapt to the specific media that displays them.

This course is designed for intermediate to advanced-level users who want to further advance their skills in both HTML and jQuery. This includes those individuals who want to further learn, understand, remember, and apply important HTML, jQuery and JavaScript concepts so your web pages and applications are more interactive and exciting.


Instructional Delivery

All instruction is instructor-led, face-to-face and may be delivered in three formats:

  • In Class - all classes are taught in a classroom lab.
  • Online - all classes are taught synchronously in real-time.
  • Blended - delivery is both in a classroom lab and synchronously online, alternating weekly.

It is the students responsibility to carefully read the course section content below to know which delivery options are available for the course they are registering into.


Registrations within 24 hours of course start time must be made by phone (403-220-2988).

Top of Page

Course Content

Course Level Learning Outcomes

  • Apply the "Think Mobile First" strategy during design and development
  • Illustrate the Importance of Responsive Design
  • Design & Code Responsive Web Sites
  • Create Cutting Edge Audio, Video and Web Elements with HTML5 and the Canvas
  • Integrate Data in your Designs with AJAX and DOM element callbacks

Topics of Instruction

  • Mobile Web Theory & Rapid Landscape Changes
    • Think Mobile First
    • How technology creates trends
    • Early Adoption, the pros and cons
  • Development Tools & Methods
    • Introduction of the various tools
    • Introduction of the various development styles and methodologies
    • Agile vs Waterfall Development
    • Picking the Best Approach
    • Frameworks
  • Planning a Project, and Collecting Requirements
    • Developing a Strategy
    • Collecting Project Requirements
    • Understanding the Technology
    • Develop an approach
  • Media Queries
    • Building Interfaces that Scale
  • Geolocation
    • Mapping Technologies
    • Permissions & Privacy
  • Canvas
    • Why Canvas?
    • Statefull vs. Stateless Drawing
    • Lines, Circles, Arcs, …
    • Typography
    • Animation
  • Video & Audio
    • Coding and Containers
    • Mobile Web
    • Size and Bandwidth
  • Persistent Data
    • Cookies
    • Local Storage
    • Security
    • Privacy
  • Web Services
    • Browser Notifications
    • AJAX
    • JSON/XML
    • MVC Approach
  • Multithreading
    • Introduction to Threading
  • Usability Testing & Development

Top of Page


Recommendations and Requirements

Course Duration

Courses are 30 hours and are scheduled to be completed in either 5 weeks or 10 weeks. Generally, 5 week courses have two classes per week, and 10 week courses have one class per week.

Delivery Formats

Courses may be delivered in class, online, or blended (both in class and online). All delivery formats will use Desire2Learn (D2L) and Adobe Connect Meeting (ACM) tools to varying degrees and it is the students responsibility to ensure they are comfortable with these tools prior to the start of the first class.

Students are encouraged to read Student Online Learning Resources to determine the delivery format that will best meet their learning needs.

  • Students familiar with D2L and ACM from previous course work, require no further introduction to these learning tools.
  • Students who register into an in class only course section and who are unfamiliar with D2L and ACM learning tools are recommended to take the necessary time to fully explore these learning tools prior to the start of class.
  • Students who register into an online or blended course section and who are unfamiliar with D2L and ACM learning tools are recommended to take BMC 352 Learning Online.

Required Tools

For online and blended delivery, students should have access to their own computer with required software, Internet connection, a headset with speakers and microphone, webcam, and a monitor large enough to display multiple applications (or the use of two monitors). Students should test their environment prior to the start of class to ensure everything is working properly.

Required Software

Students will need access to software outside the classroom lab to enable work on assignments, projects, and other course work.



It is strongly recommended that students attend every class. It is the responsibility of the student to communicate potential absenteeism to the instructor.

Top of Page


Top of Page


  • Students who register into an online or blended course section and who are unfamiliar with D2L and ACM learning tools are recommended to take BMC 352 Learning Online.
  • Students must be familiar with the personal computer, keyboard and mouse.
  • Students must have Microsoft Windows skills and knowledge, and be able to perform the following tasks:
    • start and run Windows
    • use the taskbar, Start button and Help feature
    • use Minimize, Maximize, Restore Down/Up and Close
    • use the left and right mouse buttons appropriately
    • understand file management techniques
    • navigate between files, folders, or drives.

Top of Page

Applies Towards the Following Certificate(s)


  ICT 581 - 011 HTML5 and CSS3 with jQuery  
  Spring 2017   Status:  Available
Class:   Wed 6:00PM - 9:00PM
12 Apr 2017 to 14 Jun 2017
Number of Sessions: 10 Sessions
Hours: 30.00
Course Fees:   Flat Fee non-credit    825.00
Campus: Main Campus
Delivery Options:  Class
  Section Notes:  


This course has 10 classes scheduled once per week for 10 weeks. Classes are held in a classroom 


 ICT 580 HTML5 and CSS3 and ICT 442 JavaScript and the DOM


Students who are unfamiliar with D2L / ACM are recommended to take BMC 352 Learning Online


A $25 fee applies for course withdrawals and transfers. For our standard Refund, Withdrawal and Transfer Policy visit conted.ucalgary.ca/refund


Search ContEd