background preloader

Les meilleurs cours et tutoriels pour apprendre le JavaScript

Les meilleurs cours et tutoriels pour apprendre le JavaScript
Related:  Cours et Tutoriels sur le JavaScript

Cours de HTML Pourquoi utiliser du JavaScript ? Du fait de la faible interactivité des pages HTML avec l'utilisateur, il a été intégré aux pages web le langage JavaScript (dérivé du langage de programmation Java). Ce langage permet d'intégrer de vrai petites applications, de faire des jeux... On ne s'intéressera ici qu'à des actions beaucoups plus simples mais tout aussi utiles. Les bases Le JavaScript est un langage interprété par le navigateur de l'internaute, il est intégré directement dans les pages HTML comme le sont lesfeuilles de style. Afficher la date et l'heure On souhaite afficher sur notre page la date du jour et l'heure. On a donc une variable today qui est un objet instance de la classe Date. Notre objet today possède les méthodes suivantes : getDate(), getMonth(), getYear(), getHours(), getMinutes() qui retournent respectivement le jour, le mois (moins un), l'année, l'heure et les minutes actuelles. Rollover Contrôle des champs d'un formulaire Faire apparaître une popup

Tuto jQuery : jQuery menu | jQuery slider | jQuery plugin Tutoriel JavaScript de base 1 Introduction Ce tutoriel présente un survol des caractéristiques principales du langage JavaScript relatives à l’utilisation « côté client », c’est-à-dire l’utilisation la plus fréquente dans des pages/applications web à l’intérieur d’un navigateur. 1.1 Rappel de la structure d'une page web Avant d'aborder JavaScript, il est utile de rappeler la structure d'une page web qui se compose généralement de trois éléments : HTML : cet élément détermine le contenu de la page, c'est-à-dire les éléments textuels et graphiques affichés à l'écran. CSS : cet élément détermine la mise en page, la manière de présenter les éléments HTML de la page. 1.2 Présentation de JavaScript JavaScript est un langage de scripting qui a vécu plusieurs évolutions dans le temps, ce qui complique en quelque sorte son apprentissage parce que le code et les tutoriels présents dans le web varient fortement en fonction de leur date. 1.3 Outils pour le développement et le débug Un navigateur web Un éditeur de texte var x; Donne:

Mots réservés Introduction Cet annexe présente les mots réservés. Les mots réservés ne doivent pas être utilisés en tant que noms de variables, de fonctions, de méthodes ou d'identifiants d'objets parce-que ECMAScript spécifie une utilité spéciale pour eux. Mots actuellement réservés Voici la liste des mots réservés actuellement utilisés en JavaScript : Mots réservés dans le futur Les mots suivants sont de futurs mots-clés réservés par la spécification ECMAScript. Note: En commençant avec Javascript 1.9 (Firefox 5), ces derniers seront réservés même lorsque vous n'êtes pas en mode strict.Note: La version de JavaScript ci-dessus n'est pas officielle. class enum export extends import super Les mots suivants sont de futurs mots-clés réservés par la spécification ECMAScript lorsqu'ils se situent dans de code en mode strict, excepté lorsque let et yield ont leurs fonctions traditionnelles dans le code compilé comme JavaScript 1.7 ou plus: implements interface let package private protected public static yield

Le Jardin de JavaScript Bien que JavaScript utilise une syntaxe avec accolades pour les blocs, il ne crée pas de portée "scope" de bloc; par conséquent, la seule portée du langage est la portée de fonction. function test() { // une portée "scope" for(var i = 0; i < 10; i++) { // pas une portée // count } console.log(i); // 10} Il n'existe pas d'espaces de noms "namespaces" en JavaScript, ce qui signifie que tout est défini dans un espace de noms commun partagé par tous. Chaque fois qu'une variable est référencée, JavaScript va traverser vers le haut toutes les portées jusqu'à ce qu'il la trouve. S'il atteint la portée globale sans avoir trouvé le nom demandé, il va générer une erreur de référence ReferenceError. Le fléau des variables globales // script Afoo = '42'; // script Bvar foo = '42' Les deux scripts ci-dessus n'ont pas le même effet. Ne pas utiliser var peut avoir des répercussions majeures. // portée globalevar foo = 42;function test() { // portée locale foo = 21;}test();foo; // 21 Variables locales test();

Thinkster JavaScript is Sexy | Learn modern web application development with JavaScript Scriptol.fr - Programmation avec les standards du Web JavaScript modulaire pour le front-end : les bases Quand on réalise des applications en JS pour les navigateurs web, on ne peut plus se contenter de mettre des tags script dans le bon ordre pour charger les bibliothèques tierces que l’on utilise comme pour un site web. C’est pourquoi il existe des outils pour permettre d’écrire du JavaScript modulaire et réutiliser plus facilement les innombrables bibliothèques publiées par la communauté JS. Cependant, ce principe d’écriture modulaire et de publication de code n’étant pas intégré dans le langage lui-même, de très nombreuses solutions existent plus ou moins compatibles les unes avec les autres et aboutissant à une forte fragmentation de la communauté. C’est pourquoi j’ai voulu partager mon expérience, en essayant d’abord de reposer les bases du problème, puis en vous faisant part de ce que j’estime être la solution la plus satisfaisante actuellement. D’abord, il faut faire la distinction entre 3 aspects du problème : Le format AMD (dans sa forme la plus courante) est : Réponse : Super !

JavaScript | ECHO INFORMATIQUE Articles dans la catégorie JavaScript JavaScript un langage de script utiliser dans plusieurs domaines, Améliorez votre site avec JavaScript Catégorie : Développement Informatique, JavaScript 01 juin 2015 JavaScript, L’utilisation et la déclaration des variables en JavaScript c’est probablement l’une des premières choses à connaitre sur ce langage de programmation, don apprenez dans cet article à utiliser les variable leur type portée et utilisation. Lire la suite 25 mai 2015 l’utilisation de JavaScript dans une page web c’est une façon de rendre en quelque sorte cette page dynamique, et on dispose de deux méthodes pour l’utiliser. Lire la suite 16 mai 2015 Le JavaScript est un langage de dynamisation de page web, il nous permet d’ajouter des chargements dynamiques des animations à une page web. Lire la suite JavaScript, avec le nom en comprend que c’est un langage de script, il est utilisé avec plusieurs langage sur tous avec les langages web et il sert à rendre un peu dynamique les sites web.

Start Your Dev - Accueil : html css javascript xml xsl JavaScript 101 Introduction I've written this very brief guide to JavaScript just as an aid for people new to the language and who need a basic starting point to see what the syntax looks like and to get a feeling for some of its features. This article's main purpose is to give readers new to the language a glimpse of the JavaScript environment and to hopefully spur them onto further reading/learning. What is JavaScript JavaScript is a scripting language - this means it is not compiled (like traditional software languages like C or C++) but is executed 'line by line' via its host environment at run time (the host environment can be: Web Browser, Server, Command Line, Desktop). Terminology Expressions An example of an 'expression' would be 1+1. Looks straight forward enough, and it should be. Now the expression 1+1 is pretty useless in a JavaScript program because we're not doing anything with it. Statements Examples of JavaScript 'statements': Global Object One quote you'll hear a lot in JavaScript is: Variables

Related: