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

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

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:

Info: • How the web works

• Developer tools and setup

• Understanding client vs server

• Activity

Info: • HTML tags and document structure

• Forms, media elements, and hyperlinks

• Semantic elements and best practices

• Exercise

Info: • Inline, internal, and external CSS

• Colors, fonts, margins, and padding

• CSS selectors and specificity

• Exercise

Info: • Media queries and flexible layouts

• Mobile-first design approach

• Using CSS Grid and Flexbox

• Task

Info: • Variables, data types, and operators

• Functions, conditions, and loops

• DOM manipulation basics

• Task

Info: • Event listeners in JavaScript

• Responding to user inputs

• Simple animations with JS

• Activity

Info: • Selecting and modifying HTML elements

• Adding and removing content dynamically

• Understanding the tree structure

• Exercise

Info: • Combining HTML, CSS, and JS

• Enhancing functionality and aesthetics

• Testing and debugging tips

• Activity

Info: • Version control basics (Git)

• JavaScript libraries and frameworks (intro)

• Free resources to continue learning

• Discussion

Also check out other Workshops in Vancouver.