Les Service Worker, c’est un peu la potion magique du Web. Un truc qui rend surpuissant, mais que seule une poignée de Gaulois irréductibles connaît et sait mitonner.
Il est temps de démystifier cette fonctionnalité qui est disponible dans tous les navigateurs depuis au moins 2018 !
Dans cette présentation, je vais vous montrer comment les Service Worker nous permettent de nous passer de framework et de toutes les surcouches au navigateur.
Et ce qu’on a à y gagner quand on veux faire des applications web performantes et résistantes à des conditions dégradées et qu’il faut livrer rapidement.
Vous découvrirez les capacités les plus impressionnantes des Service Worker telles que l’API share_target, le fonctionnement hors-ligne natif et d’autres…
Je vous raconterai comment travailler et vivre à bord d’un bateau influence ma vision et m’aide à trouver des solutions originales aux problèmes de l’intermittence
Sometimes I feel that web development has gotten pretty complicated. Fairly straightforward applications are split apart with their frontends powered by behemoth frameworks like React, Next, or Nuxt.
But, it doesn't have to be that way. In this video, I show how a basic backend framework (in this case, Laravel) with its templating language, can have full-stack applications built around the engine of hypermedia, the actual HTML in a browser. It's a strange way of looking at development, but has the potential to remove a lot of headaches, letting the modern standards present in HTML handle the workload, being enhanced at times with a sprinkling of vanilla JavaScript.
The result is an accessible frontend that's fast and scalable, with your data and state built-in.
Some helpful links: https://htmx.org https://alpine-ajax.js.org https://unpoly.com
This an attempt in the same spirit as Morris Vanilla To Do to demonstrate how you can develop a PWA with only HTML, CSS and pure Javascript.
I have aggregated all the knowledge and edge cases I’ve experienced through many PWA development and in production
Want a demo? Go over her here: demo.purejs-pwa.alethgueguen.com
The Github repo: github.com/planeth44/pure-JS-PWA
- The constraints
- Technical choices
- What the app does
- Things
- Files
- HTML forms
- Auto save
- alternate method
- Form validation
- Syncing and offline
- Update
- possible scenario
- Back-end
- Offline Multi Page, how you do that?
- Dependencies
Démo d'application PWA pure JS
Je construis des logiciels métiers sur-mesure pour les PME.
Ça tient à quoi tient la satisfaction du client vis-à-vis de sa consultante externe ?
C’est ma capacité en tant qu’apporteuse de solutions à comprendre comment travaille mon client, quels sont ses besoins, son environnement, pour lui apporter la solution sur mesure adaptée à son métier.
Au cours de mes missions d’ingénierie logiciel, savoir expliquer un concept technique dans le contexte du métier de mon client et me «mettre à sa place» est une des clés de cette réussite.
Cette capacité à comprendre le métier, à établir une communication fluide est tellement primordiale qu’elle a influencé ma théorie sur les conditions de succès d’un projet informatique. Vous avez envie de travailler avec moi ?
Les technologies web sont devenues matures et proposent aux développeuses et développeurs un ensemble d'API évoluées.
Je montrerai comment les mettre à profit pour livrer des applications performantes et résistantes à des conditions d’utilisation dégradées.
Je vous raconterai comment vivre et travailler à bord de mon voilier plusieurs mois par an, me permet d'expérimenter en conditions réelles ce qu'est un contexte contraint.
Je vous parlerai ensuite des questionnements qui émergent quand les apps doivent opérer sous des contraintes fortes : qu’est-ce que les designers peuvent apporter à la réflexion sur ce sujet.
Enfin, on traitera des options pour aborder cette approche avec nos clients et les convaincre.
Son site Web : https://alethgueguen.com/