Iniziamo. È gratuito!
o registrati con il tuo indirizzo email
Javascript da Mind Map: Javascript

1. Boucles

1.1. while( )

1.2. for( )

1.3. do{ } while ( )

1.4. for (...in...) itération sur indice

1.5. for (...of...) itération sur valeur

2. Fonctions Globales

2.1. parseInt (chaine, base)

2.2. parseFloat( )

2.3. isNaN( )

3. Fonctions utilisateurs

3.1. function statement

3.1.1. function nomFunction( ) { return ...}

3.2. function operator

3.2.1. let maFonction = function ( ) { return ...}

4. Les tableaux (objet array)

4.1. let nomTab = [valeur1, valeur2, valeur3...]

4.1.1. nomTab.length : taille du tableau

4.1.2. nomTab.push ( ) : ajout élément fin

4.1.3. nomTab.unshift( ) : ajout élément début

4.1.4. nomTab.sort( ) : trier les données

4.1.5. nomTab.map() : créé un nouveau tableau modifié (callback)

5. Objet littéral

5.1. let nomObjet = { propriétés et méthodes}

5.1.1. accès aux méthodes d'un objet nomObjet.nomMethode( )

5.1.2. accès aux propriétés d'un objet nomObjet.nomPropriété

6. DOM

6.1. Selecteurs

6.1.1. par son id : document.getElementById()

6.1.1.1. [object HTMLElement]

6.1.2. par sa classe : document.getElementByClassName()

6.1.2.1. [object HTMLCollection]

6.1.3. par sa balise : document.getElementByTagName()

6.1.3.1. [object HTMLCollection]

6.1.4. document.body ou document.head

6.1.4.1. [object HTMLBodyElement]

6.1.5. par un selecteur css document.querySelector() ou document.querySelectorAll()

6.1.5.1. [object NodeList]

6.1.6. par un id directement : let id = nomId

6.1.6.1. [object HTMLDivElement]

6.2. Les évènements

6.2.1. avec un écouteur d'évènement addEventListener ('event', function(){...})

6.2.1.1. click

6.2.1.2. dblclick

6.2.1.3. mouseenter

6.2.1.4. mouseleave

6.2.1.5. mousedown

6.2.1.6. mouseup

6.2.1.7. keyup...

6.2.1.8. scroll

6.2.1.9. mouseout

6.2.1.10. keypress

6.3. Modifications

6.3.1. innerHTML = 'valeur'

6.3.2. textContent = 'valeur'

6.3.3. style.proprieteCss = 'valeur'

6.3.4. setAttribute('nomAttribut', 'valeur')

6.3.5. style.cssText = 'block d'attribut de style'

6.3.6. attributDeBalise = 'valeur'

7. Boites de dialogue

7.1. alert()

7.2. confirm()

7.3. prompt()

8. Variables

8.1. var : portée globale sauf dans fonction

8.2. let : portée limité au block

8.3. const : ne peux varier

9. Types de données

9.1. string (primitif)

9.2. number (primitif)

9.3. booleen (primitif)

9.4. undefined (primitif)

9.5. Null (primitif)

9.6. Object

10. Les opérateurs

10.1. + , - , / , * , % , **

10.2. typeof

11. Conditions

11.1. if (condition vrai) { code à exécuter } else { sinon toutes les autres possibilités}

11.1.1. Opérateur de comparaisons : == , ===, !=, !==, >, >=, <, <=

11.1.2. Conditions multiples : &&, ||

11.2. Switch(variable){ case 'valeur' : action ; break;... }

12. Objets globaux

12.1. String

12.1.1. variable.lenght : longueur chaine

12.1.2. indexOf() : position dans la chaine

12.1.3. substring( ) : découpe chaine

12.1.4. toLowerCase() : passer une chaine en minuscule

12.1.5. toUpperCase() : passer une chaine en majuscule

12.2. Math

12.2.1. Math.floor() : arrondi inférieur

12.2.2. Math.ceil() : arrondi supérieur

12.2.3. Math.abs() : valeur absolu

12.2.4. Math.round : arrondi au plus proche

12.3. Date

12.3.1. getDate() : numéro du jour dans le mois

12.3.2. getMonth() : numéro du mois dans l'année

12.3.3. getFullYear() : année

12.3.4. GetDay() : numéro du jour dans la semaine

12.3.5. getSeconds() : secondes

12.3.6. getHours () : heures

12.3.7. getMinutes() : minutes