Illustration : formation HTML5 / CSS3+ cours JavaScript

Formation HTML5 / CSS3+ cours JavaScript

HTML/CSS/JS

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.

4 jours 9 h à 16 h 30 En ligne, Montréal, Québec

Mis à jour le

La formation HTML5 / CSS3+ cours JavaScript en bref

Durée
4 jours
Horaire
9 h à 16 h 30
Format
Classe virtuelle en direct ou présentiel à Montréal et à Québec
Prix
1 563 $ par participant, ou 1 328 $ pour organismes publics et OBNL (taxes en sus)
Langue
Français

Doussou Formation et HTML5 / CSS3+ cours JavaScript en quelques faits

Prochaines sessions de la formation HTML5 / CSS3+ cours JavaScript

En ligne

Montréal

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

Québec

Programme de la formation HTML5 / CSS3+ cours JavaScript

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

Vos formateurs HTML5 / CSS3+ cours JavaScript

La formation est donnée par l’un des formateurs ci-dessous, selon les sessions. Tous suivent le même programme, avec les mêmes exercices et le même support de cours.

Portrait de 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…

Voir le profil complet
Portrait de 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…

Voir le profil complet

Tarifs et informations pratiques

Tarif préférentiel

1 328 $ / participant

Organismes publics et OBNL · taxes en sus

Prix public

1 563 $ / participant

Entreprises et particuliers · taxes en sus

Informations pratiques

  • Durée : 4 jours
  • Horaire : 9 h à 16 h 30
  • Format : Classe virtuelle en direct ou présentiel à Montréal et à Québec
  • Paiement : en ligne (PayPal ou carte) à l’inscription, ou sur facture pour les organisations
  • Financement : Doussou Formation est un organisme formateur agréé par la CPMT. Pour les employeurs assujettis à la Loi sur les compétences (masse salariale de plus de 2 M$), cette formation peut être comptabilisée dans leur obligation d’investir 1 % en formation.

Formation HTML5 / CSS3+ cours JavaScript en entreprise

Formez toute votre équipe en groupe privé, sur vos propres documents, dans vos locaux ou en classe virtuelle, aux dates qui vous conviennent.

Demander une offre

Avis des participants

« 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

97 % de satisfaction (évaluations de fin de formation, 120 évaluations) · Lire tous les témoignages

Pourquoi suivre cette formation HTML5 / CSS3+ cours JavaScript

Objectifs : ce que vous saurez faire

  • 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)

Prérequis

Bonne connaissance de l’outil informatique.

Ce qui est inclus

  • Support de cours et fichiers d’exercices pour chaque participant
  • Attestation de participation
  • Possibilité de coaching personnalisé après la formation
  • En session publique en présentiel :
    • Thé et café
    • Dîner dans un restaurant à proximité
    • Stationnement (dans certaines villes)
    • Connexion Internet sans fil

Intéressé par la formation HTML5 / CSS3+ cours JavaScript ?