Aujourd’hui, je vous propose des ressources du jQuery et du JavaScript. Je choisis alors de proposer ici une sélection de frameworks et autres ressources dédiés au JavaScript et jQuery, comme quelques articles intéressants sur les capacités du JavaScript. Partant du JavaScript, langage de programmation incontournable et enrichi, qui déploie toutes ses capacités dans pas mal d’environnements de production & d’exécution. Et un peu de jQuery pour améliorer nos productions. Alors, bon travail à tous.
Revue web : du jQuery et du JavaScript
1 – Lectures pour JavaScript
Une première ressource qui regroupe une série de livres très bien faits pour comprendre & apprendre les mécanismes de base du langage JavaScript.
Aller sur le Github de la ressource You don’t know JS
2 – jscs.info
Un super outil pour vérifier notre code JavaScript : jscs.info. On peut l’installer par un npm, dans Grunt, Gulp et installer le plugin dans Bracket, Sublime Text ou Atom. Surtout, on peut configurer ses propres règles en fonction des règles préétablies dans les presets (belle liste exhaustive !). Super outil !
Aller sur le site jscs.info
3 – Debugger du JavaScript avec les DevTools de Google
Un bon article pour voir comment debugger son code dans l’outil DevTools Chrome de Google. Clair et bien fait, on peut découvrir toute l’envergure des outils mis à disposition dans les sources, quand le console.log ne suffit plus…..
Aller lire l’article Debugging JavaScript with Chrome DevTools Breakpoints
4 – Bideo
La vidéo en background, super idée, très tendance, mais toujours facile à réaliser…. Bideo.js peut vous aider à le faire, et ce même quand on change la taille de la fenêtre : un peu de CSS, du js et hop ! Notamment, la gestion du ratio des dimensions de la vidéo avec la largeur du container est une BONNE chose 🙂
Aller voir Bideo.js
5 – La création d’objets en Javascript
Je vais dire autant de développeurs, autant de manières de parler, de coder…. Bon OK, j’exagère, mais quand même. La création d’objets dans le langage de programmation JavaScript est au coeur du sujet : question de style. Voici un article qui présente différents styles, différentes constructions de création, ce qui en fait un article très intéressant.
Aller lire l’article Javascript Object Creation: Patterns and Best Practices
6 – Le styleguide JavaScript de Airbnb
Dans l’idée d’aller voir comment ‘les autres’ font : Airbnb. La qualité de ce site n’est plus à présenter, dans l’efficacité et le perfectionnisme à la fois en terme de design et de développement. Une preuve de cette qualité, ce Style Guide très bien fait, complet (bon ne cliquez pas sur : Other Style Guide : React) qui nous donne de bonnes règles et bonnes pratiques pour nos lignes de code. A voir, la création des objets ;).
Aller voir le styleguide de Airbnb
7 – Sweet Alert 2
Allez, à présent, une petite ressource user-friendly sympa pour nos popups et autres boîtes de dialogue animées. Facilement personnalisables par la mise à disposition de plusieurs options. La compatibilité de SweetAlert2 pour les navigateurs est bien large, y compris IE 10+ et Edge.
Aller voir la ressource Sweet Alert 2
8 – Le javaScript isomorphique
Dans le vif du sujet pour ce point, Le JavaScript peut être à présent isomorphe : des applications qui pourront fonctionner à la fois côté serveur et côté client, mais en écrivant le code une seule fois. Ce qui ouvre pas mal le champ des possibles !
Lire l’article Isomorphic JavaScript Applications
9 – Ecrire un javaScript pur
Rester exigeant, c’est à la fois une raison d’amélioration et d’émulation, mais aussi de performance. En pleine phase d’apprentissage pour ma part, je cherche à apprendre, mais surtout à bien apprendre, et pour ce faire, capter les bonnes pratiques. Trouver la pure fonction. Article incontournable !
Lire l’article Making your JavaScript pure
Voici donc ma petite sélection d’articles et de ressources du jQuery et du JavaScript, que j’ai pu retenir ces derniers jours. En espérant que ceux-ci vous permettront d’avoir de bons outils pour avancer et vous perfectionner.