Comment déployer votre propre package sur NPM?
Nous allons voir comment créer et déployer soi-même son package NPM, plutôt cool comme idée non? Voici les étapes : Créer un compte sur le site de NPM écrire notre package tester localement publier...
Catégorie : Javascript
Mémento de Fetch
Faire une requête GET avec fetch L’expression la plus simple pour une requête GET avec fetch est : Pour une requête GET pas la peine d’indiquer à la fonction car c’est celui par défaut...
Ecouter un événement de réponse AJAX
C’est quoi un événement en Javascript? Un événement est par exemple un click de souris, une touche de clavier enfoncée, mais ça peut être purement logiciel, par exemple lorsque la page HTML a fini...
Javascript import et symbole @
Vous avez sans doute souvent vu dans un script javascript moderne ceci: Normalement si on veut importer un module Javascript, il faut utiliser les / et les .. soit pour remonter d’un niveau soit...
L’Event Loop dans Javascript
setTimeout n’appartient pas à V8 Javascript est single threaded Blocking Async callback and call stack @ 11:25 Ordre d’appel dans le callstack A, B, C mais le ‘there’ est affiché 5 secondes après. Javascript...
Test de nullité en Javascrip : Cas où l’ordre a une importance
La condition dans le if échoue si exist est null, car exist.exist reverra une erreur undefined. Il faut mettre une condition autrement
Opérateur point d’interrogation ?. en Javascript (Null propagation operator)
A ne pas confondre avec le null coalesce operator en Javascript ?? . Cet opérateur est encore appelé optional chaining operator. Si error n’existe pas alors data.error?.message évaluera en undefined https://ponyfoo.com/articles/null-propagation-operator
Boucler dans un JSX
La syntaxe JSX n’est pas forcément facile à appréhender, imaginez du HTML dans un return… Pour faire une boucle sur un tableau afin d’afficher une liste par exemple d’élément JSX, il existe plusieurs façons,...
Ecouter les événements du clavier avec Javascript
Cette thématique est rarement abordée, mais je trouve qu’il est intéressant d’ajouter des raccourcis clavier à votre application. Il existe des plugin qui le font déjà, mais back to basics, regardons comment on le...
Les modules en Javascript (import/export)
Tout d’abord sachez que les modules existent aussi bien ôté serveur que client. Les modules on été inventé pour permettre d’inclure ds fichier de script javascript comme on purrait le faire en PHP avec...
Réaliser une application web avec Firebase, Firestore
Firebase d’avoir une base de données NoSQL principalement dans le cloud. Mais ça ne se limite pas à ça, il y a aussi du stockage d fichier, de code, de l’analytics, mais le principal...
Passage de paramètre à une fonction callback
vous connaissez tous la requête Ajax avec JQuery En passant en callback une fonction anonyme, on définit la fonction à la volée, donc pas de problème pour passer des paramètres. Mais qu’en est-il si...
Développer une application web en ReactJS
ReactJS à la différence de Angular et de VueJS, est une librairie qui s’occupe uniquement de la vue, très véloce, grâce à l’utilisation d’un virtual DOM. Le principe es de ne mettre à jours...
Les Hooks en React
Les hook sont apparus avec la version de React 16.8. Le Hook UseState en ReactJS Le hook UseState se charge du state dans les composants fonctionnels. Dans le composant de classe on avait :...
Installer NPM sans avoir les problèmes de droit d’accès à des répertoire
Une des choses qui m’énervent le plus (et les développeur) est que dans certains processus de build avec NodeJs, on est confronté à des erreurs qui résultent de droits d’accès à des répertoires parce...
Qu’est ce que le temporal dead zone TDZ en ES6?
Cette feature a été introduite depuis ES6 et concerne let et const, deux façons alternatives de déclarer des variables. En bref, si vous vouez accéder à des variables déclarées par let et const avant...
Améliorer son code par des cas réels
Lorsque l’on code et que l’on est débutant ou intermédiaire, il y a des bonnes chances de faire du code touffu ou en spaghetti, illisible, et souvent buggé. Nous allons voir avec des exemples...
Faire des tabulations en Javascript et Jquery
Voici le code minimal pour faire une tabulation (des onglets que l’on peut cliquer pour changer de contenu) Comment faire des onglets cliquable en javascript? Le principe : On a en fait une rangée...
Checklist pour développer une PWA (Progressive Web App)
J’essais de créer une PWA depuis quelques temps, et je m’aperçois qu’il y a pas mal de choses à connaitre (vraiment), les connaissances que j’ai acquises en deux ans de JS et d’Angular, ne...
Générer un projet Javascript avec NPM
Imaginez que vous ayez un projet front end, par exemple personnalisation d’un thème d’une boutique Magento, cela ne concerne que le CSS et HTML (voire du javascript), les fichiers sont gros, pouvant faire dix...
Sélectionner des éléments HTML en Javascript pur
Sur ce blog, quand je parle de Javascript, je parle de Javascript pur, et non de JQuery, cette extension étant trop célèbre, sur les forums les gens ont même tendance à proposer une solution...
Comment créer un bookmarklet?
Créer le bookmarklet le plus simple du monde en 10 secondes Cela va créer lien Fav moi, que vous allez glisser déposer sur la barre des favoris. En fait ce n’est rien de plus...
A bookmarklet to let you easily test javascript snippets
A shell for executing javascript in a bookmarklet ! A shell in a bookmarklet Can you believe that? a bookmarklet is a short javascript code snippet (usually shorter than 1024 characters), that performs various...
JSON Javascript Object Notation
A quoi sert la notation JSON Le JSON ( Javascript Object Notation) est un format d’échange de données très utilisé dans le domaine du web et pas forcément que dans du Javascript. En fait...
Les fonctions flèches en Javascript ES6
Découvrez les fonctions fléchées en Javascript Dans javascript on connaissait jusqu’en ES6 deux façon de déclarer des fonctions, les fonctions nommées et les fonctions anonymes. Déclaration de fonctions nommées : function saluer(nom){ console.log(‘Bonjour...