Assessments

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

Assessment

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

• Video 1: Adding a Google Map to the contact page
• Video 2: Adding Bootstrap JS features to the website
• Video 3: Overidding Bootstrap Styles using CSS3
• Video 4: Adding jQuery-ui effects and themes
• Website: Bootstrap CSS & Components This site is worth reading through to understand the various CSS features available in particular the grid system.
• Web Page: Website Check List
• Web Page: Website Improvements
• Web Page: Website Test Plan
• Website: Gradient Fill Generator This site provides an easy way of creating the code for gradient fills
• Website: Color Schemes This site provides an easy way of selecting a set of colours that will blend together for a website

Lesson Index

• Course Index
• Unit Overview
• Design
• Lesson 1
• Lesson 2
• Lesson 3
• Lesson 4
• Lesson 5
• Lesson 6
• Lesson 7
• Lesson 8
• Bootstrap
• MVC 5