DEVELOPPEMENT

HTML5, CSS3 et JavaScript

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

Nous consulter ou
nous appeler au 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).

Interlocuteur

  • Lesly Lodin
  •  06 72 84 66 28
  •  info@baobab-ingenierie.fr
  •  75 rue de Lourmel 75015 Paris

Certifications

© 2010-2024 Baobab Ingénierie - Tous droits réservés

Mentions légales - Conditions générales de vente - Charte de confidentialité - Notre politique de cookies