L'API du DOM démystifiée et démythifiée : Les Fondamentaux
Développer une compréhension profonde du fonctionnement de l'API du DOM
Development,Web Development,Javascript
Lectures -87
Resources -18
Duration -7 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Ce cours est destiné à toute personne qui souhaite bien comprendre l'API du DOM.
Dans cette première partie de la séries des cours consacrées à Javascript dans le navigateur , nous allons aborder non seulement aborder de manière très pratique les notions fondamentales de l'API du DOM, mais aussi expliquer les notions théoriques associées. Car, écrire du code c'est une chose, mais expliquer le pourquoi du comment en est une autre.
Il existe plusieurs cours qui vous montre comment faire parfois pourquoi, mais sans entrer en détails sur les conséquence du code qui est écrit et comment le navigateur le comprends, et ce qu'il en fait.Aussi dans un entretien pour un poste, le savoir faire n'est parfois pas suffisant il faut être en mesure d'expliquer à d'autres personnes les raisons des choix que vous effectuez.
C'est pourquoi dans ce cours, je vais passer beaucoup de temps à expliquer les notions, et vous montrer ce qu'il faut faire et ce qu'il ne faut pas faire tout en donnant mes recommandations.
Le but poursuivi dans ce cours n'est pas les design pattern en Javascript afin le rendre accessible même au publique débutant, même si dans certaines vidéos je pourrai aller jusqu'à donner des recommandations touchant à l'architecture et l'organisation du code.
Pour parlerons en détails des notions suivantes:
Traverser le DOM
Création et ajout dynamiquement des élément dans le DOM
Les recommandations pratique sur ce qu'il faut et ne pas faire
Les écouteurs d'événements
Les modes de propagation des événements
Goals
Comprendre profondément l'API du DOM
Ecrire du code propre et souple à maintenir pour manipuler le DOM
Acquérir une bonne connaissance théorique de l'API du DOM
Utiliser efficacement la POO dans la création des éléments du DOM
Prerequisites
Connaître les bases du langage Javascript
Bien comprendre les objects en Javascript
Connaître le HTML et le CSS
![L'API du DOM démystifiée et démythifiée : Les Fondamentaux L'API du DOM démystifiée et démythifiée : Les Fondamentaux](https://d3mxt5v3yxgcsr.cloudfront.net/courses/18785/course_18785_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Installations
1 Lectures
-
Introduction 14:59 14:59
Rappel sur le DOM
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Quelques rappel important sur ES6
14 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Sélection des liste d’éléments du DOM
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Sélection des éléments spécifiques
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Manipuler le contenu HTML d'un élément parent
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Premier gros projet
11 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Ecouteurs d’évènements
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Manipuler d'autres types d'attributs et méthode des objets du DOM
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Projet : Affichage et suppression des Todos
9 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Propagation des events
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Choisir entre innerHTML et createElement
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Projet : Developper une Todo List
7 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Projet : Filter un tableau de donnees
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Prochaines étapes
1 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Lisangola Christian](https://www.tutorialspoint.com/assets/profiles/963575/profile/200_3083696-1709722069.jpg)
Lisangola Christian
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)