Catégories
JavaScript

Extension Firefox/Chrome

Les extensions sont un type d’add-ons (ou modules en 🇨🇵) pour les navigateurs (les 2 autres types d’add-ons sont : les user dictionaries et language packs). Les extensions sont de véritables applications qui ajoutent des fonctionnalités au navigateur qui peuvent se matérialiser de nombreuses façons : ils permettent notamment de modifier des pages web (modification […]

Catégories
JavaScript

React hooks

A hook is a function provided by React that let’s you hook into react features from your function components Dan Abramov (React Conf 2018) Les Hooks ont été introduits en 2018 pour : alléger la syntaxe pour créer des composants (lourdeurs liées au fonctionnement des classes) mieux rassembler la logique du code au sein d’un […]

Catégories
JavaScript

GraphQL

GraphQL GraphQL est une nouvelle norme d’API, qui fourni une alternative plus efficace, puissance et flexible à REST développé à l’origine par Facebook, pour répondre à un besoin de transfert de données adaptés aux nouveaux usages du web (mobile avec des taux de transfert restreint et qualité de connexion pas toujours au top).

Catégories
JavaScript

Next.js

NextJs est un Framework React qui popularise le SSR (Server Side Rendering) de webapps React de par sa facilité de prise en main (tuto officiel très clean).

Catégories
JavaScript

Javascript ES6

Const & Let ES6 introduit la notion de « variables immuables », ce sont des variables qui ne peuvent subir d’affectation qu’1 seule fois, à leur création. Par contre on peut bien sur affecter un objet à une constante, et cela n’empêche pas l’objet d’être modifié. Le scope des variables déclarés const  et let  est le bloc […]

Catégories
JavaScript

Material-UI une bibliothèque de composants React

Material-UI est une librairie de composants React qui implémentent les guidelines de Google en terme de Material Design que l’on retrouve dans les interface des applications Google comme Gmail, Google Photos ou encore dans les applications Android. Pre requis Material-UI a été conçu pour être utilisé avec avec un ensemble de Fonts pour : les […]

Catégories
Devops

NVM Nodejs

NVM Node Version Manager permet de disposer de plusieurs versions de Nodejs sur la même machine. Cela permet de développer (ou exploiter) des applications Node.js ayant des besoins différents en terme de version. NVM a été conçu à l’origine pour tourner sur des OS Linux et OS X (et donc aussi WSL sous Windows 10), […]

Catégories
JavaScript jQuery

Require.js

Qu’est ce que c’est ? Un outil (bibliothèque) qui nous permet en javascript d’écrire du code « modularisé », de gérer les dépendances entre nos différents modules et de les charger de manières asynchrone. A quoi ca sert ? Ça sert à ne plus avoir un paquet de balises <script> dans nos fichiers HTML qui référencent des […]

Catégories
JavaScript

les fonctions string en javascript

Voici un classement par type de retours des fonctions applicables aux chaines de caractères Tableau de strings match(): regex Searches a string for a match against a regular expression, and returns the matches split(): Splits a string into an array of substrings Booléens endsWith(): Checks whether a string ends with specified string/characters includes(): Checks whether […]

Catégories
JavaScript

KnockoutJS intro débutant

Introduction Aujourd’hui il existe de nombreux framework JavaScript comme Knockout ( JQuery, Dojo, BackBone, AngularJS) et chacune possède des points forts/faibles comme la courbe d’apprentissage (KnockoutJS est bien plus simple et rapide à prendre en main qu’Angular), le nombre de fonctionnalités « utiles ». Les caractéristiques de KnockoutJS sont: c’est une librairie légère (<60ko) et autonome (ne […]