background preloader

Cours Javascript

Facebook Twitter

Club des développeurs Web : actualités, cours, tutoriels, programmation, codes sources, livres, outils et forums. Développement Web : 'Zone Grand Débutant' IV-A. Introduction▲ Les trois notions fondamentales : Le fichier est au format JavaScript ; Le document (ou programme) est à destination de l'internaute ; L'outil est un navigateur Web. Le code JavaScript est interprété par le navigateur Web (s'il n'est pas trop préhistorique et si sa configuration ne l'a pas désactivé). Je viens déjà de vous présenter un inconvénient de JS : il peut être désactivé. Incruster du code JS dans une page Web permet à la page de réagir aux actions de l'internaute, par exemple "la souris survole tel bouton" ou encore "le formulaire vient d'être envoyé". ActionScript 3, la dernière version du langage de script pour Flash, utilise une syntaxe quasiment identique à celle de JavaScript.

IV-B. Pour développer en JavaScript, il est recommandé d'avoir un éditeur de code plus puissant que ceux recommandés au début de cet article (avoir la documentation du langage à portée de main commence à devenir une condition importante). IV-C. Sélectionnez IV-D. IV-D-1. IV-D-2. Dynamisez vos sites web avec Javascript ! Bienvenue à toutes et à tous, Qui n'a jamais entendu parler du JavaScript ? Créé dans les années 90 en tant que simple langage de script, JavaScript est désormais un des poids lourds du développement Web ! Qui plus est, il se démocratise au sein d'autres environnements comme les serveurs avec le célèbre Node.js, les applications pour smartphones et tablettes, avec PhoneGap d'Adobe, les applications pour Windows 8, mais aussi les logiciels multiplateformes. Bref, JavaScript est partout !

Mais avant de se targuer de créer des applications pour serveurs, tablettes et Windows, il faut d'abord apprendre la base et s'intéresser aux origines : le JavaScript au sein des pages Web. Voici quelques exemples de ce qui est réalisable grâce au JavaScript : Sur ce, bonne lecture ! JavaScript - Index. Une réintroduction à JavaScript - MDC. Introduction Pourquoi une réintroduction ? Parce que JavaScript peut raisonnablement se targuer d'être le langage de programmation le plus incompris au monde. Bien que souvent raillé comme étant un simple jouet, derrière sa simplicité désarmante se cachent certaines fonctionnalités de langage très puissantes. De nombreuses applications JavaScript de premier plan sont apparues, ce qui montre qu'une connaissance approfondie de cette technologie est une compétence importante pour tout développeur Web.

Il peut être utile de commencer avec un aperçu de l'histoire de ce langage. JavaScript a été créé en 1995 par Brendan Eich, un ingénieur de Netscape, et ce langage est sorti au grand jour pour la première fois avec Netscape 2 au début de l'année 1996. Il était au départ censé s'appeler LiveScript, mais a été renommé par une décision marketing néfaste dans le but de capitaliser sur la popularité du langage Java de Sun Microsystems, malgré le fait qu'ils n'aient que très peu en commun. Aperçu Et… Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs. Tout JavaScript.com [Accueil] - Scripts, Tutoriaux, Forums pour webmasters et développeurs.

Cookies. Avec JavaScript, il est possible de programmer les célèbres cookies. Nous allons voir ici à quoi servent les cookies et comment stocker et récupérer des informations grâce à eux. En bas de cette page, vous trouverez des exemples de programmation de cookies. 1 - A quoi servent les cookies ? Les cookies sont très utilisés, par tous les sites commerciaux et par de plus en plus de sites perso. Le nombre de visites, la date de la dernière visite,... 2 - Comment STOCKER des informations ? Le type d'informations à stocker n'a aucune influence sur le code.

La valeur à stocker est associée à un nom de cookie. Donc pour stocker la valeur Arthur dans la variable prenom il suffit d'appeler la fonction comme ceci : var pathname=location.pathname; var myDomain=pathname.substring(0,pathname.lastIndexOf('/')) +'/'; var date_exp = new Date(); date_exp.setTime(date_exp.getTime()+(365*24*3600*1000)); // Ici on définit une durée de vie de 365 jours SetCookie("prenom","Arthur",date_exp,myDomain);

Formulaire. Tutorial XMLHTTPRequest. Robloche nous propose ici un tutorial passionnant sur l'utilisation des requêtes serveur en JavaScript. Ce tutorial a été remis à jour en aout 2017 pour tenir compte des évolutions des navigateurs. L'objet XMLHTTPRequest permet de réaliser des appels au serveur depuis la page HTML. Il s'agit d'appels AJAX (Asynchronous JAvascript XML).

Aujourd'hui, tous les navigateurs acceptent ce mode de fonctionnement, sans incompatiblité particulière. Présentation Comme leur nom ne l'indique pas, les objets XMLHTTPRequest permettent de récupérer toutes sortes de données, et pas seulement des fichiers XML. > Masquer le code JavaScript var xhr_object = new XMLHttpRequest(); xhr_object.open("GET", location.href, false); xhr_object.send(null); if (xhr_object.readyState == 4) alert("Requête effectuée !

") Comment ça marche ? Note : Ces fonctions sont détaillées en section 6. [haut de la page] À quoi cela peut-il servir ? Note : La section 5 présente un exemple concret d'utilisation. Synchrone Vs. Propriétés.

Exploration Javascript

Evénements Javascript. Manipuler Code HTML & DOM. Manipuler Images avec Javascript. Manipuler Tables avec javascript.