Intro to HTML, CSS & JS: Hands-On 1 Day Course in Montreal

Schedule

Fri, 12 Dec, 2025 at 09:00 am to Fri, 26 Jun, 2026 at 05:00 pm

UTC-05:00

Location

Regus - Montreal, QC | Montreal, QC

Advertisement
Kickstart web dev! Learn HTML, CSS & JS in a day and build responsive, dynamic sites from scratch—no experience needed!
About this Event

Group Discounts:

  • Save 10% when registering 3 or more participants
  • Save 15% when registering 10 or more participants

Duration: 1 Full Day (9:00 AM – 5:00 PM)
Delivery Mode: Classroom (In-Person)
Language: English
Credits: 8 PDUs / Training Hours
Certification: Course Completion Certificate
Refreshments: Lunch, beverages, and light snacks included


Course Overview

This Introduction to HTML, CSS & JavaScript course lays the foundation for modern web development. You’ll learn how to structure content with HTML, style web pages using CSS, and add interactivity with JavaScript. Through hands-on exercises and guided examples, this course empowers beginners to build responsive, dynamic websites from scratch.

Learning Objectives

By the end of this course, you will:

  • Understand core web development technologies: HTML, CSS, and JavaScript
  • Build structured, responsive web pages from scratch
  • Apply styles effectively using modern CSS techniques
  • Add interactivity using basic DOM manipulation with JavaScript
  • Confidently explore further web development libraries and tools

Target Audience

  • Students
  • Web design beginners
  • Aspiring front-end developers

Why is it right fit for you:

Whether you're looking to start a career in web development or want to add valuable technical skills, this course gives you a strong start. It is designed with beginners in mind, ensuring concepts are explained clearly and reinforced through practice. With real-time hands-on examples and expert instruction, you'll leave feeling confident in your ability to build and customize web pages using core web technologies. Start here to unlock the limitless world of web creation.

©2025 Catils. This content is protected by copyright law. Copy or Reproduction without permission is prohibited.


Do you want your team to understand the fundamentals of web development?

We offer customized in-house training sessions for schools, universities, bootcamps, and organizations. Need your team to learn tailored skills or build a specific UI component together? Our solutions are designed to fit your goals and technical level.

📧 Contact us today to schedule a customized in-house, face-to-face session:


Event Photos
Event Photos
Event Photos
Event Photos
Agenda
Module 1: Introduction to Web Development

Info: • How the web works
• Developer tools and setup
• Understanding client vs server
• Activity


Module 2: Basics of HTML

Info: • HTML tags and document structure
• Forms, media elements, and hyperlinks
• Semantic elements and best practices
• Exercise


Module 3: Introduction to CSS

Info: • Inline, internal, and external CSS
• Colors, fonts, margins, and padding
• CSS selectors and specificity
• Exercise


Module 4: Responsive Web Design Basics

Info: • Media queries and flexible layouts
• Mobile-first design approach
• Using CSS Grid and Flexbox
• Task


Module 5: JavaScript Fundamentals

Info: • Variables, data types, and operators
• Functions, conditions, and loops
• DOM manipulation basics
• Task


Module 6: Event Handling & Interactivity

Info: • Event listeners in JavaScript
• Responding to user inputs
• Simple animations with JS
• Activity


Module 7: Working with the DOM

Info: • Selecting and modifying HTML elements
• Adding and removing content dynamically
• Understanding the tree structure
• Exercise


Module 8: Bringing It All Together

Info: • Combining HTML, CSS, and JS
• Enhancing functionality and aesthetics
• Testing and debugging tips
• Activity


Module 9: Next Steps in Web Development

Info: • Version control basics (Git)
• JavaScript libraries and frameworks (intro)
• Free resources to continue learning
• Discussion


Advertisement

Where is it happening?

Regus - Montreal, QC, 1200 Avenue McGill College, Montreal, Canada

Event Location & Nearby Stays:

Tickets

CAD 616.10 to CAD 797.09

Icon
Know what’s Happening Next — before everyone else does.
Catils_inc

Host or Publisher Catils_inc

Ask AI if this event suits you:

Discover More Events in Montreal

Burna Boy in Montreal
Mon, 15 Dec at 08:30 pm Burna Boy in Montreal

Centre Bell

CONCERTS MUSIC
Staff Party de No\u00ebl du Cocktail
Mon, 15 Dec at 10:00 pm Staff Party de Noël du Cocktail

1669, rue Ste-Catherine est, Montreal, QC, Canada, Quebec H2L2J5

CHRISTMAS PARTIES
Burna Boy
Tue, 16 Dec at 01:30 am Burna Boy

Centre Bell

TRIPS-ADVENTURES
Parking Burna Boy
Tue, 16 Dec at 01:30 am Parking Burna Boy

Centre Bell

CONTESTS TRIPS-ADVENTURES
Field Guide
Tue, 16 Dec at 08:30 am Field Guide

Centre Bell

TRIPS-ADVENTURES CONTESTS
Parking Field Guide
Tue, 16 Dec at 08:30 am Parking Field Guide

Centre Bell

TRIPS-ADVENTURES CONTESTS
Certification \u00e0 la m\u00e9thode LEGO\u00ae SERIOUS PLAY\u00ae : Equipes et groupes
Tue, 16 Dec at 09:00 am Certification à la méthode LEGO® SERIOUS PLAY® : Equipes et groupes

Montreal CoWork 4388 R. Saint-Denis #200, Montréal, QC H2J 2L1

WORKSHOPS
Entrepreneurship Start-up Basics: 1 Day Course in Montreal
Tue, 16 Dec at 09:00 am Entrepreneurship Start-up Basics: 1 Day Course in Montreal

Regus - Montreal, QC

BUSINESS WORKSHOPS
Life Drawing Montreal | Mod\u00e8le Vivant Montr\u00e9al
Mon, 06 Jul at 06:00 pm Life Drawing Montreal | Modèle Vivant Montréal

48 Notre Dame Ouest (Loft #201)

ART FINE-ARTS
102 | BOIS : D\u00e9gauchisseuse, planeur, toupie \u00e0 main et toupie sur table
Wed, 02 Sep at 07:00 pm 102 | BOIS : Dégauchisseuse, planeur, toupie à main et toupie sur table

LESPACEMAKER

PARTIES WORKSHOPS
POP-UP | CUIR   : Porte-cartes \/ LEATHER : card holder
Wed, 12 May at 05:00 pm POP-UP | CUIR : Porte-cartes / LEATHER : card holder

LESPACEMAKER

POP-UPS WORKSHOPS
102 | M\u00c9TAL : Soudure MIG  (d\u00e9butant.e.s)
Sat, 26 Jun at 12:00 pm 102 | MÉTAL : Soudure MIG (débutant.e.s)

LESPACEMAKER

PARTIES WORKSHOPS
English Montreal Comedy Show ( Stand-Up Comedy ) Montreal Comedy Club
Mon, 31 Jan at 08:00 pm English Montreal Comedy Show ( Stand-Up Comedy ) Montreal Comedy Club

McKibbin’s

COMEDY ENTERTAINMENT
Initiation au dessin vectoriel  \/\/ Introduction to vector drawing
Thu, 24 Feb at 07:00 pm Initiation au dessin vectoriel // Introduction to vector drawing

LESPACEMAKER

ART FINE-ARTS
INTRO A | LESPACEMAKER workshops visit (ENGLISH)
Sun, 20 Mar at 12:00 pm INTRO A | LESPACEMAKER workshops visit (ENGLISH)

LESPACEMAKER

WORKSHOPS
POP-UP | CUIR  : Sac Banane \/ LEATHER : fanny pack
Thu, 05 May at 06:00 pm POP-UP | CUIR : Sac Banane / LEATHER : fanny pack

LESPACEMAKER

POP-UPS WORKSHOPS
102 | WOOD: jointer, planer, hand router and table router
Wed, 11 May at 07:00 pm 102 | WOOD: jointer, planer, hand router and table router

LESPACEMAKER

WORKSHOPS
Drink & Draw by @Hommehomo
Wed, 15 Jun at 08:00 pm Drink & Draw by @Hommehomo

Bar Le Cocktail

ART FINE-ARTS
The Every Thursday Improv Show!
Thu, 16 Mar at 08:30 pm The Every Thursday Improv Show!

Theatre VME / Variations Mile End

WORKSHOPS ART
101 | FORGE : Introduction
Tue, 27 Jun at 07:00 pm 101 | FORGE : Introduction

LESPACEMAKER

WORKSHOPS PARTIES

What's Happening Next in Montreal?

Discover Montreal Events