IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Les meilleurs cours et tutoriels pour apprendre le JavaScript

Les meilleurs cours et tutoriels pour apprendre le JavaScript

Sélection des meilleurs tutoriels et cours de formation gratuits pour apprendre la programmation JavaScript (côté client et côté serveur). Vous trouverez les meilleures méthodes éducatives pour une formation agréable et complète, ainsi que des exercices intéressants, voire ludiques. Vous pouvez aussi trouver des exercices offerts en sus des cours pour perfectionner votre niveau et acquérir de l'expérience. Plusieurs frameworks et bibliothèques sont également présentés.

Si vous avez besoin, n'hésitez pas aussi à vous référer aux FAQ JavaScript et à poser vos questions sur les forums d'entraide JavaScript.

Page lue   fois.

Nombre d´auteurs : 121, nombre d´articles : 87, dernière mise à jour : 23 juillet 2021 

 
Pour débuter
  • PDF on-line ZIP 
    fr
    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 ».
     
  • PDF on-line ZIP E-book 
    fr
    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 ».
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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.
    9 commentaires Donner une note à l´article (5) Création : 1er janvier 2021  · Mise à jour : 1er février 2021 
     

Sommaire

menu Angular
menu AngularJS
menu Dojo
  • PDF on-line ZIP 
    fr
    Introduction à Dojo
    par Morvan Mikaël
    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.
     
  • PDF on-line ZIP 
    fr
    Le système de build de Dojo
    par Morvan Mikaël
    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.
     
  • PDF on-line ZIP 
    fr
    Découvrir l'API Dojo Data
    par Emmanuel Remy
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
menu jQuery
  • PDF on-line ZIP 
    fr
    À 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…
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Introduction à la bibliothèque JavaScript jQuery
    par Dave Lizotte, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Adapter jQuery à vos besoins
    par Daniel Hagnoul
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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
     
  • PDF on-line ZIP 
    fr
    Nous allons nous attarder sur la lecture d'un fichier ou d'une source XML à partir de jQuery.
    4 commentaires Création : 7 janvier 2009  · Mise à jour : 6 juillet 2020 
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Slider d'images ou de contenu avec jQuery
    par CSS Globe, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    Animez vos boîtes de message CSS avec jQuery
    par Didier Mouronval, Janko Jovanovic
    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.
     
  • PDF on-line ZIP 
    fr
    Créer des listes déroulantes à choix multiples avec jQuery
    par Cory S.N. LaViska, Pierre Schwartz
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Menu déroulant animé avec jQuery
    par ClarkLab, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Créez un formulaire de style Digg
    par Janko Jovanovic, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    Créer un menu animé fluide avec jQuery
    par Zach Dunn, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Effet d'accordéon avec CSS et JavaScript
    par Rob Glazebrook, Joris Crozier
    Cet article va vous montrer comment réaliser un effet d'accordéon avec du CSS et un peu de JavaScript
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    Créer un menu contextuel avec jQuery
    par Cory S.N. LaViska, Joris Crozier
    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.
     
  • PDF on-line ZIP 
    fr
    Créer un paysage d'en-tête animé avec jQuery
    par Didier Mouronval, Zach Dunn
    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.
     
  • PDF on-line ZIP 
    fr
    Un tableau de bord avec jQuery
    par Didier Mouronval, Michael Wilson
    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.
     
  • PDF on-line ZIP 
    fr
    Créer une galerie d'images avec CSS et jQuery
    par Sebastian Zenf, Didier Mouronval
    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.
     
  • PDF on-line ZIP 
    fr
    Ajouter un préchargement d'images à votre galerie
    par Sebastian Zenf, Didier Mouronval
    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 !
     
  • PDF on-line ZIP 
    fr
    Créer une arborescence de fichiers avec jQuery
    par Cory S.N. LaViska, Alban Lelasseux
    Un plugin AJAX d'exploration de fichiers pour jQuery.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    Un billet de blog qui explique le chargement d'un fichier JSON avec AJAX
     
menu MooTools
menu React.js
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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 ?
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP E-book 
    fr
    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.
     
  • PDF on-line ZIP 
    fr
    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 ».
     
menu Vue.js
menu Autres
Consultez tous les cours

Copyright © 2007 Developpez Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.