Theme

In this course students will learn how to build a basic website and web page using HTML5, JavaScript and CSS. They will also learn key principles such as Sequence, Selection and Iteration, which also occur in many other different Programming Languages. The goal is for the student to have enough information and knowledge in the basics of programming, and in the end be able to make their own web page. This basic knowledge is very useful as it is now part of the UK Educational System and programming is becoming increasingly popular due to new innovations in the technology market.

Scope

This course contains 10 - 15 hours of Teaching Material and is suitable for students aged between 11 to 16

Learning Outcomes

At the end of this Unit all students should be able to:

• Write HTML code to create a simple web page and display it in a browser
• Insert Text, Images, Links, Tables anf Input Forms on their web pages
• Use JavaScript to create different Functions in a web page which contains Sequence Statements, Selection Statements, Iterative Statemens and Methods and Properties
• Use CSS to design a webpage and to make it look nicer

Content

• 1. Introduction to HTML
  • This Page includes an introduction of the basic principles of HTML5 code that is most widely used when making webpages.
• 2. HTML Input Forms
  • Here you learn how to make input forms in HTML which allows you to enter and input information.
• 3. Introduction to JavaScript
  • This page is an introduction to JavaScript’s most basic syntax and functions that are commonly used.
• 4. JavaScript - Sequence, Selection & Iteration
  • This page will show you an explanation of the key programming principles which are sequence, selection and iteration. This can also be called if-statements, while-loops and for-loops.
• 5. JavaScript Methods, Properties and Popups
  • The content of this page is an explanation of how methods, properties and popups are made in JavaScript.
• 6. 6. Introduction to CSS – Start Designing
  • This is an introduction to CSS and how to start designing your webpage.
• 7. Challenge Questions
  • Make a simple calculator
  • Create a login system
  • Make your own website – as you like!

Resources Required

• Students will need to use a Web Text editor. Any Web Text Editor is fine, but examples like Microsoft WebMatrix and Sublime is preferable. They are both free and can be downloaded from this link:
  Sublime
  Microsoft WebMatrix
• Students will need to use a web browser that supports the web language HTML5. Examples of web browsers are e.g. Google Chrome, Internet Explorer, Safari etc.
• Students can use the Internet to get extra information for the topic covered. There are several good places to get information and do exercises. Codeacademy is a good place to start with HTML, CSS and JavaScript.