Tout sur le Javascript !

Par JoSé2 Mise à jour : 22/07/2009 5 116 visites depuis 7 jours, classé 38/786

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...

(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 !

• Faire connaissance avec le JavaScript
• JavaScript et la POO...
• Visite guidée des objets JS
• Annexes
• Commentaires et appréciations

• Retour en haut

  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.

  • Chapitre 1

    ---

    Présentation

    • Le JavaScript : c'est quoi ?
    • Comment ça marche ?
    • JavaScript et Java
    • Q.C.M.
  • Chapitre 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.
  • Chapitre 3

    ---

    Les variables

    • Profiter de la mémoire de son ordinateur
    • Les chaînes de caractères
    • Les nombres
    • Q.C.M.
  • Chapitre 4

    ---

    Créer ses propres fonctions

    • Créer une fonction
    • Les arguments
    • Portée d'une variable
    • Valeur renvoyée
    • L'indentation
    • Q.C.M.
  • Chapitre 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.
  • Chapitre 6

    ---

    Les boucles

    • Des boucles ? Pour quoi faire ?
    • Boucle "while"
    • Boucle "for"
    • Boucle "do ... while"
    • Instructions de contrôle
    • Application
    • Q.C.M.
  • Chapitre 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
  • Chapitre 8

    ---

    Les tableaux

    • Un tableau, c'est quoi ?
    • Plus de contrôles
    • Exploiter un tableau
    • Q.C.M.
  • Chapitre 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" JavaScript .
• Retour en haut

  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".

  • Chapitre 1

    ---

    La POO, kézako ?

    • Qu'est-ce qu'un objet ?
    • Comment ça s'utilise ?
    • On récapitule le vocabulaire...
    • Q.C.M.
  • Chapitre 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.
  • Chapitre 3

    ---

    Les formulaires, de bons amis

    • L'objet "form"
    • Les éléments, de A à Z !
    • Les éléments et leur fonctionnement
    • Q.C.M.
  • Chapitre 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.
• Retour en haut

  Partie 3 : Visite guidée des objets JS

  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.

  • Chapitre 1

    ---

    L' objet "Array"

    • Sommaire
    • Les classiques
    • Moins classiques
    • Les piles et les files
  • Chapitre 2

    ---

    L'objet "Math"

    • Sommaire
    • Fonctions basiques
    • Arrondir
    • Trigonométrie
    • Autres fonctions usuelles
    • Inclassables
    • Fonctions indépendantes de l'objet "Math"
    • Nos propres fonctions
  • Chapitre 3

    ---

    L'objet "Date"

    • Sommaire
    • Méthodes diverses
    • Récupérer et modifier l'heure
  • Chapitre 4

    ---

    L'objet "String"

    • Sommaire
    • Opérations sur les caractères
    • Opérations sur les chaînes
    • Rechercher et remplacer
  • Chapitre 5

    ---

    L'objet "RegExp"

    • Sommaire
    • Créer une regex
    • Quelques exemples
    • Utiliser une regex
  • Chapitre 6

    ---

    L'objet "Image"

    • Sommaire
    • Événements
    • Attributs
    • Exemples d'utilisation
  • Chapitre 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"
• Retour en haut

  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.

  • Chapitre 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].

Partager

Retour en haut

54 commentaires pour "Tout sur le Javascript !"

Note moyenne : 3.51 / 4 (260 votes)

Pseudo	Commentaire
mdr1	# Posté le 14/11/2010 à 16:27:21
你好吗？我很好! Avis : Très bon	Merci pour ce tutoriel ! Apprenez à programmer en TI-Basic ! Apprendre l'ASM Z80 pour TI ==> topic associé
alex0	# Posté le 08/12/2010 à 19:52:55
Avis : Bon	Pour quand est prévu la suite ? L'informasite Dites non au tabac, avec un peu de volonté tout le monde peut arrêter.
Rafale56	# Posté le 22/12/2010 à 00:27:46
Avis : Très bon	Vraiment génial ton tutoriel !
henridu76	# Posté le 07/07/2011 à 22:39:44
mefiez vous des lapins 0_O	temps d'études estimé ? salut tout le monde rejoignez ma team sur le zombie de black ops mp moi si vous etes interressez
Thorg2709	# Posté le 07/05/2012 à 08:53:12
	Juste comme ça, c'est moi ou c'est un tuto sur JS qui passe à la trappe toute la partie événementielle du langage qui est pourtant sa grande force ? :?

Voir tous les commentaires