Category Archives: JAVASCRIPT

Connait les bases de jQuery

Si vous avez déjà programmé en JavaScript, vous savez que ce langage est puissant, mais aussi « verbeux » et souvent assez complexe à mettre en œuvre. Si vous voulez accéder à toute la puissance de JavaScript en utilisant des instructions simples, logiques, faciles à comprendre et à maintenir, jQuery est vraiment fait pour vous !

Avec ce cours, je vous propose de découvrir les multiples facettes du framework jQuery. De la sélection d’éléments à la manipulation du DOM, en passant par l’animation, les requêtes AJAX, l’utilisation et la création de plugins, la création de jeux et bien d’autres choses encore !

N’ayez crainte, votre apprentissage se fera en douceur et de très nombreux exemples de code documentés viendront consolider vos connaissances. Au fil des pages, votre approche deviendra de plus en plus naturelle et les nouveaux chapitres ne feront qu’apporter une pierre de plus à l’édifice, sans en ébranler les fondations. Si vous le souhaitez, vous pouvez améliorer vos connaissances en JavaScript en consultant ce cours.

Si vous lisez ces lignes, c’est parce que vous avez décidé d’aller plus loin dans vos développements Web. En portant votre choix sur jQuery, je peux vous certifier que vous avez fait le bon choix. Si aujourd’hui de plus en plus d’entreprises l’utilisent pour leur site Web, ce n’est pas par hasard. Tournez vite les pages et devenez, vous aussi, un inconditionnel de jQuery. Et surtout, amusez-vous bien !

Le logo de jQuery
Le logo de jQuery

JavaScript Global

JavaScript mondial

Les propriétés JavaScript globales et les fonctions peuvent être utilisées avec tous les objets JavaScript intégrés.

JavaScript Global Properties

Propriété Description
Infini Une valeur numérique qui représente positif / négatif infini
NaN “Non-a-Number” valeur
indéfini Indique qu’une variable n’a pas été affecté d’une valeur

Des fonctions JavaScript globales

Fonction Description
decodeURI () Décode une URI
decodeURIComponent () Décode un composant URI
encodeURI () Encode une URI
encodeURIComponent () Encode un composant d’URI
escape () Encode une chaîne
eval () Évalue une chaîne et l’exécute comme s’il s’agissait d’un code de script
isFinite () Détermine si une valeur est un ensemble fini, le nombre légal
isNaN () Détermine si une valeur est un nombre illégale
Nombre () Convertit la valeur d’un objet à un certain nombre
parseFloat () Analyse une chaîne et retourne un nombre à virgule flottante
parseInt () Analyse une chaîne et renvoie un entier
String () Convertit la valeur d’un objet à une chaîne
unescape () Décode une chaîne encodée



JavaScript Nombre d’objets

JavaScript Nombre d’objets

Objet Nombre

L’objet Number est un wrapper pour objet des valeurs numériques primitives.
Nombre des objets sont créés avec new Number ().

Syntaxe

var num = new Number(value);
Remarque: Si la valeur du paramètre ne peut pas être converti en un nombre, il renvoie NaN (Not-a-Number).

Propriétés de l’objet Number

Propriété Description
constructor Returns the function that created the Number object’s prototype
MAX_VALUE Returns the largest number possible in JavaScript
MIN_VALUE Returns the smallest number possible in JavaScript
NEGATIVE_INFINITY Represents negative infinity (returned on overflow)
NaN Represents a “Not-a-Number” value
POSITIVE_INFINITY Represents infinity (returned on overflow)
prototype Allows you to add properties and methods to an object

Number Object Methods

Method Description
toExponential(x) Converts a number into an exponential notation
toFixed(x) Formats a number with x numbers of digits after the decimal point
toPrecision(x) Formats a number to x length
toString() Converts a Number object to a string
valueOf() Returns the primitive value of a Number object

JavaScript Date de l’objet

JavaScript Date de l’objet


Date Objet

L’objet Date est utilisé pour travailler avec les dates et heures.
Objets Date sont créés avec new Date ().
Il ya quatre façons de l’instanciation d’une date:
var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(yearmonthdayhoursminutessecondsmilliseconds);
Pour obtenir un didacticiel sur la date et le temps, lire notre tutoriel JavaScript Object Date de .

Propriétés de l’objet Date de

Propriété Description
constructor Returns the function that created the Date object’s prototype
prototype Allows you to add properties and methods to an object

Date Object Methods

Method Description
getDate() Returns the day of the month (from 1-31)
getDay() Returns the day of the week (from 0-6)
getFullYear() Returns the year (four digits)
getHours() Returns the hour (from 0-23)
getMilliseconds() Returns the milliseconds (from 0-999)
getMinutes() Returns the minutes (from 0-59)
getMonth() Returns the month (from 0-11)
getSeconds() Returns the seconds (from 0-59)
getTime() Returns the number of milliseconds since midnight Jan 1, 1970
getTimezoneOffset() Returns the time difference between UTC time and local time, in minutes
getUTCDate() Returns the day of the month, according to universal time (from 1-31)
getUTCDay() Returns the day of the week, according to universal time (from 0-6)
getUTCFullYear() Returns the year, according to universal time (four digits)
getUTCHours() Returns the hour, according to universal time (from 0-23)
getUTCMilliseconds() Returns the milliseconds, according to universal time (from 0-999)
getUTCMinutes() Returns the minutes, according to universal time (from 0-59)
getUTCMonth() Returns the month, according to universal time (from 0-11)
getUTCSeconds() Returns the seconds, according to universal time (from 0-59)
getYear() Deprecated. Use the getFullYear() method instead
parse() Parses a date string and returns the number of milliseconds since midnight of January 1, 1970
setDate() Sets the day of the month of a date object
setFullYear() Sets the year (four digits) of a date object
setHours() Sets the hour of a date object
setMilliseconds() Sets the milliseconds of a date object
setMinutes() Set the minutes of a date object
setMonth() Sets the month of a date object
setSeconds() Sets the seconds of a date object
setTime() Sets a date and time by adding or subtracting a specified number of milliseconds to/from midnight January 1, 1970
setUTCDate() Sets the day of the month of a date object, according to universal time
setUTCFullYear() Sets the year of a date object, according to universal time (four digits)
setUTCHours() Sets the hour of a date object, according to universal time
setUTCMilliseconds() Sets the milliseconds of a date object, according to universal time
setUTCMinutes() Set the minutes of a date object, according to universal time
setUTCMonth() Sets the month of a date object, according to universal time
setUTCSeconds() Set the seconds of a date object, according to universal time
setYear() Deprecated. Use the setFullYear() method instead
toDateString() Converts the date portion of a Date object into a readable string
toGMTString() Deprecated. Use the toUTCString() method instead
toISOString() Returns the date as a string, using the ISO standard
toJSON() Returns the date as a string, formated as a JSON date
toLocaleDateString() Returns the date portion of a Date object as a string, using locale conventions
toLocaleTimeString() Returns the time portion of a Date object as a string, using locale conventions
toLocaleString() Converts a Date object to a string, using locale conventions
toString() Converts a Date object to a string
toTimeString() Converts the time portion of a Date object to a string
toUTCString() Converts a Date object to a string, according to universal time
UTC() Returns the number of milliseconds in a date string since midnight of January 1, 1970, according to universal time
valueOf() Returns the primitive value of a Date object

JavaScript et DOM HTML de référence

JavaScript et DOM HTML de référence

JavaScript
Cette section contient une référence complète de
  • Tous les objets intégrés JavaScript
  • Tous les objets du navigateur
  • Tous les objets DOM HTML

Objets de référence JavaScript

Les références décrivent les propriétés et méthodes de chaque objet, ainsi que des exemples.

Navigateur Objets de référence

Les références décrivent les propriétés et méthodes de chaque objet, ainsi que des exemples.

Objets de base Référence du DOM

Les références décrivent les propriétés et méthodes de chaque objet, ainsi que des exemples.

Les objets HTML DOM Référence

Les références décrivent les propriétés et méthodes de chaque objet, ainsi que des exemples.


W3Schools JavaScript certificat

W3Schools JavaScript certificat

Certifié W3Schools   
W3Schools offre un programme de certification en ligne.
La solution idéale pour les professionnels occupés qui ont besoin d’équilibrer le travail, la famille et le développement de carrière.
Plus de 10 000 certificats déjà délivrés!



Documentez vos compétences

Savoir, c’est pouvoir, en particulier dans le marché du travail actuel.Documentation de vos compétences vous permet de progresser dans votre carrière, ou vous aider à commencer une nouvelle.

Obtenir un certificat

Obtention d’un certificat attestant de votre engagement à améliorer vos compétences, vous donne la crédibilité nécessaire pour plus de responsabilités, projets plus importants, et un salaire plus élevé.

Obtenez votre certificat »

W3Schools certificat



Comment ça marche?

  • Etude gratuitement à W3Schools.com
  • Étudier à votre propre rythme
  • Testez vos compétences avec W3Schools questionnaires en ligne
  • Faites votre demande de certificat en payant un examen
  • Prenez votre examen en ligne, à tout moment, et depuis n’importe quel endroit

JavaScript Quiz test

JavaScript Quiz test

Vous pouvez tester vos compétences JavaScript avec des quiz W3Schools.

Le test

Le test comporte 20 questions et il n’y a aucune limite de temps.
Le test n’est pas officielle, c’est juste une façon agréable de voir à quel point vous le savez, ou ne savent pas, à propos de JavaScript.

Comptez vos Score

Vous obtiendrez 1 point pour chaque réponse correcte. A la fin du Quiz, votre score total sera affiché. Le score maximum est de 20 points.

JavaScript DOM HTML Exemples

JavaScript DOM HTML Exemples

Exemples d’utilisation de JavaScript pour accéder et manipuler les objets DOM HTML.

Document Object

Écrire un texte à la sortie avec document.write () 
Écrire un texte formaté à la sortie avec document.write () 
Retourne le nombre de points d’ancrage dans un document 
de retour l’innerHTML de la première ancre dans un document 
Retourne le nombre de formes dans un document 
de retour le nom de la première forme dans un document 
Retourne le nombre d’images dans un document 
retourne l’id de la première image dans un document 
Retourne le nombre de liens dans un document 
de retour l’id du premier lien dans un document 
de retour tous les nom / valeur paires de cookies dans un document 
de retour le nom de domaine du serveur qui a chargé le document 
Retour de la date et l’heure de la dernière modification du document 
Retour de l’URL du document qui a chargé le document en cours 
Retour le titre d’un document 
de retour l’URL complète d’une documenter 
Ouvrir un flux de sortie, et ajouter un peu de texte 
Ouvrir un flux de sortie dans une nouvelle fenêtre, et ajouter un peu de texte 
Différence entre write () et writeln () 
innerHTML d’un élément d’alerte avec un ID spécifique 
Alerter le nombre d’éléments avec un nom spécifique 
Alerter le nombre d’éléments avec un nom de variable spécifique
Plus d’exemples objet de document dans notre référence JavaScript .

Objet d’ancrage

D’autres exemples d’objets d’ancrage dans notre référence JavaScript .

Objet Zone

D’autres exemples d’objets de la région dans notre référence JavaScript .

L’objet de base

D’autres exemples d’objets de base de notre référence JavaScript .

Objet Bouton

D’autres exemples d’objets Button dans nos référence JavaScript .

Objet Form

D’autres exemples d’objets de formulaire dans notre référence JavaScript .

Cadre / IFrame Objets

Plus d’exemples objet Frame / IFrame dans notre référence JavaScript .

Objet Image

D’autres exemples d’objets image dans notre référence JavaScript .

Objet de l’événement

onblur – Exécuter un script JavaScript quand un utilisateur quitte un champ de saisie 
onchange – Exécuter un script JavaScript quand un utilisateur modifie le contenu d’un champ de saisie 
onclick – Exécuter un script JavaScript quand un bouton est cliqué 
ondblclick – Exécuter un script JavaScript quand un bouton est double-cliqué 
onerror – Exécuter un script JavaScript si une erreur survient lors du chargement d’une image 
onfocus – Exécuter un script JavaScript quand un champ de saisie a le focus 
onkeydown – Exécuter un script JavaScript quand un utilisateur appuie sur / maintenant enfoncée une touche 
onkeypress – Exécuter un script JavaScript quand un utilisateur appuie sur / de maintien une touche 
onkeyup – Exécuter un script JavaScript lorsque l’utilisateur relâche une touche 
onload – Exécuter un script JavaScript immédiatement après une page a été chargé 
onload – Exécuter un script JavaScript immédiatement après une image a été chargée 
onmousedown + onmouseup – Exécuter des scripts lorsque vous appuyez sur / relâcher une souris bouton 
onmousedown – Alerte bouton de la souris qui l’utilisateur a appuyé 
onmousedown – Alerter le nom de l’élément d’un utilisateur a cliqué sur 
onmousemove + onmouseout – Exécuter des scripts lorsque vous déplacez le pointeur de la souris sur / arrière sur une image 
onmouseover onmouseout + – Exécuter des scripts lors du déplacement de la souris sur entrée / sortie d’une image 
onresize – Exécuter un script JavaScript lorsque la fenêtre du navigateur est redimensionnée 
onselect – Exécuter un script JavaScript après un certain texte a été sélectionné 
onunload – Exécuter un script JavaScript avant que le navigateur se ferme le document 
Quel est le keycode de la touche pressée? 
Quels sont les coordonnées du curseur? 
Quelles sont les coordonnées du curseur, par rapport à l’écran? 
a été la touche Maj enfoncée? 
Quel type d’événement a eu lieu?

Option et sélectionnez les objets

Tableau, tableheader, TableRow, Objets TableData


JavaScript du navigateur Objets Exemples

JavaScript du navigateur Objets Exemples

Exemples d’utilisation de JavaScript pour accéder et manipuler les objets du navigateur.

Objet fenêtre

Afficher une boîte d’alerte 
Afficher une boîte d’alerte avec coupures de lignes 
Afficher une boîte de confirmation, et d’alerter ce que le visiteur a cliqué 
Afficher une boîte d’invite 
Créer une fenêtre pop-up Ouvrir dans une nouvelle fenêtre en cliquant sur ​​un bouton 
Ouvrir dans une nouvelle fenêtre et de contrôler son apparence 
ouvrir plusieurs fenêtres de nouvelles 
Assurez-vous que la nouvelle fenêtre n’obtient pas le focus (l’envoyer à l’arrière-plan) 
Assurez-vous que la nouvelle fenêtre obtient le focus 
fermer la nouvelle fenêtre 
Vérifie si la nouvelle fenêtre a été fermée ou non 
Retourne le nom de la nouvelle fenêtre 
Écrire une certaine texte à la source (parent) fenêtre 
Déplacer la nouvelle fenêtre par rapport à sa position actuelle 
Déplacez la nouvelle fenêtre à la position spécifiée 
Imprimer la page en cours 
Redimensionner une fenêtre par les pixels spécifiés 
Redimensionner une fenêtre à une taille spécifiée 
Faites défiler le contenu par le nombre spécifié de pixels 
Faites défiler le contenu d’une position spécifiée 
Un moment simple, 
Set et arrêter une minuterie avec setTimeout () et clearTimeout () 
Définir et arrêter une minuterie avec setInterval () et clearInterval ()
D’autres exemples d’objets fenêtre dans notre référence JavaScript .

Navigateur d’objets

D’autres exemples d’objets Navigator dans notre référence JavaScript .

Objet d’écran

D’autres exemples d’objets à l’écran dans notre référence JavaScript .

Objet Histoire

D’autres exemples d’objets d’histoire dans notre référence JavaScript .

Emplacement de l’objet

Plus d’exemples emplacement de l’objet dans notre référence JavaScript .


JavaScript Objets Exemples

JavaScript Objets Exemples

Exemples d’utilisation de l’intégré dans les objets JavaScript.

Objet String

D’autres exemples de l’objet String dans notre référence JavaScript .

Date Objet

D’autres exemples d’objets de date dans notre référence JavaScript .

Objet Array

Créer un tableau 
Joindre deux tableaux – concat () 
Inscrit trois tableaux – concat () 
Joindre tous les éléments d’un tableau dans une chaîne – join () 
Supprimer le dernier élément d’un tableau – pop () 
Ajouter de nouveaux éléments à la fin d’un tableau – push () 
Inverser l’ordre des éléments dans un tableau – reverse () 
Supprimer le premier élément d’un tableau – shift () 
Sélectionnez les éléments d’un tableau – slice () 
Trie un tableau (par ordre alphabétique et croissant) – sort () 
Trier numéros (numériquement et croissant) – Classer () 
le nombre de tri (numérique et descendant) – tri () 
Ajouter un élément à la position 2 dans un tableau – splice () 
Conversion d’un tableau en une chaîne – toString () 
Ajouter de nouveaux éléments au début d’un tableau – unshift ()
Plus d’exemples objet Array dans notre référence JavaScript .

Objet booléenne

Exemples d’objets plus booléens dans notre référence JavaScript .

Math, objet

Général

D’autres exemples d’objets mathématiques dans notre référence JavaScript .