Formations JavaScript, PHP, MySQL, HTML5, CSS3, jQuery, Dojo, jQuery UI
De jQuery à Vanilla JS
 Oui alors jQuery, c’est sûrement très bien, ça simplifie pas mal de choses et le chaining est intéressant mais eeeest-ce que vous connaissez l’équivalent en pur JavaScript ? Pas sûr hein. Ce petit article vous propose de quoi peut-être vous faire changer d’avis sur la bibliothèque qui pèse tout de même environ ~80ko. Note : Vanilla JS n’est pas un framework mais veut simplement dire “à nu”, c’est du JavaScript sans bibliothèque. C’est parti ! # Table des matières # Évènements $(document).ready(function() { }) document.addEventListener('DOMContentLoaded', function() { }) $('a').click(function() { }) [].forEach.call(document.querySelectorAll('a'), function(el) { el.addEventListener('click', function() { }) }) # Sélecteurs var divs = $('div') var divs = document.querySelectorAll('div') var newDiv = $('<div/>') var newDiv = document.createElement('div') # Attributs $('img').filter(':first').attr('alt', 'My image') document.querySelector('img').setAttribute('alt', 'My image')
Start Your Dev - Accueil : html css javascript xml xsl
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.
Your Web, documented · WebPlatform.org
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 !
Scriptol.fr - Programmation avec les standards du Web
JavaScript Éloquent : Une introduction moderne à la programmation
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. 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 Pour développer en JavaScript seulement deux outils sont strictement nécessaires : Un navigateur web Un éditeur de texte 1.4 Console JavaScript var x;
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... 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. A noter que les chaînes de caractères peuvent être délimitées par des simples '' ou doubles quotes "". Rollover Contrôle des champs d'un formulaire Faire apparaître une popup
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();
