Articles avec le tag javascript
Laissez-moi vous présenter quelques outils très pratiques, qui amélioreront grandement votre vie de développeur Js/React
Dans cet article nous allons voir comment mettre en place des tests end-to-end avec Cypress
Exploration du protocole Mercure. Vous n'aurez plus peur des communications client-server en temps réel à la fin de ce voyage.
Dans cet article, nous allons voir quelques nouveautés offertes par Deno
Dans cet article, nous allons apprendre à créer un Web Component
Vous n'utilisez peut-être pas les states React de manière optimale et je vais vous expliquer pourquoi
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 !
Dans cet article, nous allons faire un petit tour de cette base de données multi-modèles
Ajouter une carte interactive sans utiliser Google Maps
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 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 !
Après avoir décortiqué les promesses, nous allons voir comment utiliser async await.
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
Nous allons voir ensemble ce que sont les promesses et comment les utiliser.
La suite de la partie I est là ! Nous allons voir ensemble d'autres concepts apportés par ES6.
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
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.
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.
Une petite introduction à la nouvelle fonctionnalité de React, les hooks !
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.
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...
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.
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.
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.
Notre retour d'expérience sur la mise en place des push notifications
Deployer dans le Cloud c'est encore plus simple que de faire un Rsync. En voici la preuve avec ce petit tutoriel.
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é...
Dans cet article nous allons vous décrire comment configurer un projet Docker, Symfony et Vue.js
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.
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 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.
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 ?
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).
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é.
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.
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
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.
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
.
Encore un nouveau framework JS?!!?! Ça commence à bien faire! Et oui encore un, mais celui-ci est super mignon ! Vous allez voir !
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 ?»
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.
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.
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
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
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 !
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.
Petite présentation d'un navigateur webkit appelé PhantomJS
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
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.