Faire un bon site nécessite beaucoup de compétences, mais il n'est pas toujours nécessaire de tout développer à partir de zéro. Pour utiliser l'une des bibliothèques JavaScript présentées dans cet article, vous devez posséder au moins quelques compétences en JavaScript, mais vous n'avez également pas nécessairement besoin d'être un expert.
Vous devez être un expert pour savoir comment intégrer les bibliothèques dans un site afin d’en tirer le meilleur parti. Ce n'est pas vraiment quelque chose qui peut être enseigné. C'est une compétence que vous ne pouvez apprendre que par la pratique. Cependant, une fois que vous avez maîtrisé les concepts, votre créativité et ses résultats ne sont plus limités.
Voici notre liste des bibliothèques JavaScript les plus utiles disponibles pour les programmeurs pour l'amélioration du site. Vous ne verrez peut-être pas votre favori dans la liste ici, mais cela ne signifie pas qu'il n'est pas recommandé. En fait, toute bibliothèque JavaScript qui vous aide à réaliser quelque chose d'utile ne peut être ignorée. Mais avec littéralement des millions de bibliothèques parmi lesquelles choisir, nous devons tracer la ligne quelque part.
1. jQuery
Il est préférable de commencer par l'évidence. Vous utilisez certainement déjà cette bibliothèque d'une manière ou d'une autre, même si vous ne la connaissez pas déjà. Essentiellement, jQuery vous permet de faire des choses dynamiques sur des pages Web statiques plus facilement que d'autres méthodes, et ne nécessite pas de programmation côté serveur pour obtenir les résultats. Cela signifie également que les mises à jour peuvent se produire plus rapidement qu'avec des alternatives côté serveur. De nombreuses autres bibliothèques incluent jQuery en tant que dépendance, vous devrez donc probablement l'incorporer dans vos pages même si vous n'accédez pas directement à ses fonctionnalités.
2. Prototype
Cela, d'une certaine manière, pourrait être considéré comme un concurrent de jQuery. Ce n'est pas nécessairement inférieur, mais il est beaucoup moins largement adopté. L'utilisation conjointe de prototype et de jQuery peut entraîner des conflits, sauf si vous prenez des mesures spéciales pour résoudre ce problème. C'est pourquoi vous devez connaître les dépendances dans les autres bibliothèques JavaScript que vous utilisez.
3. Moderniser
Cette bibliothèque permet de surmonter les problèmes de rendu de page sur les anciens navigateurs qui ne prennent pas entièrement en charge HTML5. Bien que de tels navigateurs soient de plus en plus rarement rencontrés, ils font toujours partie du paysage et le fait d'avoir Modernizr peut vous aider à résoudre le problème de manière efficace.
4. Bootstrap
En seulement six ans, Bootstrap a connu une énorme prolifération dans le monde du développement Web. Il ne concerne que la mise en page de l'interface utilisateur et l'intégration des composants, mais il le fait très bien. Vous devrez cependant modifier les paramètres par défaut pour à peu près tout, car ils sont basés sur Twitterle schéma de couleurs de, qui n'est pas le plus convivial des interfaces utilisateur.
5. PDF.js
Vous savez peut-être que le PDF format est sujet à certaines vulnérabilités. Pour contourner ce problème, PDF.js a été créé pour restituer le contenu PDF dans le canevas HTML5. Évidemment, cela signifie également qu'il ne fonctionne que dans un navigateur prenant en charge HTML5 et Canvas.
6. JS Charts
Une excellente bibliothèque qui fournit un générateur de graphiques simple mais puissant, afin que vous puissiez créer toutes sortes de graphiques de qualité professionnelle pour votre site sans investir trop de temps et d'efforts. La version gratuite est tout aussi puissante que la version payante, mais comprend un filigrane. L'achat d'une licence supprime ce filigrane.
7. Chart.js
C'est une très bonne alternative aux graphiques JS, entièrement gratuite et sans marque. Il est facile à utiliser, bien documenté et peut être personnalisé à l'infini. Son utilisation nécessite un peu plus de compétences JavaScript que les graphiques JS.
8. D3.js
C'est un grand frère des deux exemples précédents, qui sont destinés à une utilisation légère. Cependant, si vous utilisez des données dans la cour des grands, D3 vous offre les fonctionnalités avancées qui peuvent faire passer votre présentation en ligne au niveau supérieur. Tout type de données peut être visualisé et exprimé de nombreuses façons. Consultez simplement les exemples sur le site Web de D3 pour voir ce que vous avez manqué.
9. bHive
Un excellent cadre graphique qui est aussi revolutionique au HTML5 Canvas comme Raphaël l'était au HTML4. bHive vous permet de créer rapidement des graphiques SVG, des animations et même d'incorporer de l'interactivité qui pourrait être utilisée de différentes manières, telles que des jeux simples et des applications éducatives.
10. Owl Carousel
Bien que la surutilisation des carrousels ne soit pas à encourager, pour les moments où vous en avez vraiment besoin, Owl est l'un des plug-ins de carrousel les plus recommandés jamais créés pour jQuery. Il est compatible avec les écrans tactiles et les dispositifs de pointage. Il prend en charge le balayage et le glisser-déposer. Il est entièrement personnalisable et est responsive par défaut.
11. Date.js
Parfois, vous devez être en mesure d'exprimer la date dansformation de différentes manières pour donner un contexte de site. Les fonctionnalités de Date.js vous permettent de faire exactement cela, en utilisant une syntaxe très simple qui ne pourrait pas être plus facile à apprendre.
13. Moment.js
Un autre rendez-vous formatbibliothèque de calcul et de traitement. C'est un peu plus complexe que Date.js mais permet de faire certains calculs spécifiques facilement (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate, etc.). Lorsque vous n'avez pas besoin de tous les frais généraux associés à ces fonctionnalités supplémentaires, utilisez Date.js à la place.
13. dateDropper
Lorsque vous avez besoin d'afficher un contrôle calendar / datepicker sur votre site, dateDropper est la solution la plus élégante et la plus simple que nous ayons jamais vue (et nous en avons vu beaucoup). Il est également plus compatible avec les interfaces mobiles que la plupart des autres solutions existantes.
13. Numeral.js
Fait pour les nombres ce que Date.js fait pour les dates.
14. wForms
WForms est une bibliothèque simple mais utile maintenue dans l'archive Google Code, qui facilite le travail des tâches courantes liées aux formulaires de saisie utilisateur. Celles-ci incluent la validation des entrées, des info-bulles et d'autres fonctionnalités utiles.
15. sortTable
Les tables triables existent depuis presque aussi longtemps que les tables (tables de données, en tout cas). Mais avec cette bibliothèque JavaScript manuelle, vous pouvez facilement trier une table simplement en ajoutant une classe à la table lorsque vous la créez, ce qui est aussi simple que:
image d'en-tête avec la permission de Rogie
Commentaires Réponses 0