Ce cours est une introduction au langage JavaScript. Il est destiné aux débutants dans ce langage qui permet de dynamiser les pages Web. Néanmoins, de bonnes bases en HTML et CSS sont nécessaires pour aborder sereinement le JavaScript.

Nous allons apprendre dans ce cours à utiliser les technologies de manière simple et efficace. Lorsque l'on souhaite créer des pages Web, il y a de très nombreuses manières d'arriver au but. Il s'agit ici d'un tutoriel pour débutants.

Dans ce cours vidéo, vous allez apprendre les bases de la programmation. Vous verrez ici à quoi servent les booléens. Comment utiliser les conditions, créer et gérer des tableaux, manipuler des chaînes de caractères et des dates et enfin utiliser des fonctions mathématiques.

À travers six cours complets en vidéo, accompagnés du code source commenté, vous allez apprendre à effectuer le débogage rapide de votre code JavaScript. Puis vous découvrirez l'utilisation des opérateurs arithmétiques et de comparaison ainsi que les conditions if - else - elseif - switch - case - break. Vous allez apprendre à utiliser la puissance des boucles for, while, do while, de même que la gestion des événements. Dans ces tutoriels, vous allez également apprendre comment utiliser les formulaires JavaScript - liste déroulante, checkbox, button radio...

Ce cours se charge de vous apprendre les bases du developpement web JavaScript. JavaScript permet à des programmeurs débutants de réaliser leurs premières pages web sous une forme particulièrement attrayante et fonctionnelle.

L'objectif de ce cours est de vous apprendre à utiliser le langage JavaScript. JavaScript est un langage de scripts qui, incorporé aux balises HTML, permet d'améliorer la présentation et l'interactivité des pages Web.

Le but de ce tutoriel est de vous apprendre à utiliser les expressions rationnelles afin de vous « convertir » au bon usage des expressions rationnelles.

Dans ce tutoriel nous allons apprendre à intégrer simplement des Google Maps dans vos pages web grâce à Gmap.js.

Dans ce cours nous allons examiner quelques-unes des fonctionnalités de base fournies par l'API Google Maps. L'API Google Maps fournit une interface intuitive et très réactive construite en utilisant les technologies AJAX. C'est une API ouverte permettant la personnalisation de la carte y compris la possibilité d'ajouter au sein de l'application des données spécifiques à la carte. Encore mieux, Google donne accès à ce service gratuitement !

Il existe déjà une multitude de techniques différentes afin d'afficher une carte Google Map dans votre page web. Dans ce tutoriel, nous allons apprendre à faire interagir les API Google Maps et jQuery.

Le but de ce tutoriel est de vous apprendre à utiliser le framework Angular. Après une rétrospective des technologies Web ayant marqué l'univers JavaScript, l'accent est mis sur la notion de Web Component et son implémentation dans le framework Angular.

Partie 1Partie 1 - De la théorie à la pratique
Partie 2Partie 2 - Démarrer avec Angular-CLI
Partie 3Partie 3 - Vos premiers Components

Voici une série de tutoriels sur AngularJS pour vous faire découvrir cet outil.

Partie 1Partie 1 - Google, Twitter et AngularJS 5 commentaires
Partie 2Partie 2 - Créer un lecteur de flux RSS Commentez
Partie 3Partie 3 - Afficher le flux RSS Commentez
Partie 4Partie 4 - Gérer le flux RSS 1 commentaire
Partie 5Partie 5 - Tests Commentez
Partie 6Partie 6 - Ajouter des dépendances Commentez
Partie 7Partie 7 - Validation d'un formulaire Commentez
Partie 8Partie 8 - itérateurs et filtres Commentez
Partie 9Partie 9 - installation Commentez

Ce tutoriel présente le développement d'applications Web avec AngularJS. L'objectif de ce tutoriel est principalement de vous apprendre à concevoir une application Modèle - Vue - Contrôleur (MVC) à l'aide de ce framework.

Ce tutoriel se charge de vous apprendre les principales étapes pour migrer de JavaScript en TypeScript une application écrite avec le framework AngularJS.

Ce cours présente le développement d'applications Web avec AngularJS. L'objectif de ce tutoriel est principalement de vous apprendre à concevoir une application Modèle - Vue - Contrôleur (MVC) à l'aide de ce Framework.

Les frameworks MVVM sont aujourd'hui une partie centrale du développement front-end d'applications web. Nous allons découvrir dans ce tutoriel comment le mécanisme de data binding est implémenté au sein de trois frameworks populaires : Angular, React et Vue..

Après une rétrospective des technologies Web ayant marqué l'univers JavaScript, dans ce tutoriel, l'accent est mis sur la notion de Web Component et son implémentation dans le framework Angular.

Le but de ce tutoriel est de vous apprendre à utiliser Angular-CLI. Maintenant que vous êtes familier avec la notion de Component, j'imagine que vous désirez, vous aussi, créer vos propres Components.

Vous allez apprendre dans ce cours à manipuler vos premiers components et entrevoir les liens qui peuvent exister entre eux.

Dans ce tutoriel, vous allez apprendre à monter un projet modulaire, avec de bonnes pratiques, facile à maintenir et à comprendre, puis nous verrons quels en sont les avantages.

À travers ce tutoriel, nous allons apprendre à utiliser les directives qui sont présentes partout dans l'architecture Angular. Les Components sont des directives à la seule différence qu'ils possèdent une fonctionnalité de templating.

Avec cette première approche du framework Angular, je vous propose d'introduire une capacité fondamentale du produit de Google : Le Data Binding. Ce tutoriel va donc nous apprendre les différentes techniques qui nous sont offertes pour réaliser du Data Binding.

Ce cours vous permettra d'apprendre à mettre en place un système d'auto-complétion au sein de votre application Angular, via la bibliothèque RxJS

Après avoir travaillé sur AngularJS, j'ai voulu tester la seconde version du framework : Angular2. L'objectif de ce cours est de vous apprendre à créer rapidement un système d'authentification.

Ce tutoriel est une introduction au framework JavaScript Dojo. Il se charge de vous apprendre les bases ainsi que les bibliothèques complémentaires Dijit et Dojox.

Ce cours a pour objectif de vous apprendre à utiliser le système de build de Dojo permettant d'optimiser les performances d'une application Dojo. Il explique les raisons du build et en donne un exemple en utilisant Ant.

JDBC, ADO.NET, PDO, autant d'acronymes pour des couches de connexions aux données en Java, .NET ou PHP. Aujourd'hui chaque langage ou Framework propose sa couche « data ». Rapidement chaque framework Javascript a proposé son API Data pour unifier l'interrogation, la lecture, l'écriture et la sauvegarde de ces données, puis leur liaison avec les composants graphiques. Dojo n'y échappe pas, son API se nomme dojo.data. Dans ce tutoriel, vous allez apprendre toutes les possibilités des stores, et sous son aspect généraliste ce cours se veut complet. Ainsi à l'issue de sa lecture chacun pourra porter un jugement sur cette api et pourra la manipuler sans encombre.

Le but de ce tutoriel est de vous apprendre à concevoir une application JavaScript en utilisant la programmation orientée objet et à utiliser le framework Dojo pour simplifier cette écriture.

Ce tutoriel vous propose des trucs et astuces pour apprendre à utiliser le framework JavaScript ExtJS. L'auteur tire ces idées de ses propres expériences et il partage la solution qu'il a trouvé pour palier à certains cas problématiques.

À travers six cours complets en vidéo, accompagnés d'exemples de codes source, vous allez apprendre à utiliser le Framework jQuery pour créer des sites Web Performants. Maîtriser les différentes fonctionnalités comme par exemple les sélecteurs, les filtres, la manipulation du DOM, des attributs, des classes CSS, etc...

Lorsque l'on souhaite inclure la modification des options et implémenter plusieurs méthodes on doit penser multitâche. Dans ce tutoriel, nous allons apprendre à utiliser des plugins multitâche.

Ce cours se propose de vous apprendre à créer vos plugins personnels avec JQuery. En effet, jQuery est présent sur une très grande majorité de sites Web, il est présent par défaut dans des frameworks comme Ruby on Rails et possède une très importante base de plugins et d'utilisateurs.

RoyalSlider de Dmitry Semenov est une très bonne galerie d'images jQuery réactive et activable également via les touches du clavier. L'objectif de ce tutoriel est de vous apprendre à utiliser cet outil.

Nous allons, dans ce cours, apprendre à utiliser la bibliothèque JavaScript : jQuery. C'est un tutoriel où nous verrons les bases en vous donnant les détails nécessaires à votre apprentissage afin que vous soyiez en mesure de progresser par vous-même facilement.

Avec un JavaScript omniprésent et des codes de plus en plus complexes, le programmeur se doit de maîtriser les bases du langage, la structuration et la modularisation du code, il se doit d'écrire un code gérable, réutilisable et facilement évolutif. Dans ce tutoriel, nous allons apprendre à utiliser les outils pour construire un code jQuery évolutif.

À travers ce tutoriel, vous allez apprendre à adapter jQuery à vos besoins. Les récentes évolutions de la bibliothèque jQuery permettent de revisiter l'espace de noms pour y inclure la personnalisation d'un clone de jQuery.

À travers ce tutoriel, vous allez apprendre à faire la programmation orientée objet par prototype avec jQuery. Je suis persuadé que jQuery est un outil fantastique pour la manipulation du DOM, mais cela ne représente que 80 % de la programmation en JavaScript. Pour le solde, la Programmation Orientée Objet (POO) répond à l'essentiel des besoins.

Pour mes projets de développement jQuery, je dispose de toute une série de trucs et astuces que je souhaite vous faire partager. Dans ce tutoriel, vous trouverez donc en une seule page les meilleures techniques trouvées en ligne.

Ce cours se charge de vous apprendre la mise en place, avec jQuery, d'un système de navigation par onglets.

Un des plus grands défis d'un concepteur web est de trouver un moyen de placer beaucoup d'informations sans perdre de lisibilité. Les onglets sont un bon moyen de gérer ce type de problème. Le but de ce cours est de vous apprendre à créer une boîte d'onglets (dynamiques) en HTML et en y ajoutant des fonctionnalités à l'aide de CSS, JavaScript et jQuery.

Partie 1Partie 1 - Le code (X)HTML/CSS
Partie 2Partie 2 - A la mode Web 2.0

Dans ce tutoriel, nous allons apprendre la lecture d'un fichier ou d'une source XML à partir de jQuery.

Vous allez apprendre à travers ce cours à utiliser Flot pour donner à vos graphiques une l'allure très professionnelle. Il existe une multitude de guides afin d'afficher sous forme graphique des données à l'aide de CSS. Par contre, il arrive que de simples histogrammes ne soient pas suffisants dans des cas où vos données changent en fonction du temps par exemple. Un histogramme ne peut représenter ce genre de données. C'est ici que le plugin Flot pour jQuery entre en jeu.

Easy Slider (c'est comme ça que je l'ai appelé) permet de faire défiler des images ou du contenu horizontalement ou verticalement suite au clic. Il est configurable avec uniquement du CSS. Le but de ce tutoriel est de vous apprendre à utiliser cet outil.

En complément du tutoriel sur la création de boîtes de message, ce tutoriel vient vous apprendre à animer vos boîtes de messages.

jQuery MultiSelect est un plugin configurable pour jQuery. Dans ce cours, nous allons apprendre à créer des listes déroulantes à choix multiples avec jQuery.

L'objectif de ce cours est de vous apprendre comment créer des info-bulles simples avec jQuery.

Les menus déroulants sont une solution idéale pour insérer un grand contenu dans un espace initial réduit. Dans ce tutoriel, nous allons apprendre à créer un menu déroulant animé avec jQuery.

Ce tutoriel va vous apprendre à dynamiser vos formulaires avec des classes CSS et des valeurs par défaut qui changent en fonction des éléments sélectionnés d'un formulaire. Le tout avec un peu de jQuery.

Digg.com est l'un des sites sociaux les plus appréciés vous permettant de partager des ressources sur le Web. Dans ce tutoriel, nous allons recréer leur formulaire d'inscription et utiliser la même approche pour afficher les messages d'erreur.

Avez-vous déjà vu de remarquables menus animés avec jQuery (en quelques exemples ici) qui vous donnent envie de créer le votre ? Le but de ce tutoriel est de vous apprendre à en réaliser un en l'animant avec des effets fluides.

A travers ce tutoriel, vous allez apprendre à créer un plugin pour jQuery en réalisant un widget de liste déroulante personnalisée. Il est conseillé d'être déjà à l'aise avec l'utilisation de jQuery pour aborder ce cours.

Le but de ce cours est de vous apprendre comment réaliser un effet d'accordéon avec du CSS et un peu de JavaScript

Dans ce tutoriel, vous allez apprendre à créer un formulaire de contact dynamique en utilisant jQuery. Les formulaires de contact sont une partie indispensable de tout site web. Ils sont pour la plupart mis en place sur une page séparée et ils montrent rarement de la créativité, même s'il existe plusieurs façons d'améliorer leur style visuel.

Ce tutoriel se propose de vous apprendre à utiliser un plugin de menu contextuel pour jQuery dont les fonctions sont : implémentation facile, raccourcis clavier, style CSS et méthodes de contrôles.

Dans ce tutoriel, nous partirons d'un en-tête de style dessin animé, créerons deux états pour le contenu et nous animerons la transition entre ces états avec jQuery. Cela va être une grosse tâche !

L'objectif de ce tutoriel est de vous apprendre à créer un tableau de bord avec jQuery. La fonctionnalité "Tableau de bord" sur le système d'exploitation des Macintosh est très agréable et le menu permettant d'ajouter ou retirer des outils joliment fait.

Dans ce tutoriel, nous allons apprendre à combiner la propriété CSS z-index et la puissance de jQuery pour réaliser une galerie d'images avec l'apparence d'une pile de photos.

Dans ce tutoriel, nous allons apprendre à ajouter un indicateur de préchargement d'images pour obtenir une meilleure apparence de la galerie. Tout cela en même pas 10 lignes de code !

Le but de ce tutoriel est de vous apprendre à utiliser un plugin AJAX d'exploration de fichiers pour jQuery.

La fluidité du mouvement est souvent différente entre les sites en Flash lourds et les sites basés sur les standards du Web. Les interfaces flash ont toujours semblées beaucoup plus vivantes - répondant aux interactions avec l'utilisateur de manière dynamique comparé aux sites basés sur les standards du web. Dans ce cours, nous allons aborder les techniques des Sprites CSS.

Dans ce tutoriel, vous allez apprendre à créer des effets de transition de couleur sur les liens. Avec quelques lignes de code, jQuery fera la transition de la couleur de vos liens vers une autre au passage de la souris.

Certaines vidéos sur YouTube disposent d'une fonctionnalité appelée "Turn the lights down". Lorsque vous cliquez, toute la page s'assombrit à l'exception de la vidéo et vous pouvez regarder la vidéo comme au cinéma. Ce tutoriel va vous apprendre à créer cet effet.

Ce tutoriel a pour but de vous apprendre à créer des boîtes ou des légendes coulissantes avec la bibliothèque JavaScript jQuery.

Dans ce cours, vous allez apprendre à installer le plug-in Coda-Slider, comment l'intégrer à votre page et comment le configurer. Le framework jQuery est un outil puissant qui a su s'imposer comme étant un framework de référence pour le développement Web.

Ce cours est un tutoriel permettant de débuter avec Moobile, le framework MooTools orienté mobile.

L'objectif de ce tutoriel est de vous apprendre à créer, avec Moobile, une application Hello World.

MooTools est un framework orienté mobile. Dans ce cours, vous allez apprendre à créer des transitions avec des effets de styles.

Le but de ce cours est de vous apprendre à utiliser le framework MooTools JxLib pour créer un interface utilisateur.

Dans ce tutoriel, nous allons apprendre à utiliser une bibliothèque pour le framework MooTools dont le but est d'automatiser des comportements afin d'alléger le code. Cette bibliothèque s'appelle MooTools Behavior (comportement).

Avec l'apparition des Frameworks JavaScript, la construction de ligthbox est devenue une pratique courante pour améliorer vos galeries d'images, voire de vidéos. Dans ce tutoriel nous allons apprendre à utiliser cet outil qui permet de visionner une série d'images dans un pop up d'un design bien plus agréable qu'une simple page HTML, et avec navigation intégrée.

Ce tutoriel va vous apprendre à mettre en place facilement des curseurs de réglage de type Facebook en utilisant les technologies JavaScripts (Mootools) et les feuilles de style.

Ce cours fait partie d'une série de tutoriels dont le but est de vous faire découvrir les différentes fonctions du framework script.aculo.us. Dans un premier temps, nous allons apprendre à mettre en place le framework dans une page HTML.

À travers ce tutoriel, vous allez apprendre à maîtriser les effets visuels de script.aculo.us. Bien comprendre cette notion vous sera très utile lorsque vous voudrez créer vos propres effets personnalisés.

L'objectif de ce tutoriel est de vous apprendre à modifier l'opacité d'un élément (X)HTML suite à une sélection grâce au Framework Script.aculo.us.

Dans ce premier tutoriel consacré à Grunt, vous allez découvrir et comprendre ce qu'est Grunt et quelle est son utilité, comment l'installer et le mettre en place dans un projet.

Dans le précédent tutoriel, je vous présentais Grunt dans son ensemble, ses liens avec la plateforme Node.js, son paramétrage et comment s'articule un projet web avec Grunt. Dans ce cours, nous aborderons la présentation de l'API.

Le but de ce tutoriel est de vous apprendre comment configurer les tâches Grunt. Vous aborderez en particulier les multitâches, ou tâches à cibles multiples, qui offrent des fonctionnalités intéressantes pour la manipulation de fichiers.

La lecture des précédents tutoriels de cette série fait que l'API Grunt et la configuration des tâches n'ont plus de secret pour vous ! Dans ce tutoriel, nous allons apprendre la création de tâches !

Le but de ce cours est de vous apprendre les différentes façons d'exécuter une tâche avec ou sans option et comment lui passer des arguments.

Vue.js est une bibliothèque JavaScript qui permet de créer des interfaces web interactives. Le but de ce cours est de vous apprendre les bases pour utiliser cette bibliothèque.

Nous avons vu dans la première partie de cette série des notions utiles en programmation et prédéfines dans Vue.js. Dans ce tutoriel, nous allons apprendre comment définir les notions de filtres, directives et composants sur mesure selon ses besoins.

L'utilisation de frameworks JavaScript est une pratique de plus en plus répandue à l'heure actuelle. L'objectif de ce tutoriel est de vous apprendre l'isomorphisme avec React et Node.js.

Vue.js est une bibliothèque qui permet de créer facilement des interfaces Web interactives. Dans ce cours, nous allons apprendre dans un premier temps comment l'installer, et dans un deuxième temps les concepts clés ainsi qu'un petit exemple de réalisation pour illustrer.

Vue.js est une bibliothèque qui permet de créer facilement des interfaces Web interactives. Ce tutoriel est la suite d'une série de cours dont l'objectif est de vous apprendre à installer, paramétrer et utiliser ce framework.

Ce cours se charge de vous apprendre à utiliser l'outil Arc-en-ciel qui permet de faire rapidement un dessin et de générer le code JavaScript correspondant en utilisant les canvas. Il s'adresse aux développeurs voulant faire du rapid prototyping de dessins et d'animations avec Canvas en HTML5.

Ce tutoriel vous offre un aperçu de l'architecture et des possibilités du framework Danf. Il peut être l'occasion pour les développeurs voulant tester Node.js de le faire rapidement et simplement à travers ce tutoriel complet et fonctionnel.

Ce tutoriel a pour objectif de présenter Ember.js, un framework JavaScript MVC côté client et se propose de vous apprendre les bases de son utilisation.

Abraham Tewa est le concepteur de JsPackage, un framework JavaScript de programmation orienté objet basé sur les classes et les packages. Il nous livre des tutoriels pour nous apprendre à utiliser son framework.

Partie 1Tutoriel JsPackage : créer des classes - Créer des classes 2 commentaires
Partie 2Tutoriel JsPackage : créer des packages - Créer des packages Commentez

Cette série de tutoriels sur Backbone.js vous guidera à travers la création d'une application Web monopage possédant une implémentation personnalisée de Backbone.sync.

Partie 1Partie 1 - Environnement de développement Commentez
Partie 2Partie 2 - Les API Google et RequireJS Commentez
Partie 3Partie 3 - Authentification avec OAuth2 Commentez
Partie 4Partie 4 - Backbone.sync Commentez
Partie 5Partie 5 - Affichage des listes Commentez
Partie 6Partie 6 - Créer des listes Commentez
Partie 7Partie 7 - Modifier des listes Commentez
Partie 8Partie 8 - Supprimer des listes Commentez
Partie 9Partie 9 - Les tâches Commentez
Partie 10Partie 10 - Oh non, pas plus de tâches Commentez
Partie 11Partie 11 - Spies, Stubs et Mocks Commentez
Partie 12Partie 12 - Tester avec Mocks Commentez
Partie 13Partie 13 - Routage Commentez
Partie 14Partie 14 - Personnaliser l'interface Commentez
Partie 15Partie 15 - Mettre à jour, purger Commentez
Partie 16Partie 16 - Plugin jQuery et déplacement des tâches Commentez

Dans ce tutoriel, vous allez apprendre comment utiliser l'API JavaScript full screen sur des éléments HTML.

Enyo est un framework pour ordinateurs de bureau et mobiles qui utilise JavaScript et HTML5, développé par HP et la communauté open source. Ce cours se propose de vous apprendre à maîtriser efficacement ce dernier.
Partie 1Partie 1 - Kind, contrôles, événements, accesseurs et constructeurs Commentez
Partie 2Partie 2 - Components, chargement, propriétés publiées et compilation Commentez

Ce tutoriel explique le mécanisme d'Ender et de le démystifier. Ender est un outil de construction pour le regroupement des bibliothèques JavaScript dans un seul fichier. Le fichier résultant constitue un nouveau "framework" basé sur le modèle de collection d'éléments du DOM de jQuery.

Rialto est un framework orienté vers les applications de gestion. Le but de ce tutoriel est de vous apprendre la mise en oeuvre des principaux widgets.

Ce tutoriel se propose de vous apprendre à installer et utiliser la bibliothèque iUI. Cette bibliothèque compacte permet de donner à une page HTML affichée le style iPhone / Android.

À travers ce cours, je vous propose de découvrir les raisons de cette intensification, mais aussi les enjeux de la mise en ouvre et les impacts sur les performances.

Vert.x est un framework destiné à la plate-forme Java qui a la particularité d'être polyglotte. Il a été conçu pour faciliter la création d'applications asynchrones et événementielles, tout en fournissant des performances excellentes. Le but de ce cours est de vous apprendre à utiliser cet outil.

L'objectif de ce tutoriel est de vous apprendre à utiliser Ember.js. Il s'agit d'un framework JavaScript vous permettant de créer des applications web.

Click&Cloud est une plateforme Cloud PaaS qui intègre une large gamme de couches applicatives. Vous allez apprendre, dans ce tutoriel, comment cette solution peut couvrir plusieurs besoins des développeurs professionne

Ce cours vous guide pas à pas sur l'utilisation du BaaS (Backend As A Service) ZetaPush et sur l'usage du SDK JavaScript permettant de connecter vos pages web en temps réel.

Ce tutoriel a pour but de décrire le pattern Flux. En revanche, étant fortement couplé à React et mis en ouvre de pair avec cette bibliothèque, on confondra ici Vue et composant React.