image

durée formation certifiante html css javascript

5 jours / 35 heures

Formation HTML 5, CSS 3 et JavaScript.

Disponible en Inter et Intra entreprise.

formation certifiante CNCP CPF html css javascript

Formation certifiante recensée à l'inventaire CNCP et éligible CPF

Module HTML 5, CSS 3 et JavaScript faisant parti de la

certification Développement Web.

date prochaine session formation informatique et numérique

Prochaine dates et sessions

Pour connaitre les dates de la prochaine session dans la ville la plus proche,

CLIQUEZ ICI.

HTML 5, CSS 3 et JavaScript

HTML, CSS et JavaScript sont des technologies web permettant le développement d’applications web en tenant compte des évolutions des standard. Ces compétences ouvrent la voie au développement web pour mobile.

Les objectifs

A l’issue de la formation HTML 5, CSS 3 et JavaScript, les apprenants auront les capacités de :

  1. Coder des sites Web à l'aide de nouvelles balises et fonctionnalités HTML5
  2. Créer des formulaires web HTML5
  3. Ajouter du contenu multimédia convivial et sans utiliser des plugins
  4. Utilisez l'élément Canvas pour générer dynamiquement des formes complètes avec remplissages, couleurs, traits, dégradés, et plus
  5. Combiner les puissantes fonctionnalités de style et d'animation de CSS3 pour améliorer la présentation de vos pages web
  6. Utiliser JavaScript pour ajouter de l'interactivité à vos pages web
  7. Ajouter HTML5 Géolocalisation pour intégrer des fonctionnalités de cartographie géolocalisées sur votre site
  8. Améliorer l'interactivité de votre site avec les fonctions glisser /déposer de HTML5

Le public

La formation HTML 5, CSS 3 et JavaScript s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle et souhaitant acquérir des compétences en développement Web :

  1. Toute personne ayant des connaissances basiques en WEB et souhaitant maîtriser le développement d’application WEB avec du PHP orienté Objet et Symfony
  2. Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB souhaitant avoir une double compétence et souhaitant exploiter une base de données MySQL pour rendre une application WEB plus dynamique
  3. Journaliste, réalisateur, communicant, responsable de projet, toute personne souhaitant gérer un projet web éditorial
  4. Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif : HTML, CSS, JavaScript
  5. Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB

Les prérequis

Les prérequis nécessaires pour la formation HTML 5 , CSS 3 et JavaScript sont :

  1. Maîtriser l’informatique et l’internet en tant qu’utilisateur.
Les utilitaires

Pour le bon déroulement de la formation HTML 5, CSS 3 et javaScript voici une liste non exhaustive des outils indispensables :

  1. Ordinateur avec un navigateur Web et une connexion Internet stable. Toute version récente d'Internet Explorer, Mozilla Firefox ou Google Chrome
Programme détaillé

Comprendre les fondamentaux du développement web.

Introduction

Définir HTML 5

  1. Balisage HTML5
  2. Une visite des principaux éléments HTML5
  3. Les éléments <Video>, <audio> et <Canvas>
  4. Les formulaires web
  5. Beaucoup plus de nouveaux éléments avec HTML5
  6. Une vue d'ensemble des API HTML5 et les technologies de soutien
  7. Géolocalisation en action
  8. Web workers
  9. Le Web Storage
  10. Les animations CSS
  11. Les transitions CSS
  12. Les transformations CSS 2D et 3D
  13. CSS3, les arrières plans, les frontières, les couleurs RGBA, les dégradés, les ombres portées, et des coins arrondis
  14. @ polices Web font-face
  15. HTML5 est dans un état de transition
  16. Qui est en utilisant HTML5 aujourd’hui ?
  17. Identifier les sites HTML5 

Principes de base de HTML, XHTML et CSS

  1. Langages du Web
  2. Page structure basée sur HTML
  3. Les détails de la syntaxe XHTML
  4. Doctype permet au navigateur web savoir à quoi vous attendre
  5. Le W3C et la page de validation
  6. La structure HTML
  7. Mise en place des images en HTML
  8. Le rôle du CSS
  9. Du style d'une rubrique
  10. Comprendre les styles de classe et l'élément <span>
  11. Trois façons d'utiliser le style
  12. Feuilles interne vs. Feuilles externe
  13. Création d'une feuille de style externe
  14. Ce qui rend les styles en cascade

Mise en forme de textes avec CSS

  1. L'importance de la typographie sur le Web
  2. Les défis de la police sur le Web
  3. Définition d'une famille de polices
  4. Dimensionner le texte avec CSS
  5. Les pixels et les points ne sont pas les meilleurs choix
  6. Utiliser une combinaison de pour cent et la mesure em
  7. L'utilisation des marges pour modifier l'espace entre votre texte
  8. Paragraphe pour réglage de la hauteur de ligne
  9. Transformation de texte avec CSS
  10. Utilisation des listes HTML
  11. Listes HTML avec Styles

Comprendre la mise en page avec CSS.

Introduction à la mise en page CSS

  1. Travailler avec un fichier de réinitialisation CSS
  2. Une brève histoire des techniques de mise en page sur le web
  3. Un aperçu de la page des options de mise en page
  4. La compréhension de l'élément <div>: la création d'une disposition de deux colonnes à largeur fixe
  5. Comprendre la propriété CSS float
  6. Création de colonnes avec la propriété float
  7. Travailler avec la propriété claire
  8. Création d'une navigation basée sur une liste en utilisant des flotteurs
  9. Ajout de styles de texte
  10. L'effet des marges et le remplissage de votre mise en page à largeur fixe
  11. Un examen de l'utilisation de marges et le remplissage des mises en page
  12. Styling de votre pied de page avec une image d'arrière-plan 

Atelier et cas pratique.

Savoir intéragir avec l'utilisateur.

Création de formulaires HTML 5

  1. Les formulaires mis à jour
  2. Le fonctionnement des formulaires
  3. Les composants d'un formulaire
  4. L'ajout de nouveaux types d'entrée HTML5 et les attributs
  5. Création d'un formulaire de commande
  6. Fournir une solution de repli pour les navigateurs qui ne prennent pas en charge HTML5 

Principes de base de HTML, XHTML et CSS

  1. Langages du Web
  2. Page structure basée sur HTML
  3. Les détails de la syntaxe XHTML
  4. Doctype permet au navigateur web savoir à quoi vous attendre
  5. Le W3C et la page de validation
  6. La structure HTML
  7. Mise en place des images en HTML
  8. Le rôle du CSS
  9. Du style d'une rubrique
  10. Comprendre les styles de classe et l'élément <span>
  11. Trois façons d'utiliser le style
  12. Feuilles interne vs. Feuilles externe
  13. Création d'une feuille de style externe
  14. Ce qui rend les styles en cascade

Introduction à JavaScript et jQuery

  1. Interactivité sur le web
  2. Adobe Flash
  3. JavaScript
  4. Bases JavaScript
  5. Placer votre JavaScript dans un document externe
  6. Le modèle objet de document
  7. Framework JavaScript
  8. Cacher un élément avec JQuery
  9. Ajout d'un événement pour déclencher l'événement show

Utilisation des éléments audio et vidéo

  1. Ajout d'une vidéo
  2. Ajout du support pour d'autres navigateurs
  3. Contrôle d'une vidéo avec JavaScript
  4. Ajout d'audio

Atelier et cas pratique.

 

Maitriser le CSS avancé.

Travailler avec les dessins

  1. Comprendre l'élément canvas
  2. Les avantages de l'élément canvas
  3. Dessin de rectangles
  4. Tracer des lignes et des cercles
  5. Dessin avec des courbes
  6. Ajout d'un texte
  7. L'utilisation de couleurs, des styles et des dégradés
  8. Ajout d'images
  9. L'utilisation des transformations
  10. Création d'une boucle de dessin 

CSS 3

  1. Comprendre le rôle de CSS3
  2. Ajout de plusieurs images d'arrière-plan
  3. Travailler avec la transparence et l'opacité CSS3
  4. En utilisant des gradients CSS3
  5. CSS3 gradients de potentiel pour l'avenir
  6. transformation CSS3, des transitions et des animations
  7. Utilisation des polices web
  8. En utilisant @ font-face pour spécifier une police web
  9. L'utilisation d'un service Web pour générer plusieurs polices

CSS 3 médias Queries et avenir de CSS 3

  1. Le rôle des médias queries CSS3
  2. Utilisation de médias queries CSS3 pour fournir une mise en page mobile optimisé
  3. Développements à venir dans CSS3
  4. La mise en page multi-colonnes CSS3
  5. Le module de mise en boîte souple CSS3
  6. Le module de mise en page du modèle CSS3
  7. Ajout position sur la base du modèle CSS 

Stockage hors connexion dans HTML 5

  1. Types de stockage HTML5
  2. Méthodes localStorage
  3. Exemple localStorage
  4. Mettre tout ensemble
  5. Stockage de données avancées
  6. La mise en cache des applications
  7. Le cache, le fichier manifeste
  8. Mise à jour du cache
  9. L'objet applicationCache
  10. Amener tout ensemble 

HTML 5 Géolocalisation

  1. Comprendre Géolocalisation
  2. Obtenir l'emplacement de l'utilisateur
  3. Affichage de l'emplacement de l'utilisateur avec Google Maps
  4. Navigateurs manquant HTML5 Géolocalisation
  5. Création d'un HTML5 Géolocalisation et mashup Google Maps
  6. Ajout de marqueurs de carte Google à votre page Géolocalisation

HTML 5 Drag & Drop

  1. Glissez et déposez sur le Web
  2. Glisser-déposer Cross-navigateur
  3. Transfert de données avec une opération de glisser-déposer 

Atelier et cas pratique.

Besoin de devis/ Renseignements

Veuillez remplir le formulaire de contact

Merci de remplir le formulaire de contact. Un de nos conseillers traitera votre demande rapidement.

Please type your full name.
Invalid email address.
Veuillez saisir votre numéro de téléphone.
Please tell us how big is your company.
Entrer le nom de votre société si vous êtes salarié.
Please tell us how big is your company.
Entrée non valide
Robot Actualisation Entrée non valide