Web Development with HTML, CSS and JavaScript

Programming and Development
Duration:
20 Hours (5 Days)
Language:
English
Contact us
Course Overview

Web Development with HTML, CSS and JavaScript offers a practical and engaging introduction to the technologies that power the modern web. Participants will learn how to structure content with HTML, design layouts and styles with CSS, and add interactivity using JavaScript. Throughout the course, participants will explore how web pages are built and gain confidence in writing and combining code to create functional and visually appealing websites. Hands-on exercises and guided tasks will allow learners to experiment with real code from the very beginning. By the end of the course, participants will have developed a simple yet interactive website and will be able to apply their skills to personal projects, academic presentations, or basic digital portfolios.

Download the complete course description!
Click Here to download
Course Objectives
  • Learn how websites are structured using HTML and how to create meaningful and well-organised page layouts.
  • Explore the use of CSS to style content and improve the visual presentation of web pages.
  • Understand how JavaScript can be used to add interactivity and respond to user actions.
  • Practise combining HTML, CSS and JavaScript to build functional and attractive web pages.
  • Develop a small interactive website as a final project, applying the knowledge gained throughout the course.
Schedule

Module 1 – Introduction to the Web and Basic HTML Structure

  • What is the Web and how websites work
  • Front-end concepts: HTML, CSS and JavaScript
  • Basic HTML document structure
  • Main elements: <html>, <head>, <title>, <body>
  • Text elements: <h1> to <h6>, <p>, <br>, <hr>
  • HTML comments

Module 2 – Content Organisation and Navigation

  • Lists: <ul>, <ol>, <li>
  • Images: <img> with attributes src, alt, width, height
  • Links: <a> with internal and external URLs
  • Basic tables: <table>, <tr>, <th>, <td>
  • Semantic elements: <header>, <nav>, <main>, <section>, <footer>
  • Creating multipage sites with navigation menus

Module 3 – CSS Styling: Visual Fundamentals

  • CSS rule syntax: selectors, properties, values
  • Colours: color, background-color, basic gradients
  • Typography: font-family, font-size, font-weight, text-align
  • Spacing: margin, padding, line-height
  • Borders and effects: border, border-radius, box-shadow
  • Applying CSS: inline, internal and external methods

Module 4 – Layout and Visual Structure with CSS

  • The box model concept
  • display properties: block, inline, inline-block
  • Positioning: static, relative, absolute, fixed
  • Layering elements with z-index
  • Introduction to Flexbox: display: flex, justify-content, align-items, gap
  • Building simple and responsive layouts

Module 5 – Introduction to JavaScript

  • What is JavaScript and its role in websites
  • Declaring variables: let, const
  • Basic operators and data types
  • Creating and calling simple functions
  • DOM manipulation: getElementById, innerHTML, style
  • Event handling basics: onclick, onmouseover, onchange

Module 6 – Forms and Validation

  • Form elements: <form>, <input>, <textarea>, <select>, <button>
  • Key attributes: placeholder, required, type, value, checked
  • Styling forms with CSS
  • Simple validation with JavaScript
  • Providing user feedback (error messages, visual cues, highlights)

Module 7 – Final Project: Interactive Website

  • Planning the site: theme, structure and required features
  • Building the HTML structure across multiple pages
  • Applying consistent CSS styling via external files
  • Adding interactivity using JavaScript
  • Creating and validating a working form
  • Testing, refining and presenting the final project
Next Dates

No future dates found. For more information, please contact us .

Price

Each quotation is personalized and depends on several factors, such as the number of participants, the number of training hours, the location of the course, and any additional services requested.
The training can be funded through programs such as Erasmus+ (KA1 – Learning Mobility), among other European support mechanisms. For more information about funding, participants should contact their sending organization or their country’s National Agency directly.

Important Info

Certificate

A Certificate of Participation is awarded to participants who attend at least 80% of the sessions and demonstrate consistent engagement and commitment throughout the training.

Schedule

The time of classes, whether in the morning or afternoon is determined by the provider. The schedule may vary considerably based on participants’ preferences and the trainer’s discretion regarding any modifications.

Cultural activities
Equipment

Bring a laptop or tablet to use during the sessions.

Mobility Friends Newsletter

Subscribe to our Newsletter!