strasbourgjs / talks Goto Github PK
View Code? Open in Web Editor NEWCall for Paper pour les meet-ups StrasbourgJS. Proposez les prochains talks ou workshops !
Call for Paper pour les meet-ups StrasbourgJS. Proposez les prochains talks ou workshops !
JavaScript prototype pollution
(je peux faire le talk en Français)
In 2018, a new attack vector against JavaScript codebases has been published: Prototype Pollution. At first glance, it seemed pretty limited in impact: it would basically be a good way to crash some code. However, multiple cases of Remote Code Executions have happened based on this vector. In this talk, we will clarify what are prototype pollutions, their real impact and of to prevent them from happening in your codebase.
Cool ton tool
: Nuxt Devtools avec ElkRapide découverte des Devtools que Nuxt (meta framework Vue) a sorti dernièrement pour rendre à son application toute la transparence qui lui manque!
Démonstration avec comme cas d'usage le projet Elk (où j'ai pu contribuer quelques fois)
Présentation des différentes nouveautés qu'ont été apportées par la nouvelle version de Vue.
Chez Cypress, nous venons de livrer la version alpha de "component testing".
Ça fait longtemps qu'on a des outils pour tester des composants. En utilisant jest ou mocha, on pouvait vérifier que la logique métier fonctionne. Mais comme le tout était lancé dans JSDom, on ne voyait pas ce qu'on faisait. Les tests étaient lancés hors contexte.
Avec Cypress CT, tous les tests sont lancés dans le navigateur. Du coup, les régressions visuelles, les problèmes de rendu et les animations deviennent bien plus faciles à détecter. Et si on veut automatiser lesdites régressions visuelles, le système est déjà câblé avec Cypress.
Dans la présentation, on aura :
Souvent le premier reflexe pour faire du SSR est de passer par un meta-framework (nuxt, next...). Mais vous avez déjà un projet réalisé en Vue, React et vous ne souhaitez pas tout refaire avec ce genre d'outil tout en profitant de SSR ? Avec ViteJS et quelques modifications dans votre projet, c'est possible !
Les différents modes de rendus (SSR et SSG) sont une feature clé de Nuxt. Il est donc difficile d'appréhender la framework sans une bonne compréhension ces derniers. Dans ce talk, nous allons essayer de démystifier ces concept, afin d'en saisir concrètement le fonctionnement, et d'en déduire les inconvénients et (surtout ;p) les avantages.
Plan
Cool ton tool
: LinearDécouverte de Linear (linear.app), outil de gestion de projet. L'idée est de faire une présentation générale, rapide du produit, de montrer les capacités de ce dernier.
Malgré notre traumatisme de la trigonométrie au lycée, cette discipline peut nous permettre de construire des objets originaux en JS ou en CSS. Présentation en code live pour montrer un exemple avec un slide en forme de triple vague construit pour la clinique du sommeil dans le cadre d'un agenda du sommeil.
Introduction to Nuxt DevTools and how it could improve our day-to-day developer experience and help to improve our Nuxt application.
(Sorry, I am not yet fluent in French, so I will give it in English).
More info about me in cased needed: https://antfu.me/giving-talks
Depuis environ 2 ans nous avons développé en interne Orion, un nouveau framework UI basé sur Vue 3, Typescript et Vite.
Nous avons souhaité rendre ce projet open-source afin de rendre à la communauté une infime partie de ce qu'elle nous apporte quotidiennement.
Il s'agit de notre premier véritable projet open-source. Nous avons plein de choses à apprendre et avons hâte de le partager.
Ce framework développé entre Colmar et Strasbourg aspire à être simple d'utilisation, à la fois pour les utilisateurs, mais aussi pour les contributeurs.
Voici le lien vers la documentation : orion-ui.org.
Je propose 2 options pour le talk :
Depuis la sortie de Safari 16.4, Apple a enfin décidé d'autoriser la réception des notifications push sur une PWA (progressive web app). Ce qui rend aujourd'hui tous les navigateurs compatibles et offre de nombreuses possibilités d'interactions avec les utilisateurs.
À travers ce petit talk je ferai une présentation rapide de la Push API et montrerai un exemple d'application sur une PWA développée pour l'occasion.
Une introduction à solid-js et à sa réactivité (fine-grained reactivity). Les avantages et différences par rapport à React.
Le but est de faire une introduction qui explique d'abord ce qu'est solid-js, sa reactivité et le gain apporté.
Le concept général des signaux, qu'est-ce que ça comporte pour solid-js (createSignal, createEffect, state dérivé, memo)
Puis, de montrer à quoi ressemble le code et de mettre en avant les différences face à React.
Notamment :
En conclusion, la reactivité dans les frameworks revient sur le devant de la scène avec des débats et implémentation runtime (vue, angular, preact, qwik) et de la réactivité via compilation (svelte, et react dans une certaine mesure avec le projet "forget" en cours d'expérimentation). C'est donc le bon moment pour s'informer sur les avantages & désavantages de celle-ci.
30 minutes de découverte de l'écosystème UnJS et de la manière dont il peut servir aux développeurs.
Historique, chiffres, paquets et utilisations, on passera au peigne fin UnJS d'une manière interactive et selon les volontés du public !
J'ai créé un date picker dans un de mes projets, mais je vais en avoir besoin dans un autre ! Alors comment puis-je l'utiliser sans copier-coller tout mon code d'un projet à l'autre ? Je vais en faire un plugin !
Pendant ce talk, nous verrons comment créer ce plugin : comment organiser son code ? Quels réglages faire ? Comment le publier ? Comment l'utiliser ?
git
et le concept deGitflow
docker-compose.yml
existe déjà à la racine du projet)D'après moi, trop de débutants commencent à coder sans se soucier de la lisibilité et les performances du code, leur seul objectif c'est que ça fonctionne rien d'autre alors qu'un code qui fonctionne, ce n'est pas forcément un code prêt pour la production.
Le déploiement (avec un ftp comme FileZilla par exemple) et tester son code manuellement prend trop de temps et surtout est source d'erreurs.
L'intérêt de ce talk est donc d'introduire les bonnes pratiques (subjectivement) de code et d'éviter les erreurs dans ses futurs projets.
Salut, je découvre votre groupe StrasbourgJS. JavaScript est mon sujet passion et j'adore rencontrer d'autres devs pour en parler, alors je saisis l'opportunité pour faire connaissance et je tente ma chance avec un sujet un peu niche mais à la fois fun et technique.
JavaScript n'est pas le langage le plus performant ni le plus sûr, mais c'est de loin celui avec lequel j'ai pu être le plus créatif et avoir le plus de fun. Pour ceux qui ne connaissent pas, le creative coding est une forme d'art logiciel où le code fait partie intégrante de l'oeuvre, voire constitue l'oeuvre en elle-même. La discipline la plus connue en creative coding est la demoscene, qui a beaucoup marché dans les années 80-90. JavaScript fait survivre cette culture de la demoscene avec des compétitions comme la JS1k ou la js13kgames. Je suis moi-même creative coder en JS et ce talk se veut être une introduction au creative coding en JS, en exposant et expliquant les exemples les plus emblématiques et en m'attardant sur un projet sur lequel j'ai beaucoup contribué et qui reste inachevé, le Wall of Six.
Le talk se veut le plus ludique possible mais des débutants risquent d'être perdus lors de certains passages d'analyse technique
Note: si ce sujet n'est pas adapté, je peux également proposer un talk sur les sujets suivants:
UnJs propose plusieurs briques JS pour couvrir tous les besoins et permettre de développer sur tous les environnements (Node.js, Bun, Edge, etc..).
Je présente une partie des modules qui valent le coup et peut compléter votre stack.
Brève présentation des besoins d'une validation des données côté serveur, example d'une validation manuelle pour démontré la complexité et le besoin d'avoir recours à des librairies tel que Joi (avec une comparaison des exemples situé avant)
Tout cela pour présenter JSON schema, qui est une nouvelle spécification pour la validation des données.
La Clean Architecture; une architecture software qui permet de rendre indépendante la couche métier des technologies utilisées.
Par conséquent, il est par example possible de changer de base de données sans avoir à changer le code de la logique métier.
Voyons comment ça fonctionne en théorie & en pratique.
Découverte du framework Node.js AdonisJS 6.
On commencera par une présentation de moi même ainsi que de mon parcours. Nécessaire afin de comprendre mes avis. Par la suite une introduction au framework de mon coeur, AdonisJS 6, sera réalisée. Et si le temps nous le permet, une démonstration du framework, notament du module Transmit et possiblement Inertia.
Ionic qui permet de faire des applications proches des application natives sur smartphone a créé une version pour VueJS. Il permet en quelque ligne de code de faire des applications qui seront agnostiques de l'outils sur lequel on lit le site et surtout qui permettront d'utiliser des éléments du smartphone comme la caméra par exemple.
(Décrivez en quelques lignes le contenu de la présentation)
Contrairement à d'autres technologies cross-platform, ReactNative est compatible avec la Jamstack.
Sébastien nous montrera comment il intègre ReactNative à son blog, et comment il utilise le même contenu MDX sur toutes les plateformes supportées par ReactNative, sans iframe ni WebView.
Nous utiliserons un large ensemble de technologies: Gatsby, MDX, React-Native (web, iOS, Android, MacOS...), Expo, React-Navigation, Netlify...
(Décrivez en quelques lignes le contenu de la présentation)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.