FR
Illustration: Advanced Training course

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

RWD

3 days 9:00 a.m. to 4:30 p.m. Online, Montreal, Quebec City

Updated on

The Advanced Training course at a glance

Length
3 days
Schedule
9:00 a.m. to 4:30 p.m.
Format
Live virtual class or in person in Montreal and Quebec City
Price
$1,499 per participant, or $1,274 for public bodies and non-profits (plus taxes)
Language
English

Doussou Formation and Advanced Training: key facts

Upcoming Advanced Training sessions

Online

  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select
  • Select

Montreal

Hôtel Zéro 1 · 1, boulevard René-Lévesque Est

  • Select
  • Select

Quebec City

  • Select
  • Select

Advanced Training course outline

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

Your Advanced Training trainers

The course is given by one of the trainers below, depending on the session. They all follow the same outline, with the same exercises and course materials.

Portrait of M. Dumoulin

M. Dumoulin

Fort de 20 ans d'expérience en développement web autant dans de grandes comme petites entreprises, je vous transmet mon bagage complet dans un cours bien structuré. Je vous offre écoute et compréhension mais aussi des conseils avisé basé sur mon…

View full profile
Portrait of Mamadou DEMBELE

Certitié PL-300, AWS Architect, Scrum

Mamadou DEMBELE

Mamadou Dembele est le fondateur, président et l’un des principaux formateurs de Doussou Formation. Titulaire d’un Master en ingénierie d’affaires de l’Université de Strasbourg et d’un Master 2 en systèmes d’information et communication informatique de l’Université de Haute-Alsace, il offre…

View full profile

Prices and practical information

Preferred rate

$1,274 / participant

Public bodies and non-profits · plus taxes

Standard price

$1,499 / participant

Businesses and individuals · plus taxes

Practical information

  • Length: 3 days
  • Schedule: 9:00 a.m. to 4:30 p.m.
  • Format: Live virtual class or in person in Montreal and Quebec City
  • Payment: online (PayPal or card) when registering, or by invoice for organizations
View dates and register Quote for my employer

Corporate Advanced Training training

Train your whole team as a private group, on your own documents, at your premises or in a virtual class, on the dates that suit you.

Request an offer

Participant reviews

97% satisfaction (end-of-course evaluations, 120 evaluations) · Read all testimonials

Why take this Advanced Training course

Objectives: what you will be able to do

  • Master HTML5 / CSS3
  • Implement adaptive website design techniques

Prerequisites

Good knowledge of (X) HTML and CSS

What is included

  • Course materials and exercise files for each participant
  • Certificate of attendance
  • Optional personalized coaching after the course
  • In public in-person sessions:
    • Tea and coffee
    • Lunch at a nearby restaurant
    • Parking (in some cities)
    • Wi-Fi access

Interested in the Advanced Training course?

Quote for my employer Register now