React est une bibliothèque JavaScript construite en 2013 par l'équipe de développement de Facebook pour rendre les interfaces utilisateurs plus modulaires (ou réutilisables) et plus faciles à maintenir. Selon le site Web de React, il est utilisé pour « Construire des composants encapsulés qui gèrent leurs propres états, puis les assembler pour réaliser des interfaces utilisateurs complexes ».

Ce tutoriel est une introduction à la programmation en JavaScript. JavaScript a été créé en 1995, pour le compte de la société Netscape (éditeur d'un des premiers navigateurs Web, dont Mozilla Firefox est l'héritier), puis standardisé sous le nom d'ECMAScript (souvent réduit à ses initiales « ES »). Utilisable sur de nombreuses plateformes, JavaScript est le seul langage de programmation inclus en standard dans les navigateurs Web. On dit donc que c'est « le langage du Web ».

Vue.js est une bibliothèque qui permet de créer facilement des interfaces Web interactives. Dans ce cours, nous allons voir 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.

Ce tutoriel s'adresse à tous les développeurs qui ont déjà les bases de la programmation orientée objet et qui souhaitent la découvrir avec les prototypes et les classes en JavaScript.

Ce tutoriel est sous la forme d'un mémo présentant les chapitres les plus importants du framework Angular. Chaque chapitre est composé de codes sources agrémentés de diverses explications et points-clés à connaitre. Ce mémo est destiné aux développeurs Angular débutants et aussi confirmés.

Cet article vous permettra d'apprendre à mettre en place un système d'autocomplétion au sein de votre application Angular, grâce à la bibliothèque RxJS

Ce tutoriel fournit les bases dont vous avez besoin pour commencer à créer une application Angular. Nous parlerons de ce que cette version apporte de plus par rapport aux précédentes, nous allons-nous focaliser sur le fonctionnement d'Angular 4 et principalement sur le composant de base qui est le « component ». Nous répondrons également aux questions clés comme qu'est-ce qu'un component ? Quand devrions-nous utiliser le data binding ? Pourquoi avons-nous besoin d'un service ? Et comment construire une application Angular ?

Aujourd'hui, dans la plupart des cas, lorsque vous commencez un projet Angular (1.x) vous pensez à une architecture MVC. Il y a beaucoup de manières de coder en Angular, mais il y en a particulièrement une qui est, selon moi, plus claire. Dans cet article, je vais vous montrer comment 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. En TypeScript, une directive est une classe à laquelle on applique le décorateur @Directive

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.

Dans ce tutoriel, nous verrons comment maîtriser tous les aspects de l’utilisation des Pipes avec Angular 6. De plus, sachez que les pipes sont une fonctionnalité très stable, et que malgré les prochaines mises à jour d’Angular, cet article devrait plutôt bien vieillir.

Dans la première partie de ce tutoriel, nous verrons comment démarrer un projet professionnel avec Angular-CLI. Nous nous consacrerons à la génération du socle avec Angular-CLI, avant d’ajouter dans le prochain tutoriel les éléments indispensables à toute application d’envergure.

Je vous propose de voir ensemble un exemple très simple et les différentes étapes à suivre pour la mise en place d'une API sécurisée servant une liste de publications (…très privées) à notre application Angular2.

Introduction au 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

Alex Young a décidé de lancer 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 cet article est principalement de montrer comment concevoir une application Modèle - Vue - Contrôleur (MVC) à l'aide de ce framework.

Cet article est une introduction au framework JavaScript Dojo. Il en décrit les bases ainsi que les bibliothèques complémentaires Dijit et Dojox.

Cet article décrit 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 connexion aux données en Java, .NET ou PHP. Aujourd'hui chaque langage ou Framework propose sa couche « data ». Et ce qui était réservé, il y a encore quelques années, à une démarche serveur devient indispensable côté Client, dans nos navigateurs.
Consommer des données. Pas spécialement des données issues des SGBD mais plutôt tout type de données, à partir du moment où on dispose… d'une source de données !
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 , et je vous propose de la découvrir dans ce premier article d'une série de 2. Vous découvrirez progressivement toutes les possibilités des stores, et sous son aspect généraliste cet article se veut complet. Ainsi, à l'issue de sa lecture, chacun pourra porter un jugement sur cette API et pourra la manipuler sans encombre.

Cet article a pour but de présenter comment concevoir une application JavaScript en utilisant la programmation orientée objet et de montrer comment le framework Dojo permet de simplifier cette écriture.

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

La plupart des plugins exécutent une seule tâche et les méthodes d'écriture de plugin utilisées dans « Mon Cahier d'exercicesMon Cahier d'exercices  », dans la FAQ jQueryFAQ jQuery et dans l'article « Adapter jQuery à vos besoinsAdapter jQuery à vos besoins  » couvrent la majorité des besoins. Lorsque l'on souhaite inclure la modification des options et implémenter plusieurs méthodes, on doit penser multitâche. Dans cet article, j'explique la méthode de construction que j'utilise et je donne trois exemples de plugins multitâches.

Dans cet article, je vais aborder un outil que n'importe quel développeur Web ou intégrateur a déjà dû utiliser. Je veux parler de 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.

Il y a beaucoup de plugins du style des carrousels (slide) et ils ont tous des forces et des faiblesses différentes. Cependant, RoyalSlider de Dmitry Semenov est une très bonne galerie d'images jQuery réactive et activable également avec les touches du clavier.

Nous allons, dans cet article, effectuer une introduction à la bibliothèque JavaScript : jQuery.
Il va sans dire que pour comprendre un tant soit peu l'article qui suit, il vous faut un minimum de connaissances JavaScript et du modèle objet des documents (DOM). Nous verrons donc la base en vous donnant les détails nécessaires à votre apprentissage afin que vous soyez 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 cet esprit, je vous propose de généraliser l'usage de la clôture jQuery (closure jQuery). L'utilisation de la clôture implique celle de la fonction globale et d'un espace de noms.

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.

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. Faut-il pour autant recourir obligatoirement à une autre bibliothèque JavaScript comme Dojo ? Non, je crois qu'il suffit d'un outil léger, permettant l'héritage simple. L'outil, l'objet $.dvjhClass, permet de réunir dans un même corpus la fonction d'initialisation et son prototype.

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 cet article, vous trouverez donc en une seule page les meilleures techniques trouvées en ligne.

Cet article montre la mise en place avec jQuery d'un système de navigation par onglets. Le but est simple : plutôt que d'afficher toutes les informations sur la page, ce qui aurait un aspect un peu austère et pourrait rebuter certains visiteurs, nous choisissons de n'en afficher qu'une partie et de mettre des pseudo liens de navigation pour permettre de visualiser les autres parties.

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èmes. Depuis l'avènement du Web 2.0, on voit une quantité phénoménale de blogs utilisant cette technique. Nous allons donc voir comment 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 - À la mode Web 2.0

Nous allons nous attarder sur la lecture d'un fichier ou d'une source XML à partir de jQuery.

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. Flot est un plugin permettant l'affichage de graphiques à l'allure très professionnelle.
Dans un monde toujours plus informatisé, il arrive de plus en plus d'avoir besoin d'afficher une grande quantité de données sur le Web. Généralement, un simple tableau d'en-têtes et de valeurs fera l'affaire si la quantité de données est petite. Par contre, si l'on se fie à l'être humain, ce dernier aura plus de facilité à assimiler des données si elles sont affichées graphiquement. Nous allons donc voir ici comment utiliser Flot afin d'ajouter une touche professionnelle à l'affichage de vos données.

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. Il suffit donc juste d'intégrer le fichier, d'indiquer le contenu et de le mettre en forme avec des CSS.

En complément de mon article sur la création de boîtes de message, j'ai voulu m'amuser un peu avec et ajouter quelques animations avec (vous l'aurez deviné) jQuery. L'idée est très simple. Animons le message lorsqu'il apparait et éjectons-le après l'avoir lu.

Cet article est la traduction de l'article jQuery MultiSelect. jQuery MultiSelect est un plugin configurable pour jQuery. Il a été conçu pour transformer des formulaires à sélections multiples en une simple liste déroulante conviviale.

C'est toujours une joie de comprendre comment les choses fonctionnent. Bon, en tout cas c'est le cas. Alors cette fois-ci, je souhaite vous montrer comment créer des infobulles simples avec jQuery. Beaucoup de scripts que l'on pêche sur le net utilisent les événements onmouseover et onmouseout. Ca fait vraiment fouillis et ça me gêne. Et c'est là que jQuery arrive à la rescousse. La manière dont cela fonctionne est très simple : j'utilise les attributs rel et title des ancres pour identifier une infobulle et savoir ce qu'elle contient.

Les menus déroulants sont une solution idéale pour insérer un grand contenu dans un espace initial réduit. Pendant longtemps, les développeurs se sont contentés d'utiliser les menus déroulants standards des formulaires HTML, mais avec un minimum d'efforts, vous pouvez réaliser un bien meilleur effet avec jQuery et les CSS.

Beaucoup de formulaires peuvent être ennuyeux et plats, ne faites pas entrer les vôtres dans ce mélange. Ce tutoriel va vous montrer comment les épicer 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. Il vous permet de partager des ressources sur le Web. Dans ce tutoriel, nous allons recréer leur formulaire d'inscription avec des fonctionnalités uniques comme les informations sur le champ que vous êtes en train de remplir. La même approche sera utilisée 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 ? Nous allons en réaliser un en l'animant avec des effets fluides.

Cet article va présenter la création d'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 cet article.

Cet article va vous montrer comment réaliser un effet d'accordéon avec du CSS et un peu de JavaScript

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. Dans ce tutoriel, vous verrez comment créer un formulaire de contact dynamique en utilisant jQuery.

Ceci est 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 animerons la transition entre ces états avec jQuery. Cela va être une grosse tâche ! Je vous préviens tout de suite, il y a beaucoup de code à copier-coller. J'expliquerai l'essentiel dans le tutoriel, mais pour des raisons de place, je ne commenterai pas ligne par ligne. Si vous avez besoin d'explications complémentaires, n'hésitez pas à laisser un commentaire sur le forum.

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. Un effet similaire permettrait d'ajouter un ensemble complet de fonctionnalités à un site Web avec un simple menu déroulant en haut d'une page.

Dans cet article, nous allons 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 cet article, nous allons améliorer notre galerie d'images détaillée dans l'article précédent. Nous allons 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 !

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é beaucoup plus vivantes - répondant aux interactions avec l'utilisateur de manière dynamique comparé aux sites basés sur les standards du Web.
Plus tard, tout a changé, bien sûr, avec une réapparition des effets dynamiques dans les interfaces, effets aidés par les librairies JavaScript qui le font facilement, librairies comme Prototype, Scriptaculous, Moo,YUI, MochiKit (et je pourrais en citer d'autres). Il est vraiment temps de revisiter la technique des Sprites CSS datant d'il y a quatre ans et de voir si on peut exprimer un peu de mouvement.
Ce qui suit montre les CSS Sprites2 par l'exemple, la technique sera couverte par cet article.

Voici une astuce simple qui peut être facilement mise en application dans vos sites Web. 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 montrer comment créer cet effet. Bien entendu, n'hésitez pas à faire part de vos commentaires.

Cet article a pour but de vous montrer comment créer des boîtes ou des légendes coulissantes avec la bibliothèque JavaScript jQuery.

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. Dans cet article, vous découvrirez comment installer le plug-in Coda-Slider, comment l'intégrer à votre page et comment le configurer.

Un billet de blog qui explique le chargement d'un fichier JSON avec AJAX

Jean-Philippe Déry est le concepteur de Moobile, le framework MooTools orienté mobile. Il nous propose ici un article permettant de débuter avec Moobile.

Jean-Philippe Déry est le concepteur de Moobile, le framework MooTools orienté mobile. Il nous propose ici un article permettant de créer une application Hello World.

Jean-Philippe Déry est le concepteur de Moobile, le framework MooTools orienté mobile. Il nous propose ici un article permettant de créer des transitions avec des effets de styles.

Jon Bomgardner contribue au projet jxlib.org. Après s'être abonné récemment aux envois de courriels des développeurs de MooTools, et après avoir partagé son expérience pour la mise à jour de JxLib pour la version 1.4.2 de MooTools, Aaron Newton (membre de l'équipe MooTools) lui a demandé d'expliquer plus en détail son travail sur JxLib, un framework JavaScript d'interfaçage utilisateur conçu avec MooTools.

Aaron Newton travaille depuis plusieurs années sur la conception d'interfaces utilisateur et apporte beaucoup de contenu et de soutien à l'équipe MooTools. Il propose ici 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. Cet outil permet de visionner une série d'images dans une pop up d'un design bien plus agréable qu'une simple page HTML et avec navigation intégrée.

Cet article vous montre comment mettre en place facilement des curseurs de réglage de type Facebook en utilisant les technologies JavaScripts (Mootools) et les feuilles de style.

Dans ce tutoriel, j'illustrerai mes propos à travers un exemple en utilisant React et Node.js. React est une bibliothèque JavaScript, développée par Facebook, permettant de créer des composants qui constitueront l'interface du site. Sa particularité est de manipuler le DOM de façon intelligente en ne modifiant que le strict minimum lors du rafraîchissement des données. Cette notion apparaîtra plus clairement dans la suite de ce tutoriel.

Pour rendre l'expérience utilisateur de nos applications Web toujours plus agréable, nous sommes de plus en plus obligés d'utiliser plusieurs technologies en même temps. C'est par exemple le cas si l'on souhaite mettre en place un flux infini. Pour le rendre simple et performant, nous allons utiliser un backend Symfony et un front en ReactJs. La question se pose alors : comment interfacer les deux technologies ?

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

Dans ce tutoriel, nous allons apprendre à écrire du code moderne qui nous permette de progresser sur la voie du code organisé, facile à maintenir et à tester. Nous allons créer une application React simple, mise en œuvre au travers de Webpack.

Lorsqu'on choisit une technologie orientée composant pour son développement d'applications front end, on se donne la possibilité de construire son application à l'aide de briques faiblement couplées les unes aux autres. Cela constitue un avantage pour la réutilisation du code ainsi que pour les tests. C'est cet aspect que je vais aborder dans ce tutoriel. Il sera question aujourd'hui de React.

React est une bibliothèque JavaScript construite en 2013 par l'équipe de développement de Facebook pour rendre les interfaces utilisateurs plus modulaires (ou réutilisables) et plus faciles à maintenir. Selon le site Web de React, il est utilisé pour « Construire des composants encapsulés qui gèrent leurs propres états, puis les assembler pour réaliser des interfaces utilisateurs complexes ».

Vue.js est une bibliothèque JavaScript qui permet de créer des interfaces web interactives. Il existe de très nombreuses bibliothèques qui proposent la même chose dont la plus célèbre est AngularJS. Pour avoir une idée de la richesse de l'offre, vous pouvez jeter un coup d'œil sur cette page. Alors, étant donné cette prolifération, pourquoi utiliser particulièrement vue.js ? À travers ce tutoriel, nous allons apprendre les bases de ce framework.

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 voir comment définir les notions de filtres, directives et composants sur mesure selon ses besoins.

Vue.js est une bibliothèque qui permet de créer facilement des interfaces Web interactives. Dans ce cours, nous allons voir 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.

Cette première partie s'intéresse donc à présenter les principaux concepts qu'un framework Web JavaScript nouvelle génération doit proposer et comment ils ont été intégrés dans Vue.js.

Cette deuxième partie présente les principaux concepts de Vue.js au travers d'un exemple complet.

Cette troisième partie s'intéresse aux problématiques de déploiement d'une application Vue.js en utilisant massivement la brique technologique Docker pour créer des conteneurs.

NUXT.JS est un framework qui permet de construire des clients Javascript s’exécutant dans un navigateur en mode SSR (Server Side Rendered)

Ce tutoriel est une introduction à l'utilisation de 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.

Neil McGuigan propose régulièrement des trucs et astuces pour l'utilisation du framework JavaScript ExtJS. Ces idées lui viennent de ses propres expériences et il partage la solution qu'il a trouvée pour pallier certains cas problématiques.

Cette série d'articles a pour but de vous faire découvrir les différentes fonctions du framework script.aculo.us. Dans un premier temps, nous allons voir comment mettre en place le framework dans une page HTML.

Cet article est un tutoriel permettant d'avoir 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. Un survol devrait prendre aux alentours de 10 minutes et une lecture avec test un peu plus approfondie entre 30 et 45 minutes.

Les effets visuels de script.aculo.us sont répartis en deux catégories, les effets noyau et les effets combinés.
Les effets combinés sont en fait une combinaison d'effets de base préformatés.
Bien comprendre cette notion vous sera très utile lorsque vous voudrez créer vos propres effets personnalisés.

Cet article a pour objectif de présenter Ember.js, un framework JavaScript MVC côté client.

Cet article vous montrera comment modifier l'opacité d'un élément (X)HTML suite à une sélection grâce au Framework Script.aculo.us.

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 sur 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

Alex Young a décidé de lancer une série de tutoriels sur Backbone.js qui 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

Paul Underwood nous explique dans ce tutoriel 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. Robert Kowalski est un développeur qui apprécie le JavaScript. Il aime explorer divers frameworks et c'est d'ailleurs ce qu'il a fait avec le framework Enyo. Aujourd'hui il désire nous 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

L'article de Rod Vagg a pour but d'expliquer 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. Cet article montre la mise en œuvre des principaux widgets.

Cet article présente la bibliothèque iUI, son installation et propose un petit exemple d'application. Cette bibliothèque compacte permet de donner à une page HTML affichée le style iPhone / Android.

Dans ce billet, nous synthétiserons les principaux points de cette vision pour avoir une vue d’ensemble de ce à quoi pourrait ressembler l’écosystème Web et ce que nous serions capables de faire avec, une fois une certaine maturité atteinte.