Javascript296 ressources dans cette catégorie

Tout ce qu'il faut sur JavaScript / AJAX

Beaucoup utilise le plugin ddslick, pour avoir une liste avec des images et description.
Malheureusement, quand on l'utilise dans une popup ou une div ou tout autre limiteur d'espace et qu'on veut la dérouler ... appaît un scroll...

J'ai récupéré le fichier sur le site officiel et fusionné une modif d'un autre site pour permettre le disable/enable du pluggin officiel

Le jeu du printemps 2014, dans une adaptation JS maison.
Principale nouveauté: possibilité de corriger en permanence ses déplacements!
Merci à ma fille de me l'avoir fait découvrir il y a une semaine (oui, je sais, je suis en retard d'un an).

(Mise à jour du code pour des raisons de propreté...;
Je mets le HTML aussi, mais sans l'affichage des scores, qui nécessite juste un ptit insert via php)

Démo en ligne

Aurelia (anciennement Durandal) est considéré comme le framework JavaScript concurrent de Angular. C'est un framework JavaScript MV* (Model, View, et ce que vous voulez pour relier les deux). Il est écrit avec les dernières spécifications EcmaScript 6 et 7.

Le code est transpilé en ES5 et des polyfills sont ajoutés afin de garantir son support sur tous les navigateurs modernes. Il s'accomode très bien avec TypeScript, CoffeeScript ou AtScript.

Parmi sa longue liste de fonctionnalités, on peut citer :

• un data-binding adaptatif très complet, avec deux fallbacks possibles (Object.observe en ES6, getter/setters en ES5 ou dirty checking en dernier recours pour le reste des navigateurs) ;
• une forte in ... Voir la suite

jQuery Migrate est un plugin qui sert à tester la compatibilité des codes jQuery existants avec les nouvelles versions de jQuery, Il fournit en effet des diagnostics qui peuvent simplifier la mise à niveau vers les nouvelles versions de jQuery, en avertissant sur les API obsolètes ou d'autres changements dans jQuery qui peuvent affecter votre code.

Ce plugin a différentes versions (développement ou production). Il convient de faire attention à la version utilisée et nous déconseillons d'emporter ce plugin en production. C'est un outil de développement.

Highcharts est une bibliothèque graphique écrite en HTML5 et JavaScript, offrant des graphiques complets et complexes, mais intuitifs et interactifs pour votre site ou votre application Web. Elle implémente différents types de graphiques (colonnes, lignes, aires, camemberts, nuages de points, etc.). Développée pour les mobiles, Highcharts supporte les tableaux de bord interactifs ou autonomes dans tout projet Web.

Le composant dhtmlxConnector pour PHP permet de réaliser une application dhtmlx avec un back-end PHP. Il supporte les framework suivants :


CodeIgniter ;
Yii ;
CakePHP ;
Lavarel.

dhtmlxGantt est un outil de la suite DHXTML (un framework JavaScript) qui permet d’intégrer des diagrammes de GANTT dans des pages web et de réaliser ainsi la gestion d’un projet complètement en ligne.

Imba est un langage se compilant en JavaScript. Ce langage est le fruit de plus de six années de réflexions menées dans le but de faire tourner Ruby dans les navigateurs.

Imba provient d'un fork avec CoffeScript.

Il dispose de fonctionnalités pour la définition, l’extension, le sous-classement, l’instanciation et le rendu des nœuds du DOM. Comme avantage mis en avant, il se trouve qu’Imba dispose d’un support natif pour les tags et les sélecteurs. De même, le code compilé est très lisible et extrêmement performant. À titre d’exemple, on peut faire une comparaison entre le code écrit avec Imba et celui qui a été compilé.

Fly se décrit comme le système de build nouvelle génération.

Il se repose en effet sur les générateurs et les promesses introduites par la norme ECMAScript 6 (alias ES 2015). L'utilisation de ces nouveautés permet d'obtenir une API quasi transparente, où les tâches sont décrites simplement comme un module exportant une fonction. On retrouve ainsi une syntaxe similaire aux steams de Gulp, mais beaucoup plus claire et concise.

deepstream.io est un serveur Node.js open source qui permet aux clients de synchroniser les données d'applications sur navigateurs ou sur mobiles.

En pratique, il a une couche de mise en cache et la prise en charge des messages basés sur les événements et sur le protocole RPC.

Les appels RPC permettent aux fonctions d'être liées à des noms de fonction. Une belle propriété du protocole RPC utilisée dans deepstream.io est que si plusieurs clients sont en mesure de fournir le même RPC, le serveur peut éventuellement redistribuer les requêtes entre ces clients.

Hasha est un outil basé sur l'algorithme de hashage du module de cryptographie de Node.js. Il est cependant plus convivial et plus simple à mettre en place pour des opérations basiques.

Vous pouvez ainsi crypter :

• des chaînes de caractères ;
• des buffers ;
• des flux ;
• des fichiers.

Object Model est chargée d'apporter un typage dynamique fort en JavaScript.

JavaScript est déjà un langage typé à typage dynamique, mais ce typage est très libertaire et ne fournit pas du point de vue du développeur les avantages présupposés du typage dans un langage de programmation. De ce fait, on ne peut pas considérer que JavaScript ait un typage fort, même si cela peut encore faire débat. Ce qui fait que des erreurs de types sont encore source de nombreux bugs dans les applications JavaScript.

Pour s'assurer de sa stabilité, plus d'une centaine de tests ont été effectués sur tous les principaux navigateurs : Chrome, Firefox, Internet Explorer 9/10/11, Opera 20, Safari 5.1 et même la version preview de Microsoft Ed ... Voir la suite

dhtmlxFileSelector est un mini-composants de la bibliothèque DHTMLX.

Il est destiné à faciliter au développeur la lecture et la navigation à travers le système de fichier du client. En effet, de part sa conception, il rend simple la sélection de fichier dans une application web. Etant entièrement développé en JavaScript, il permet d’ouvrir une interface de dialogue et de sélectionner ainsi les fichiers dont on a besoin. Il permet de représenter entièrement votre système de fichier et s’intègre nativement au composant de formulaire dhtmlxForm.

Ce composant supporte également la localisation

WarriorJS est un jeu basé sur l'écriture de code ES6. L'objectif est d'apprendre le JavaScript et l'intelligence artificielle de manière interactive et amusante.

Le principe est le suivant. Vous êtes un guerrier qui escalade une grande tour. Chaque niveau est résolu en déplaçant le joueur par le biais de code JavaScript et en interagissant avec les unités ennemies. Vous développez l'expérience et les connaissances du guerrier après chaque niveau.

En fait, les niveaux sont définis dans des fichiers JSON, il est donc possible d'en créer de nouveaux et l'auteur le fera sûrement lui-même.

Babel est un transpileur ECMAScript 6. Il transforme votre code ES6 en code ES5. Ce qui signifie que vous pouvez commencer à utiliser dès maintenant les nouvelles fonctionnalités du langage sans devoir attendre leur support par les navigateurs.

Babel sait compiler et traduire les éléments suivants :

• les raccourcis de fonction ;
• les fonctions asynchrones ;
• les classes ;
• la déstructuration ;
• les décorateurs ;
• let ;
• etc.

Mais Babel, c'est également une interaction avec d'autres outils JavaScript (ou non) comme React, NodeJS, Rails, Browserify. Etant compatible avec les principaux navigateurs, Babel peut également être étendu par div ... Voir la suite

DHTMLX-Gii est un générateur de tableaux pour le framework Yii 2 conçu par l'équipe DHX de la bibliothèque AJAX DHTMLX.

Ces tableaux sont modifiables selon la base de données de votre site. En utilisant la bibliothèque dhtmlxGrid, vous obtenez un panneau d'administration CRUD prêt à l'emploi. Dès l'installation de DHTMLX-Gii, un ensemble de pages Web apparaît et permet de changer le contenu de la base de données. Notons toutefois que les rôles et accès des utilisateurs ne sont pas définis. C'est à définir par vous-même.

Yii est un framework PHP open source pour créer des applications Web. Pour étendre les fonctionnalités de Gii, vous pouvez personnaliser les générateurs de code existant ou en écrire de nouveaux générat ... Voir la suite

dhtmlxDataSelector est un petit composant pour organiser vos données. En fait, il fait partie des mini composants qui ne sont pas officiellement inclu dans la suite DHTMLX. Ces derniers représentent cependant des solutions intéressants pour des parties précises de vos applications.

Il aide à gérer les limites de l'information qui peut être placé dans une liste déroulante. C'est une sélection qui offre la possibilité d'obtenir de grands ensembles de données de la base de données, qui regroupe l'ensemble et structure les données.

L'outil propose une recherche avancée et s'intègre facilement dans les dhtmlxForm. Il y a également le support de la localisation qui permet de traduire les libellés des boutons et l'intitulé d ... Voir la suite

Danf est un framework open source de développement d'applications Web pour node.js. Il permet de développer de la même manière du côté client et serveur (et pourquoi pas d'utiliser le même code !). Il propose notamment de programmer en orienté objet pour réaliser des architectures complexes grâce à un module d'injection de dépendances inspiré de celui de Symfony2, une couche d'abstraction pour gérer facilement et de manière originale des flux asynchrones (fondée sur la bibliothèque async) ainsi que plein de petites fonctionnalités comme une gestion simplifiée des cookies, des sessions, et bien plus encore afin d'aider à rentrer simplement dans le monde node.js surtout quand on vient de l'univers PHP. Il permet aussi bien de réaliser des sit ... Voir la suite

Avec le désir d’offrir aux développeurs Java une approche simple et légère pour créer des applications Web, voici JSweet, un transpileur de Java à JavaScript via TypeScript. Un transpileur ou un compilateur source à source est un type de compilateur qui prend le code source d'un langage de programmation et le compile dans un autre langage de programmation.

JSweet est construit au-dessus de TypeScript, le langage de programmation libre et open source développé par Microsoft, et qui est un surensemble de JavaScript. Cela permet d’amener les toutes dernières API JavaScript dans le monde Java. En d’autres termes, il permet aux développeurs de se reposer seulement sur leurs compétences en Java pour construire des applications web en J ... Voir la suite