Rechercher

Articles avec le tag javascript

Les meilleurs outils du développeur en Js/React en 2020

Laissez-moi vous présenter quelques outils très pratiques, qui amélioreront grandement votre vie de développeur Js/React


Tester son application avec Cypress

Dans cet article nous allons voir comment mettre en place des tests end-to-end avec Cypress


À la découverte de Mercure

Exploration du protocole Mercure. Vous n'aurez plus peur des communications client-server en temps réel à la fin de ce voyage.


Deno Vs Node - Top 5 des nouveautés de Deno

Dans cet article, nous allons voir quelques nouveautés offertes par Deno


Créer un Web Component

Dans cet article, nous allons apprendre à créer un Web Component


Vous utilisez mal les states React

Vous n'utilisez peut-être pas les states React de manière optimale et je vais vous expliquer pourquoi


Comment (et pourquoi) j'ai créé ma propre extension navigateur

Cet article va vous présenter une extension développée à la suite de l'identification d'un besoin récurrent, et vous expliquer comment procéder si vous souhaitez en faire de même !


Introduction à ArangoDB Part 1

Dans cet article, nous allons faire un petit tour de cette base de données multi-modèles


OpenStreetMap - une alternative à Google Maps

Ajouter une carte interactive sans utiliser Google Maps


Une application React plus réactive - Le lazy load

Dans cet article, nous allons vous présenter le lazy load et comment l’implémenter dans un projet React pour optimiser le chargement de vos pages.


Storybook - Créer son premier composant

Storybook c'est le framework open-source qui a été récompensé pendant la dernière React Europe, décrouvrons ce qu'il nous cache dans cette intro !


Async / await

Après avoir décortiqué les promesses, nous allons voir comment utiliser async await.


Une application React plus réactive - Le skeleton screen

Dans cet article, nous allons vous présenter le skeleton screen et vous montrer comment l'implémenter dans votre application React facilement grâce à ApolloJS


Les promesses en Javascript

Nous allons voir ensemble ce que sont les promesses et comment les utiliser.


Les nouveautés d'ES6 Partie II

La suite de la partie I est là ! Nous allons voir ensemble d'autres concepts apportés par ES6.


Une application React plus réactive - L'Optimistic UI

Dans cet article, nous allons vous présenter l'optimistic UI et vous montrer comment l'implémenter dans votre application React facilement grâce à ApolloJS


Déboguer efficacement React / Node.js sous VSCode ?

Nous avons tous utilisé des console.log() pour déboguer notre code JS. Javacript permet pourtant de faire du débogue pas à pas très simplement. Voyons ensemble à quel point cela sera rapide à mettre en place sur vos projet FRONT / BACK.


Les nouveautés d'ES6 Partie I

Cet article est le premier d'une série visant à vous présenter les nouveautés apportées par l'ES6 et ce qu'elles comportent d'intéressant.


Introduction aux hooks

Une petite introduction à la nouvelle fonctionnalité de React, les hooks !


GraphQL, kesako ?

Dans nos architectures micro-services, l'un des nouveaux défis est de réussir à récupérer les données stockées dans les différents micro-services le plus facilement possible. Pour résoudre ce défi, je vous propose d'utiliser GraphQL. Cette technologie qui est devenu un des buzz word du moment est en vrai très simple à mettre en place. Ne voulant pas faire de jaloux je vous propose de réaliser deux serveurs GraphQL l'un en PHP et l'autre en NodeJs.


Retour d’expérience sur BEM

Dans cet article, vous trouverez mon retour d'expérience sur la méthodologie BEM (Block ; Element ; Modifier), choisie dans ma précédente refonte du...


Google Analytics et le bandeau cookie CNIL

Vous avez tous au moins été confrontés une fois, lors de la visite d'un site, à un message précisant que ce dernier utilise des cookies. Ce message parfois agaçant est dû à une loi passée il y a quelques années par la commission européenne. Profitons donc de l'intégration récente de ce bandeau sur ce blog pour en parler.


SSR avec Symfony et Vue.js

Nous travaillons de plus en plus avec à la fois un framework serveur type Symfony et un framework client type Vue.js. D'ailleurs on trouve énormément d'articles sur le sujet. La question que l'on se pose le plus souvent, c'est comment rendre ces choix technologiques performants.


Optimiser son application React

React est, à l'heure où j'écris ces lignes, le framework JavaScript le plus utilisé du marché. Grâce à son DOM virtuel, il a montré qu'il était l'un des plus performant. Mais à cause d'exemples peut-être trop simples et d'une croyance aveugle en la toute puissance de React, il peut en résulter de sérieux problèmes de performance.


Recevez nos push notifications

Notre retour d'expérience sur la mise en place des push notifications


Devenir DevOps c'est facile

Deployer dans le Cloud c'est encore plus simple que de faire un Rsync. En voici la preuve avec ce petit tutoriel.


Retour sur les DotJS 2017

DotJS est la plus grande conférence JavaScript en Europe et c'est souvent l'occasion de parler des nouvelles technologies à notre disposition et découvrir ce que nous réserve le futur de ECMAScript. Cette année, elle se déroulait pour la deuxième fois aux docks d'Aubervilliers, au nord de Paris. Ce qui nous a permis de profiter d'un confort digne d'une salle de cinéma ! Petit résumé de ce qu'il s'y est passé...


Démarrer avec Docker, Symfony et Vue.js

Dans cet article nous allons vous décrire comment configurer un projet Docker, Symfony et Vue.js


DialogFlow, votre chatbot facile

La communication avec l'utilisateur est cruciale pour le fidéliser. Il est alors naturel que les ChatBots conversationnels fassent leur apparition et deviennent un point important dans nos applications. Il existe aujourd'hui de nombreuses aides à la mise en place des ChatBots conversationnels dits intelligents. On parlera aujourd'hui spécifiquement de DialogFlow, anciennement Api.ai de Google.


Script ton taff

Parce que l'outil informatique n'est pas réservé qu'aux développeurs, je vous propose un billet de blog qui s'adresse à tous, et qui vous donne quelques pistes afin de gagner en productivité, en supprimant le travail répétitif de vos journées.


Notre blog en AMP

Notre blog est à l'image d'Eleven-labs, on aime partager et suivre les dernières tendances. À la fois pour notre blog et pour nos lecteurs nous voulons ce qu'il y a de meilleur et de plus confortable. C'est pour cela qu'aujourd'hui notre blog est AMP compliant.


Mise en place d'un flux infini Symfony-React

Pour rendre l'expérience utilisateur de nos applications web toujours plus agréable, nous sommes de plus en plus obligés d'utiliser plusieurs technologies en même temps. C'est par exemple le cas si l'on souhaite mettre en place un flux infini. Pour le rendre simple et performant, nous allons utiliser un backend Symfony et un front en ReactJs. La question se pose alors : comment interfacer les deux technos ?


Migrer une application React client-side en server-side avec Next.JS

La plupart des applications front utilisant React sur lesquelles j’ai pu travailler sont des applications destinées à être rendues par le navigateur (client-side).


Votre CI de qualité

La qualité est un vaste sujet, surtout quand on l'associe au développement d'applications web. Ce qui est encore plus compliqué, c'est de mettre en place l'environnement d'intégration continue (CI) de suivi de qualité.


Google tag manager, votre configuration js

La gestion des "tags" javascript externe peut très vite devenir un vrai calvaire. Si vous regardez les grands sites de médias avec l'extension Ghostery vous remarquerez que chaque site charge environ 20 mouchards, ce qui donne autant de tags javascript. Mais comment contrôler les différentes versions, la publication, les changements ? C'est là que Google Tag Manager intervient.


AMP le futur du web ?

Google, leader incontesté des services web (recherche, pub, analytics...), propose depuis plus d'un an une nouvelle façon d'afficher vos pages, désignée sous le nom AMP project


Angular2 & Symfony3 : Comment créer rapidement un système d'authentification ?

Après avoir travaillé sur AngularJS, j'ai voulu tester la seconde version du framework : Angular2. Pour me faire la main, j'ai choisi de travailler sur un système d'authentification par token en utilisant Symfony pour la partie back-end, en incluant le bundle Lexik JWT Authentication.


Redux : Structurez vos applications front

L’écosystème Javascript est très riche, beaucoup de développeurs mais aussi de frameworks et d’outils sont disponibles. Lorsque vous souhaitez développer une application, quel que soit son framework de rendu, vous allez vite être amené à vouloir architecturer votre projet afin de différencier et d’organiser les données des vues. C’est particulièrement le cas lorsque vous utilisez des frameworks de rendu de composants comme React ou VueJS.


La programmation fonctionnelle avec Choo

Encore un nouveau framework JS?!!?! Ça commence à bien faire! Et oui encore un, mais celui-ci est super mignon ! Vous allez voir !


Papa, c'est quoi un Polyfill ?

Avec l'avènement du js natif, et la multiplication des navigateurs et des environnements (mobile, desktop, tablette), on entend de plus en plus dans nos open-spaces «-Dis, tu connaîtrais pas un polyfill ?»


Feedback dotJS 2016

La 5ème édition des conférences dotJS a battu un nouveau record d'affluence ce lundi 5 décembre en accueillant environ 1500 personnes. Cette année le rendez-vous était fixé au Dock Pullman à Aubervilliers, en région Parisienne.


WebRTC : La révolution de la communication

Historiquement, le Web était un outil qui permettait le chargement, l'interprétation et l'exploitation d'interfaces distribuées. Un serveur héberge un contenu (dynamique ou non), l'expose sur le Web via une URL (Uniform Resources Location), puis un navigateur se connecte à cette URL pour télécharger et afficher le contenu en question à l'utilisateur.


Les push notifications sur votre site

L'intérêt d'une PWA, c'est d'agir comme une application mobile, d'être installé sur le téléphone, de gérer le off-line et surtout d'envoyer des push notifications. Les notifications sont un élément essentiel de l'engagement de l'utilisateur, elles permettent de faire un rappel et de communiquer avec nos utilisateurs


Votre première PWA

Le monde du web évolue. Le site web mobile est devenu le plus grand concurrent aux applications natives, et Google l'a bien compris. Si vous avez suivi la conférence de Google à Amsterdam , vous savez que l'avenir des sites web mobiles sont les Progressive Web Apps


Le Best of Web 2016

En ce Vendredi 10 Juin, en guise de rayon de soleil de printemps, se tenait le Best Of Web 2016. Et nous étions là, avec notre armée de Wilson et de Schokobons, pour assister à une intense journée de talks oufissimes, dont notamment celui de notre astronaute Carl Ogren !


Les Best of Web 2015, c'était bien.

Le 5 juin dernier, tandis que la France entière affrontait vaillamment sa première canicule de l’année avec du courage, de la sueur et les jambes à l’air, les organisateurs du Best of Web ont eu la bonne idée de réunir une petite tranche de notre communauté bien au frais - ou pas - dans la Grande Crypte du 16e arrondissement de Paris. Salariés, freelance, étudiants… Des développeurs et intégrateurs de tout bord étaient présents dans la salle pour assister à une douzaine de conférences, chacune portant sur un sujet très différent de la précédente.


PhantomJS

Petite présentation d'un navigateur webkit appelé PhantomJS


Sails.js un Framework prometteur ???

Un post court pour vous parler d'une technologie que je viens de trouver, il s'agit d'un framework js pour nodejs, sails.js.


DotJs 2013, retour sur les conférences.

DotJs 2013


Introduction à AngularJS

AngularJS est un framework JavaScript open-source qui a vu le jour en 2009 et dont le père Miško Hevery est un expert Web autour des technologies Java et JavaScript, travaillant chez Google.


Utilisation hors-ligne disponible