Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Appréciation des lecteurs : Tout sur le Javascript ! Informations sur le tutori

Appréciation des lecteurs : Tout sur le Javascript ! Informations sur le tutoriel Ajouter à mes tutoriels favoris (474 fans) Auteur : JoSé2 Plus d'informations Popularité Visualisations : 57 264 626 3 8 21 31 Historique des mises à jour Le 11/02/2010 à 14:56:04 Ticket #1617 Le 26/12/2009 à 20:13:16 Corrections (N°1373) Le 22/08/2009 à 19:13:32 Mise hors-ligne du chapitre JSON JavaQuoi ?! Ne me dites pas que vous n'avez jamais entendu parler du JavaScript ! (Ou JS, pour les intimes.) Ce langage de programmation Web véritablement magique qui rend n'importe quelle page morose en une vraie machine dynamique ! Il permet de faire interagir le visiteur avec la page, en réagissant différemment selon les actions de celui-ci. Un langage merveilleux qui, comme vous l'aviez sûrement compris, sera notre sujet d'étude tout au long de ce tutoriel... Alors, envie de créer un site interactif et attrayant ? Ne vous inquiétez pas, ce n'est pas difficile... Après tout, nous sommes sur le Site du Zér0 ! Il est primordial d'avoir des connaissances solides en (x)HTML pour comprendre ce tutoriel ! Si ce n'est pas le cas, direction le tuto de M@teo sur les sites Web. Le JavaScript est en effet un langage qui dépend du (x)HTML. Posséder quelques connaissances dans un autre langage de programmation (C / C++, PHP, Pascal, Maurice ...) peut vous être très utile, puisque beaucoup de langages (dont le JavaScript) sont dérivés du C... Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 1 sur 7 17/07/2010 23:09 (Nous allons partir du principe que la seule chose que vous ayez appris est l'XHTML et le CSS, d'après le cours de M@teo. Si ce n'est pas le cas, vous allez devoir réapprendre des choses que vous savez déjà, mais sous une autre forme...). Bon, assez bavardé, en avant ! Ce cours est composé des parties suivantes : Faire connaissance avec le JavaScript JavaScript et la POO... Visite guidée des objets JS Annexes Partie 1 : Faire connaissance avec le JavaScript Bienvenue dans la toute première partie de ce tutoriel ! Dans cette partie, vous vous familiariserez avec le JS et découvrirez la syntaxe de ce langage. Ce sont des notions qui se retrouvent, pour la plupart, dans beaucoup de langages de programmation. 1) Présentation Le JavaScript : c'est quoi ? Comment ça marche ? JavaScript et Java Q.C.M. 2) Votre premier script Logiciels nécessaires Vos débuts en JavaScript Où se place le code JavaScript ? De quoi se compose le "code" ? Q.C.M. 3) Les variables Profiter de la mémoire de son ordinateur Les chaînes de caractères Les nombres Q.C.M. 4) Créer ses propres fonctions Créer une fonction Les arguments Portée d'une variable Valeur renvoyée Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 2 sur 7 17/07/2010 23:09 L'indentation Q.C.M. 5) Les conditions Les booléens Opérateurs et conditions Des conditions plus élaborées La négation IF et ELSE La fonction isNaN Distinguer plusieurs cas avec SWITCH Q.C.M. 6) Les boucles Des boucles ? Pour quoi faire ? Boucle "while" Boucle "for" Boucle "do ... while" Instructions de contrôle Application Q.C.M. 7) TD : Jeu du "Plus ou moins" Présentation des TD Les consignes Correction Amélioration 1 : jouer plusieurs fois de suite Amélioration 2 : quelques finitions Code final 8) Les tableaux Un tableau, c'est quoi ? Plus de contrôles Exploiter un tableau Q.C.M. 9) Retour sur les fonctions Fonctions et variables Les arguments facultatifs : nombre fixé d'arguments Les arguments facultatifs : nombre illimité d'arguments Q.C.M. Et voilà, cette première partie touche à sa fin... nous allons maintenant pouvoir nous attaquer au "vrai" Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 3 sur 7 17/07/2010 23:09 JavaScript . Partie 2 : JavaScript et la POO... La syntaxe du JS acquise, il est maintenant temps d'explorer les possibilités que nous offre ce langage, et en particulier son côté "objet". 1) La POO, kézako ? Qu'est-ce qu'un objet ? Comment ça s'utilise ? On récapitule le vocabulaire... Q.C.M. 2) Les objets HTML Au sommet de la hiérarchie... Les objets du document Un traitement de faveur pour les formulaires Complément : le mot-clé "this" Q.C.M. 3) Les formulaires, de bons amis L'objet "form" Les éléments, de A à Z ! Les éléments et leur fonctionnement Q.C.M. 4) TD : vérification d'un formulaire Briefing Le pseudo L'adresse e-mail L'âge Tout vérifier avant l'envoi Le tutoriel en lui-même s'arrête ici... Les chapitres des parties suivantes ne sont pas obligatoirement à lire dans l'ordre. Ce tuto est en cours de rédaction. D'autres chapitres viendront se rajouter, plus ou moins régulièrement selon les disponibilités des rédacteurs. Partie 3 : Visite guidée des objets JS Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 4 sur 7 17/07/2010 23:09 JavaScript met à notre disposition plusieurs objets, tels que les tableaux (Array), les chaînes de caractères (String), etc. Cette partie a pour but de vous les présenter, vous montrer leurs principales méthodes, ainsi que d'illustrer leur fonctionnement par des exemples. Même si ces chapitres se veulent suffisamment complets, ils fournissent une liste non exhaustive des attributs / méthodes des objets abordés. 1) L' objet "Array" Sommaire Les classiques Moins classiques Les piles et les files 2) L'objet "Math" Sommaire Fonctions basiques Arrondir Trigonométrie Autres fonctions usuelles Inclassables Fonctions indépendantes de l'objet "Math" Nos propres fonctions 3) L'objet "Date" Sommaire Méthodes diverses Récupérer et modifier l'heure 4) L'objet "String" Sommaire Opérations sur les caractères Opérations sur les chaînes Rechercher et remplacer 5) L'objet "RegExp" Sommaire Créer une regex Quelques exemples Utiliser une regex Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 5 sur 7 17/07/2010 23:09 6) L'objet "Image" Sommaire Événements Attributs Exemples d'utilisation 7) Le CSS via JS Sommaire Exemples d'utilisation Afficher / masquer un élément Plusieurs classes pour un même élément Notre fonction "getElementsByClassName" Partie 4 : Annexes Ici, vous trouverez tout ce qu'il faut avoir à portée de clic lorsque vous programmez : aide-mémoire liste de fonctions / propriétés / choses qui peuvent servir ... et plein d'autres trucs ! Si un jour, vous vous dites : "mince, je ne me rappelle plus !"... ...eh bien c'est ici que vous trouverez la réponse (enfin, je l'espère ). La partie précédente, intitulée visite guidée des objets JS, a été rédigée dans ce même esprit. Mais comme il nous fallait beaucoup de chapitres pour présenter ces objets, ils ont droit à leur propre partie. 1) Syntaxe en JavaScript Les boîtes de dialogues Où se place le JS ? Lisibilité du code Les variables Conditions, tests et boucles Les tableaux Les fonctions Des remarques concernant les annexes ? Ces chapitres se veulent pratiques. Si vous avez la moindre remarque ou suggestion à nous faire pour les rendre plus fonctionnels, n'hésitez pas à nous envoyer un MP, en faisant précéder le titre par [JS-annexes]. Pour plus d'informations sur ce tutoriel, je vous encourage à visiter ce topic. Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 6 sur 7 17/07/2010 23:09 Nous vous rappelons qu'il n'est pas achevé, et que d'autres chapitres suivront bientôt. Nous faisons également part de nos sincères remerciements à nos testeurs / relecteurs, dont vous trouverez les noms dans notre "biographie". Tout sur le Javascript ! http://www.siteduzero.com/tutoriel-3-8158-tout-sur-le-javascript.html 7 sur 7 17/07/2010 23:09 Appréciation des lecteurs : Présentation Informations sur le tutoriel Ajouter à mes tutoriels favoris (14 fans) Auteur : JoSé2 Plus d'informations Popularité Visualisations : 3 317 835 3 8 21 31 Historique des mises à jour Le 11/02/2010 à 14:56:04 Ticket #1617 Le 26/12/2009 à 20:13:16 Corrections (N°1373) Le 22/08/2009 à 19:13:32 Mise hors-ligne du chapitre JSON Avant de nous lancer dans des lignes de code, je vous ai préparé un petit avant-propos qui ne vous fera aucun mal . Vous en apprendrez un peu plus sur le JS (JavaScript), et nous ferons par la même occasion un peu d'histoire. Ce chapitre n'est pas placé en annexe car il apporte des éléments importants : prenez donc le temps de le lire. Au risque de me répéter, le JS s'insère dans une page Web et nécessite donc de bonnes bases en (x)HTML. Sommaire du chapitre : Le JavaScript : c'est quoi ? Comment ça marche ? JavaScript et Java Q.C.M. Le JavaScript : c'est quoi ? Qu'est-ce que c'est ? Définition Le JavaScript est un langage de programmation. Pour être plus précis, c'est un langage orienté objet : quand on code en JavaScript, on se base sur des objets. Je n'en dis volontairement pas plus pour l'instant, car ce sujet sera abordé un peu plus loin, lorsque vous aurez déjà acquis les connaissances requises. Pour une définition plus complète, voici un "remix" de ce que nous propose notre ami Google : Citation : Google, define: JavaScript Le JavaScript est un langage de script basé sur la norme ECMAScript. Il s'insère dans le code (x)HTML d'une page web, et permet d'en augmenter le spectre des possibilités. Ce langage de POO [Programmation Orientée Objet], faiblement typé, est exécuté côté client. Je l'avoue, c'est très compliqué... Mais pas de panique, nous allons aborder les différents points de cette définition au fil du tuto. Présentation http://www.siteduzero.com/tutoriel-3-7930-presentation.html 1 sur 5 17/07/2010 23:09 Utilisation Tout uploads/Philosophie/ tout-sur-le-javascript.pdf