Linkedin Pixel Code Formation HTML5 / CSS3+ , cours en ligne ou présentiel
cours-CSS-JAVASCRIPT-2024

Formation HTML5 / CSS3+ cours JavaScript

Cours en ligne, classe virtuelle (à distance), Montréal, Gatineau, Québec, Certifiante

Cette formation HTML, CSS et JavaScript s'adresse à des débutants en développement web, qui n'ont jamais programmé avec HTML5, CSS3 et JavaScript.

La formation commence par des notions de base comme la création d'une première page web simple, en partant vraiment de zéro et en allant jusqu'à un niveau suffisant pour que les participants soient autonomes.

Le cours aborde tout d'abord le langage HTML5 pour montrer comment structurer une page web, de disposer les éléments de la page web.
Le second langage présenté est le CSS3, qui permet quant à lui d'ajouter des styles et permettant d'adapter l'affichage aussi bien sur un téléphone que sur un ordinateur.

Le dernier langage abordé dans ce cours est le langage JavaScript qui va permettre d'ajouter de l'interactivité sur les pages, de faire des comparaisons, de répéter des actions, de valider des formulaires.

Détails du cours

Introduction à la formation HTML5 / CSS3 + cours JavaScript

Modèle Client/Server: Les protocoles associés

Sites (statiques,  dynamiques)

Environnement de développement

Atelier pratique:Mise en évidence et installation des outils de développement

Apprendre HTML

Principes de fonctionnement

Structure d’un document XHTML

Doctype

Type des balises

Format des balises

Atelier pratique: Création d’un premier site web

Mettre du contenu texte, Insérer des liens hypertextes

Les entités HTML

Balise de type bloc

Balise de type en ligne

Retour chariot

Les liens

Les ancres

les liens mailto

Liens relatifs

Liens absolus

Utiliser les images et les médias

Formats d’images pour le web

La balise img

Redimensionnement

Les sons, vidéos

Utiliser des listes

Les listes à puces

Les listes numérotées

Les liste de définitions

Atelier pratique:Créer un menu de navigation

Structurer un page avec des tableaux

Spécifier un tableau : taille, bordure, centrage, couleur de fond, …

Créer un tableau html

En têtes de tableau

fusion des cellules d’un tableau

Atelier pratique:Structurer notre site web avec les tableaux

Créer des formulaires

Principes de l’interaction avec l’utilisateur

Les champs de saisie, les boutons de sélection

Cases à cocher

Les listes de sélection

Bouton d’envoi

Atelier pratique: création d’un formulaire de contact

Apprendre les feuilles de style CSS

Fonctionnement et avantages

Insérer et Définir un style

Principes des règles CSS

Associer un style à une balise HTML

Types de sélecteurs : balise, classe, ID, composé

Les couleurs et arrière plans

Organisation en boîtes : bordures et marges

Atelier pratique:mettre en forme notre site web

Mise en forme du texte

Famille de police

Aspect des lettres

Ajustement du texte

Atelier pratique: mettre en forme du texte

Structurer le contenu d’un document

Diviser un document

Les identifiants de division

Identifiant avec CSS

La balise span

Atelier pratique:Structurer notre site web avec les div

Mise en page CSS, positionnement css

Marges intérieures et extérieures

Largeur et hauteur des blocs

Les blocs flottent

Différentes méthodes de positionnement css

Habillage CSS

Gérer l’arrière-plan

Utiliser les images de fond

Mise en pratique

Affichage des blocs et de leur contenu

Voir d’autres sélecteurs avancées

Sélecteurs d’attributs

Imbriquer les sélecteurs

E-marketing

Présentation des enjeux du référencement

Connaître les actions de base.

Choix des mots-clés

Soumission dans les moteurs et annuaires

E-mailing, newsletter et affiliation;

Atelier pratique: référencer les pages de notre site web

Apprendre le langage JavaScript

Déclaration et portée des variables.

Types de données (Number, Boolean, Date, Math, String, Array).

Gestion des chaînes de caractères

Manipulation des dates

Manipulation des tableaux

Opérateurs logiques et arithmétiques.

Boucles (for, while…).

Boîtes de dialogue prédéfinies

Fonctions de base prédéfinies en JavaScript

Atelier pratique: Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques.

Déboguer et tester JavaScript

Outils de débogage des navigateurs

Déboguer dans l’éditeur de texte

Gérer les Evénements

Les principaux événements JavaScript

ajouter un gestionnaire d’événement

associer un traitement à un événement

Atelier pratique:Changer dynamiquement les propriétés d’une image

Gestion de formulaires HTML

Manipulation de contenu de formulaire

Créer des contrôles de saisie en JavaScript

Fonctions de validation de formulaire.

Evénements liés aux éléments de formulaire : changement, initialisation, clic…

Atelier pratique: Contrôle des champs de formulaire avant soumission

Manipulation de la page (DOM2)

Arbre DOM

Méthodes de sélection d’éléments

Les Propriétés d’état

Les propriétés de relation

Modification du contenu HTML

Modification du style des éléments HTML

Atelier pratique:Mise en oeuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques.

Introduction à AJAX / L’API Fetch

Principe de fonctionnement
Programmation asynchrone
L’objet XMLHttpRequest
Créer une requête fetch()
Gérer les erreurs
Syntaxe async et await

Atelier pratique: Lire le contenu d’un fichier texte

Autre(s) cours dans cette catégorie

→ Formation Transitions, Animations, Canvas, SVG, WebStorage

→ Formation HTML5 / CSS3+ cours JavaScript

→ Formation HTML/CSS, HTML5 – CSS3


Commentaires des clients

commentaires clients Formation HTML5 / CSS3+ cours JavaScript

Les formateurs étaient extrêmement patients et gentils. Ils maîtrisent très bien le sujet et j’ai appris énormément de matières en 4 jours. Je recommande vraiment cette formation! Être en petit groupe aide beaucoup. Ma seule remarque: la formation pourrait durer 5 jours, on pourrait avoir le temps de faire une nouvelle page web complète avec tous les languages appris (html/css/ javascript) afin de bien faire le lien entres-elles. Mais c’est une super formation! Merci infiniment!

[ sabrina ]

Avantages :

  • Un support de cours pour chaque participant
  • Soutien du formateur après la formation
  • Nous vous offrons en session publique:
    • Thé, café
    • Stationnement( seulement dans certaines villes)
    • La connexion internet sans-fil

Préalables :

Bonne connaissance de l’outil informatique.

Objectifs :

  • Connaître les principales balises HTML
  • Concevoir des pages internet comprenant du texte, des images et des formulaires en respectant les standards W3C
  • Appliquer des mises en forme à l'aide des styles CSS
  • Rendre les pages web plus interactives et conviviales en utilisant le langage JavaScript et le DOM (Document Object Model)

Montréal :

12/12/2024 au 15/12/2024
19/12/2024 au 22/12/2024
09/01/2025 au 12/01/2025
15/01/2025 au 18/01/2025
23/01/2025 au 26/01/2025

Québec :

19/12/2024 au 22/12/2024
15/01/2025 au 18/01/2025
09/01/2025 au 12/01/2025

Gatineau / Ottawa :

12/12/2024 au 15/12/2024
09/01/2025 au 12/01/2025
19/12/2024 au 22/12/2024

Moncton :

09/01/2025 au 12/01/2025

Classe virtuelle (en ligne) :

12/12/2024 au 15/12/2024
19/12/2024 au 22/12/2024
09/01/2025 au 12/01/2025
15/01/2025 au 18/01/2025
23/01/2025 au 26/01/2025
Préférentiel*

1328 $

par participant.e

1094 $

Promotion d'été :,
s'applique aux formations à distance,
le paiement doit se faire directement sur notre site
-> M'INSCRIRE MAINTENANT

Durée :4 jour(s)
Horaires : 9h-16h30, 2 pauses café, 1 heure pour dîner.

Voir le plan de cours en PDF

Lieux: Montréal, Gatineau / Ottawa , ville de Québec.

Voir les avis clients

Prix régulier: 1563 $

*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.

 Tarif Formation HTML5 / CSS3+ cours JavaScript

Interessé par cette formation ?

Soumission gratuite et sans engagement

image du Captcha

Inscription avec paiement par carte de crédit

image Captcha
Image pour illustrer Formation en ligne

Formation en ligne

Vidéos de formations sur les logiciels en bureautique

“ I want to thank you both for providing my resources some excellent training(Cobol) 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 customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “

“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “

“ 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!“