Ressources du dimanche (20) : du jQuery et du JavaScript

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

A savoir que ce langage très connu a été créé en dix jours par Brendan Eich ! Aujourd’hui le code JavaScript est incontournable dans nos sites & applications web. Quant à la librairie jQuery, elle passe en version 3.0. Le javaScript se retrouve sous les feux des projecteurs avec la récente sortie de ES6, et pour le débat plus que jamais d’actualité : ce qu’on peut faire côté client et ce qu’on peut faire côté serveur. Le JavaScript est passé à la vitesse supérieure avec Node. De quoi pouvoir ouvrir le champ des possibles. 

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

ressources de livres ebook sur le javascript-blog de Catepeli

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

jscs, vérificateur de code javascript - blog de Catepeli

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

Debugger le javaScript avec les outils Chrome - blog de Catepeli

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

Framework Bideo javascript pour la video - Ressource du blog de Catepeli

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

Création d'objet JavaScript, best practices - article retenu sur le blog de Catepeli

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

Style Guide JavaScript de Airbnb - ressource du blog de Catepeli

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

Sweet Alert 2 - ressource du blog de Catepeli

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

Le javaScript isomorphique pour les applications - article retenu sur le blog de Catepeli

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

Making your javaScript pure - article retenu sur le blog de Catepeli

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.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Categories:
Tags:
Date:
  • 12/06/2016
Share:
%d blogueurs aiment cette page :