Catégorie : Javascript

Comment déployer votre propre package sur NPM?

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...

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...

javascript

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

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...

javascript

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...

react native

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,...

javascript

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)

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

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

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

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...

react native

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 :...

Qu’est ce que le temporal dead zone TDZ en ES6?

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...

javascript

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...

javascript

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)

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...

node JS

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...

javascript

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...

javascript

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...

javascript 0

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...

javascript

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...