This beginner-friendly course will introduce the essential building blocks of web development to students with no prior coding experience.

You will learn how to structure a webpage with HTML, style them to your liking with CSS and add interactivity with JavaScript.

Learning is done through a hands-on-project with step-by-step guidance, in which by the end you have created a fully functional, response website from scratch.

By the end of the workshop, you will have an understanding on how website work and have a project to showcase in your portfolio. This course will give you a strong foundation to build on, weather you are looking for a new career or hobby.

Module 1: Introduction

• What is website?
• Overview of web technologies: HTML, CSS, JavaScript.
• Setting up the web based code editor.

Module 2: HTML Fundamentals

• Basic Structure of an HTML document.
• Common tags: headings, paragraphs, links, images, lists.
• Forms and input elements.

Module 3: CSS Fundamentals

• Styling text and elements.
• Colours, fonts, margins and padding.
• Build a responsive layout.

Module 4: JavaScript basics

• Introduction to JavaScript and how it runs in the browser
• Variables, functions and events.
• Simple interactivity.

Module 5: Finalise your website

• Test and deploy your website
• Make changes to your design
• Fix bugs.

Upon completion of this course, the participants will be able to: 

• understand the role of HTML, CSS, and JavaScript in web development
• create and structure a webpage using HTML
• style web pages using CSS, including layout and responsive design
• add interactivity to a webpage using basic JavaScript
• build and deploy a simple, functional website from scratch

Learning is done through a hands-on-project with step-by-step guidance, in which by the end you have created a fully functional, response website from scratch.