web avec javascript ! dynamisez vos sites - natalie · pdf filemise en pratique : calculer le...

377
Dynamisez vos sites web avec Javascript ! Par Johann Pardanaud (Nesk) et Sébastien de la Marck (Thunderseb) Ce PDF vous est offert par Découvrez des métiers plein d'envies http://www.fr.capgemini.com/carrieres/technology_services/ www.openclassrooms.com Licence Creative Commons 6 2.0 Dernière mise à jour le 9/12/2012

Upload: truongnhi

Post on 06-Feb-2018

217 views

Category:

Documents


1 download

TRANSCRIPT

  • Dynamisez vos sitesweb avec Javascript !

    Par Johann Pardanaud (Nesk) et Sbastien de la Marck (Thunderseb)

    Ce PDF vous est offert par

    Dcouvrez des mtiers plein d'envieshttp://www.fr.capgemini.com/carrieres/technology_services/

    www.openclassrooms.com

    Licence Creative Commons 6 2.0Dernire mise jour le 9/12/2012

    http://www.fr.capgemini.com/carrieres/technology_services/http://www.fr.capgemini.com/carrieres/technology_services/http://www.openclassrooms.com

  • Sommaire

    2Sommaire ........................................................................................................................................... 6Lire aussi ............................................................................................................................................ 8 Dynamisez vos sites web avec Javascript ! ....................................................................................... 9Partie 1 : Les bases du Javascript ......................................................................................................

    10Introduction au Javascript ............................................................................................................................................... 10Qu'est-ce que le Javascript ? .................................................................................................................................................................................... 10Qu'est-ce que c'est ? ................................................................................................................................................................................................. 11Le Javascript, le langage de scripts .......................................................................................................................................................................... 12Le Javascript, pas que le Web .................................................................................................................................................................................. 12Petit historique du langage ........................................................................................................................................................................................ 13L'ECMAScript et ses drivs ..................................................................................................................................................................................... 13Les versions du Javascript ........................................................................................................................................................................................ 13Un logo inconnu ........................................................................................................................................................................................................

    15Premiers pas en Javascript ............................................................................................................................................. 15Afficher une bote de dialogue ................................................................................................................................................................................... 15Le Hello World! .......................................................................................................................................................................................................... 16Les nouveauts ......................................................................................................................................................................................................... 16La bote de dialogue alert() ....................................................................................................................................................................................... 16La syntaxe du Javascript ........................................................................................................................................................................................... 16Les instructions ......................................................................................................................................................................................................... 17Les espaces .............................................................................................................................................................................................................. 18Les commentaires ..................................................................................................................................................................................................... 19Les fonctions ............................................................................................................................................................................................................. 19O placer le code dans la page ................................................................................................................................................................................ 20Le Javascript dans la page ................................................................................................................................................................................. 20Le Javascript externe ................................................................................................................................................................................................ 21Positionner l'lment ................................................................................................................................................................................... 22Quelques aides .........................................................................................................................................................................................................

    24Les variables ................................................................................................................................................................... 24Qu'est-ce qu'une variable ? ....................................................................................................................................................................................... 24Dclarer une variable ................................................................................................................................................................................................ 25Les types de variables ............................................................................................................................................................................................... 26Tester l'existence de variables avec typeof ............................................................................................................................................................... 27Les oprateurs arithmtiques .................................................................................................................................................................................... 27Quelques calculs simples .......................................................................................................................................................................................... 27Simplifier encore plus vos calculs ............................................................................................................................................................................. 28Initiation la concatnation et la conversion des types ......................................................................................................................................... 28La concatnation ....................................................................................................................................................................................................... 29Interagir avec l'utilisateur ........................................................................................................................................................................................... 30Convertir une chane de caractres en nombre ........................................................................................................................................................ 31Convertir un nombre en chane de caractres ..........................................................................................................................................................

    32Les conditions ................................................................................................................................................................. 32La base de toute condition : les boolens ................................................................................................................................................................. 32Les oprateurs de comparaison ................................................................................................................................................................................ 33Les oprateurs logiques ............................................................................................................................................................................................ 34Combiner les oprateurs ........................................................................................................................................................................................... 35La condition if else .................................................