Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Les Web Components par la pratique
Les standards permettant de créer des Web Components
Les quatre standards (5:39)
Configurer l'environnement de développement (5:13)
Custom Components (8:09)
Custom Components (suite) : Callbacks et custom methods (3:13)
HTML Template (8:25)
HTML Template (suite) (8:22)
Shadow DOM (5:38)
HTML Import (2:23)
Hériter d'un autre Web Component (4:06)
Créer un Web Component proposant une API
Récupérer les attributs d'un Web Component et surveiller leur modification (7:12)
Création de la la vue de notre Web Component (5:17)
Implémenter la fonctionnalité de compte à rebours (6:05)
Afficher la valeur du compteur dans la vue (5:16)
Mettre sur pause et arrêter le compteur (5:53)
Récupérer les valeurs des attributs à l'aide de getAttribute() (10:55)
Refactorisation et mise en lumière d'un problème lié à l'absence d'encapsulation (4:28)
Ajout du Shadow DOM (4:51)
Résumé (4:59)
Créer un component proposant une API et interfaçant une librairie
Présentation du nouveau Web Component cc-map (3:49)
Importer les APIs de Google Maps (4:29)
Créer le Web Component cc-map (4:35)
Ajouter une carte dans le component (11:39)
Réagir aux changements de l'attribut "zoom" de notre Web Component (10:07)
Afficher le titre passé au Web Component (4:50)
Utiliser un getter et un setter pour enrichir l'API de notre Web Component (7:33)
Utiliser un getter et un setter affectés au niveau de zoom (1:57)
Permettre l'ajout de markers depuis l'API de notre Web Component (9:04)
Obtenir le google marker le plus récemment ajouté (5:16)
Passer un unique argument de type object plutôt que plusieurs arguments (5:00)
Afficher une InfoWindow (4:20)
Obtenir une latitude et une longitude via le déplacement d'un marker (8:06)
Personnaliser l'icone d'un marker (5:25)
Rendre la carte elle-même cliquable (6:04)
Ajouter un marker lors d'un clic sur la carte (2:20)
Récupérer Google Maps depuis le CDN (7:05)
dernières mises à jour vendredi 30 mars 2018
Refactorisation et mise en lumière d'un problème lié à l'absence d'encapsulation
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller