Higher Nationals in Computing

Unit 14: Web Design


  1. 14th February 2017 Assessment 14.2: Developing and Testing a Web Site Final

Lesson 8: Adding JavaScript Features from Google, Bootstrap & jQuery

This lesson includes step by step guidance on modifying an ASP.NET Website by adding appropriate functionality using JavaScript from Google Maps, Bootstrap and jQuery-UI


  1. December 6th 2016 Assessment 1: Developing an Interactive Website

Assessment Criteria

  • 3.1 implement a fully-functional interactive website using a design specification.

Lesson Activities

  1. 30 Minutes Tutor & Students: Add a google map to the contact page
  2. 30 Minutes Tutor & Students: Add Bootstrap JavaScript fetures to your website
  3. 15 Minutes Tutor: Presentation on Progressive Enhancement Using CSS3
  4. 30 Minutes Tutor & Students: Modify and add css code to change the style and appearance of the website to match the original design.
  5. 30 Minutes Tutor & Students: Add jQuery-UI affects and use customised themes in terms of styling.

Useful Resources

Lesson Index