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 Javascript Reactjs qui popularise le SSR (Server Side Rendering) Javascript 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 […]

Catégories
jQuery

jQuery tutoriel 4 – les événements (jQuery events)

Si nous sommes attirés et utilisons jQuery, c’est essentiellement pour ajouter un « comportement » à nos pages web, c’est à dire que nous souhaitons que des événements (click de souris, frappe de touche de clavier,etc.) sur des éléments de notre page, puissent engendrer des actions (apparition d’un <div>, ajout d’une class CSS, animation d’un élément etc.) sur cette même page, […]

Catégories
jQuery

jQuery tutoriel 3 – sélection dans un « contexte »

Il est possible en jQuery de « cibler » sa sélection d’éléments (un peu comme avec la fonction .find()) en exploitant le 2ème paramètre (optionnel) qui est le contexte: jQuery(selector, [context]) Cela permet d’effectuer une sélection à partir de ce contexte et non plus à partir du document entier. ex: jQuery(‘ul’,$(‘div’)) permet de sélectionner les éléments <ul> contenus […]