This course introduces teens to web page coding and covers HTML and CSS with examples from scratch. HTML stands for Hypertext Markup Language, the foundational language used to create websites and web documents. HTML defines the meaning and structure of web content. CSS stands for Cascading Style Sheets and it’s a language that helps us change the way our HTML page looks.

JavaScript is one of the most used modern programming languages. It was originally designed to add interactivity to webpages but has since been used for server-side scripting, mobile apps, and games. In this course, students will learn fundamental programming principles in JavaScript, and how to create interactive websites.

1. Planning and Designing Website
   • Plan the Structure of a Website
   • Target your audience
   • Domain Name Registration
   • Designing Effective Web Layout and Navigation
2. HTML: The Language for creating web pages
   • Introduction of HTML
   • Using HTML Editors
   • Structure of HTML Pages
   • Adding and Formatting Text
   • Creating Horizontal Line
   • Commenting Your HTML Code
   • HTML Headings
   • Adding images
   • Adding Hyperlinks
   • Creating lists
   • Creating sections in HTML5
3. CSS: Styling web pages
   • Introduction of CSS
   • Adding CSS
   • Changing Colours with CSS
   • Working with Fonts
   • Formatting Text
   • Adding Page Background Colour
   • Adding page Background Image
   • Styling Ordered and Unordered Lists
   • The CSS box model
   • Margins, Padding and Borders
   • Using the <span> tag
   • Selection in CSS
   • Using classes to style your site
   • Using the <div> tag
   • Using ids to structure your site
4. Adding more features on your Website
   • Embedding Google Map
   • Embedding a YouTube Video
5. JavaScript: Add interactivity on your Website
   • The roles of HTML, CSS, and JavaScript on the web
   • Client-side vs server-side
   • Introduction to JSFiddle
   • Hello world – console.log, alert, prompt
   • Comments
   • Variables & Data Types
   • Conditional Code
   • Comparison Operators
   • Operators and Expressions
   • Logical Operators
   • Loops: While, Do… While & For Loop
   • Functions & parameters
   • Arrays
   • Objects