Formation HTML5 / CSS3+ cours JavaScript
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.
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
→ Cours HTML/CSS, HTML5 – CSS3 | Formation continue
Commentaires des clients
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)
NOS FORMATEURS
Montréal :
12/06/2023 au 15/06/202327/06/2023 au 30/06/2023
11/09/2023 au 14/09/2023
Québec :
12/06/2023 au 15/06/202303/07/2023 au 06/07/2023
25/09/2023 au 28/09/2023
Gatineau / Ottawa :
19/06/2023 au 22/06/202319/06/2023 au 22/06/2023
03/07/2023 au 06/07/2023
Moncton :
19/06/2023 au 22/06/2023Classe virtuelle (en ligne) :
12/06/2023 au 15/06/202327/06/2023 au 30/06/2023
11/09/2023 au 14/09/2023
1359 $
par participant.e
1119 $
Promotion du printemps :,
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.
Lieux: Montréal, Gatineau / Ottawa , ville de Québec.
Prix régulier: 1599 $
*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.
Mark Plouffe, Gouvernement du Canada/ Government of Canada
“ 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. “
Maryse Duguay - Analyste fonctionnelle Base de donnée - Montréal
“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. “
Martin Côté - Analyste Assurance Qualité - Travailleur autonome – Montréal
“ 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!“
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!