JavaScript Website

1
JavaScript Website

• Aims
• Teach the applications of JavaScript
• Wide use of examples
• Tests and Quizzes with instant feedback
• Advantages over a textbook
• Aimed at beginner/intermediate level

2
Aim 1
Teach the applications of JavaScript I feel I
have created a set of teaching pages that
demonstrate the uses of the JavaScript
language. This has been done through the use of
mini-examples as well as showing what can be
achieved with larger more complex examples.
3
Aim 2
Wide use of Examples The use of examples has
been key in the teaching style of the
website. The larger examples show what can be
done by combining the mini-examples.
4
Aim 3
Test and Quizzes Vital to the learning
experience so users can check their knowledge and
cover areas they are unfamiliar with. Provides
instant feedback and keeps score of correct
answers.
5
Aim 4

• Advantages over a Textbook
• Can be easily updated.
• Can test knowledge easily with interactive
  quizzes.
• Examples can be interactive.
• Although a book can be taken anywhere, internet
  is not always available.

6
Aim 5
Aimed at Beginner/Intermediate Level Website
covers all the basic commands and structure of
JavaScript. More advanced functions and commands
are also included. Useful for beginners as well
as users who need a refresher.
7
Examples

• Three Doors
• Calculator
• Hangman
• Pi Estimation
• Numerical Integration

• Tertiary Cantor Set
• Attribute Changer
• Quiz
• Code Testing Page

8
User Friendly

• I have included many features that aid in user
  interaction with the website
• Back, Forward and Home buttons in the Title bar.
• Links to the following and previous page at the
  bottom of each teaching page.
• Side bar containing a link to every page.

9
Teaching Pages

• Clear and concise instructions
• Navigational buttons to ease movement around
  site
• Useful mini examples to show how code can be
  easily utilized
• Page not cluttered with words
• Focused on actual code

10
Future Improvements

• More JavaScript commands.
• Further examples and teaching pages detailing
  these commands.
• Further use of Quizzes and the Code Testing Page
  as a direct teaching resource.
• More attractive design.