2250€
DEVELOPPEMENT : HTML5, CSS3 et JavaScript
Ce cours peut être animé en présentiel, distanciel ou hybride. Dans le cadre du présentiel, la formation aura lieu dans une salle équipée de PC ayant les logiciels nécessaires à la formation. Les apprenants peuvent aussi suivre la formation avec leur propre PC, si celui-ci dispose de la bonne version du logiciel étudié. Dans le cadre du distanciel, la formation aura lieu dans une classe virtuelle créée et gérée par Baobab Ingénierie. Les apprenants auront dans leur convocation le lien de connexion et pourront suivre le cours à distance en visioconférence (un PC muni d'une webcam et d'un micro sera nécessaire).
Objectif
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 conviv
Code du cours
DEV-HTML2
Durée
35 heures / 5 jours
Tarif
2250€
Pré-requis
Bonne connaissance de l’outil informatique.
Public
Développeurs souhaitant développer une application web front-end.
Evaluation
En complément des aspects théoriques, les nombreux ateliers qui ponctuent les différents modules de cette formation favorisent un ancrage durable et efficace des acquis.
Plan du cours
1/ INTRODUCTION Modèle Client/Serveur : Les protocoles associés Sites (statiques, dynamiques) Environnement de développement 🎓 Atelier pratique : Mise en évidence et installation des outils de développement 2/ 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 3/ METTRE DU CONTENU TEXTE, INSERER 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 4/ UTILISER LES IMAGES ET LES MEDIAS Formats d’images pour le web La balise IMG Redimensionnement Les sons, vidéos 5/ UTILISER DES LISTES Les listes à puces Les listes numérotées Les liste de définitions 🎓 Atelier pratique : Créer un menu de navigation 6/ 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 7/ 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 8/ 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 9/ MISE EN FORME DU TEXTE Famille de police Aspect des lettres Ajustement du texte 🎓 Atelier pratique : mettre en forme du texte 10/ 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 11/ 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 12/ HABILLAGE CSS Gérer l’arrière-plan Utiliser les images de fond Mise en pratique Affichage des blocs et de leur contenu 13/ AUTRES SELECTEURS AVANCEES Sélecteurs d’attributs Imbriquer les sélecteurs 14/ 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 15/ APPRENDRE LE LANGAGE JAVASCRIPT Déclaration et portée des variables. Types de données : Number, Boolean, Date, Math, String, Array, etc. Gestion des chaînes de caractères Manipulation des dates Manipulation des tableaux Opérateurs logiques et arithmétiques. Boucles : while, for, foreach. Boîtes de dialogue prédéfinies Fonctions de base prédéfinies en JavaScript 🎓 Atelier pratique : Mise en œuvre des différentes fonctionnalités Javascript à travers de multiples exemples pratiques. 16/ DEBOGUER ET TESTER JAVASCRIPT Outils de débogage des navigateurs Déboguer dans l’éditeur de texte 17/ GERER LES EVENEMENTS 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 18/ 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 19/ 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 œuvre des différentes fonctionnalités du DOM à travers de multiples exemples pratiques. 20/ INTRODUCTION A AJAX : XMLHTTPREQUEST ET 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
Horaires
Lundi - Vendredi : 09:00 - 12:30 et 13:30 - 17:00
Samedi - Dimanche : Fermé
Lieux
Sur notre site : 75 rue de Lourmel, 75015 Paris, France
Sur un site partenaire
Sur votre site
Réservation
06 72 84 66 28
Encadrement
Cette formation sera animée par un intervenant dont les compétences pédagogiques et techniques auront été validées par Baobab Ingénierie.
Moyen et suivi
Une feuille d'émargement sera signée chaque demi-journée par les apprenants et le formateur. En outre, une attestation de fin de formation sera remise aux apprenants (présentiel) ou par courriel (distanciel).
