Web Tutor
BSc
Highers
Nationals
Tools
Resources
Web Sites
BNU: BSc in Computing
CO456: Web Development
Websites with HTML, CSS and JavaScript
Week 10 Activities - JavaScript Forms
Task
Lesson Activity
Learning Assessment
Skill Developed
10.1
30 min
HTML Forms with Validation
30 min
Adding a Google Search Bar
30 min
Adding a Google Maps
30 min
Adding Audio and Video
JS Examples
JavaScript
Useful Resources
Website:
JavaScript - Google Maps
Website:
W3Schools: JavaScript Forms
Website:
Bootstrap 3.7.1
one of the best open source css and JavaScript frameworks
Video:
Bootstrap 3 Tutorial
Uses too many DIVs, but has had almost a million views
Video
Bootstrap JavaScript Effects
A demonstration of how to use a Carousel and Tabs
Video:
The Basics of Using jQuery
An example of using the basics of jQuery to build simple functions that can use input from the html.
Video:
jQuery Listening to Events
Video:
Video:
jQuery Better Code (DRY)
Week Index
CO456 Index
1. Intro to HTML
2. HTML5 Semantics
3. HTML5 Elements
4. Core CSS Styles
5. CSS Layouts
6. JS Variables
7. JS Functions
8. JS Objects
9. JS Bootstrap
10. JS Forms