Linkedin Pixel Code HTML5 / CSS3 training, JavaScript / DOM + Responsive Design |
cours-HTML-CSS-HTML5-CSS3-2024

Advanced Training: HTML5 / CSS3, JavaScript / DOM + Responsive Design

Classes in: Online course, virtual classroom (remote), Montreal, Quebec, at your offices

Registration Details

Course details

image_pdf

Advanced Training Introduction: HTML5/CSS3, JavaScript/DOM + Responsive Design

Why HTML5?

Tag formatting

HTML, CSS, XHTML, XML, HTML5 standards

The W3C and validators

Encoding logic, ISO-8859-1, UTF-8,..

Basic Concepts Review

Tag types

Style rule syntax

CSS positioning (relative, absolute, float, display)

Practical Workshop: Create an XHTML/CSS site

Transition to HTML5

Syntax, new doctype, and tools

Structure and semantics

Div and span

New HTML5 tags

Practical Workshop: Rebuild our site using HTML5/CSS3

Multimedia Tags

Insert an image (<figure> tag)

Insert a video (<video> tag)

Insert audio (<audio> tag)

Browser compatibility

Practical Workshop: Use JavaScript to control audio and video objects

Forms

New types for <input>

New attributes

New elements <output>

Form validations in HTML5

Practical Workshop: Create an HTML5 form

Drawing: Dynamic Image Creation with JavaScript

Canvas tag

SVG

Drawing shapes (rectangle, circle, etc.)

Colors, fills, gradients

Practical Workshop: Enhance video playback with a progress bar

Geolocation

Overview

Positioning (latitude, longitude)

CSS3

Overview

Syntax, CSS3 prefixes

Rounded corners

Drop shadows

Text-Shadow

Box-shadow

Linear gradients

font-face

Attribute selectors

CSS3: Transformations, Transitions, and Animations

Rotation

Translation

Animations

Practical Workshop: Animate various element properties

Introduction to JavaScript

JavaScript Basics

Core JavaScript concepts

Event handling

Dynamic CSS management

Practical Workshop: Validate fields in our contact form

Document Object Model

What is the DOM?

Node concept

Node hierarchy (DOM Tree)

Relation properties

State properties

Node access methods

Firefox DOM Inspector

Modify HTML content

Modify HTML element styles

Practical Workshop: Create a photo gallery

Responsive Design

Principles

CSS 3 Media Queries

Practical Workshop: Create a multi-platform site (smartphone, tablet, etc.)

Using Bootstrap

Introduction to Bootstrap

Bootstrap installation

Grid system for positioning

Layouts

Responsive Design

Practical Workshop: Create a page using Bootstrap

Bootstrap Components

Dropdown menus

Navigation bars

Breadcrumbs

Other course(s) in this category

→ Advanced Training: HTML5 / CSS3, JavaScript / DOM + Responsive Design




Benefits:

  • A course material for each participant.
  • Coaching available after the training.
  • We offer you in public session:
    • Tea, coffee
    • Dinner at a nearby restaurant
    • Wireless internet connection

Prerequisites:

Good knowledge of (X) HTML and CSS

Objectives:

  • Master HTML5 / CSS3
  • Implement adaptive website design techniques

Online

    • 05/01/2026
    • 06/01/2026
    • 07/01/2026
    • 19/01/2026
    • 20/01/2026
    • 21/01/2026
    • 16/02/2026
    • 17/02/2026
    • 18/02/2026
    • 02/03/2026
    • 03/03/2026
    • 04/03/2026
    • 30/03/2026
    • 31/03/2026
    • 01/04/2026
    • 13/04/2026
    • 14/04/2026
    • 15/04/2026
    • 11/05/2026
    • 12/05/2026
    • 13/05/2026
    • 25/05/2026
    • 26/05/2026
    • 27/05/2026
    • 06/07/2026
    • 07/07/2026
    • 08/07/2026
    • 20/07/2026
    • 21/07/2026
    • 22/07/2026

Montreal

    • 17/12/2025
    • 18/12/2025
    • 19/12/2025
    • 16/03/2026
    • 17/03/2026
    • 18/03/2026
    • 08/06/2026
    • 09/06/2026
    • 10/06/2026

Quebec City

    • 02/02/2026
    • 03/02/2026
    • 04/02/2026
    • 27/04/2026
    • 28/04/2026
    • 29/04/2026
    • 03/08/2026
    • 04/08/2026
    • 05/08/2026

Pricing

Preferential rate
1,274
$ / participant
Public orgs, NPOs
Public price
1,499 $ / participant

Practical information

  • Duration: 3 day(s)
  • Schedule: 9:00 a.m. to 4:30 p.m. (2 coffee breaks + 1-hour lunch)
  • Format: - Online (live virtual classroom)
    - Or in person, depending on availability

📄 Download course outline (PDF)

Registration details

Interested in this training?

Free quote with no obligation

Check if you are:
Captcha image

Registration with credit card payment

Check if you are:
Captcha image

FR

« Je tiens à vous remercier tous les deux d’avoir offert à mes ressources une excellente formation COBOL au cours des trois derniers jours. Mamadou, merci d’avoir été si accommodant malgré le court préavis et d’avoir envoyé votre formateur à Gatineau pour ce cours personnalisé. Nous avons hâte de poursuivre notre collaboration pour de futurs besoins de formation. »
(Traduit de l’anglais)

EN

“I want to thank you both for providing my resources with excellent COBOL training over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customized and personalized training course. We look forward to continuing our partnership for future training needs.”

FR

« Mamadou est venu nous aider à réorganiser notre panneau d’arrêt via un outil de rapport, Crystal Reports. Mamadou a réussi avec succès le travail de précision, au pixel près, puisque nous voulions un rapport similaire au design graphique original. Il nous a aidés à découper le projet par cycle et à intégrer le rapport à notre logiciel corporatif. La qualité que nous avons appréciée était le souci du détail et la constance. Mamadou a été très professionnel et connaît plusieurs autres technologies. Merci. »

EN

“Mamadou helped us reorganize our stop panel using a reporting tool, Crystal Reports. He successfully delivered precise, pixel-perfect work, as we needed a report that matched the original graphic design. He helped us break the project down into cycles and integrate the report into our corporate software. What we appreciated most was his attention to detail and consistency. Mamadou was very professional and is knowledgeable in many other technologies. Thank you.”
(Translated from French)

FR

« Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité / Adaptabilité / Professionnalisme / Courtoisie. Merci ! »

EN

“It was a pleasure doing business with Doussou Formation. What truly makes THE difference is the personalized service, fully attentive to participants, as well as the ability to adapt the training to their needs. Flexibility / Adaptability / Professionalism / Courtesy. Thank you!”
(Translated from French)