FREE WORKSHOPS AT Vue.js London

The workshops from the list below are the complimentary part of full tickets. All Full Ticket holders will get an email with a code to register for these workshops. Workshops will be run remotely via Zoom.

The recordings of most workshops will be shared with full ticket holders after the conference.

More workshops will be announced soon.

Lazar Nikolov

Maximize App Performance by Optimizing Web Fonts

You've just landed on a web page and you try to click a certain element, but just before you do, an ad loads on top of it and you end up clicking that thing instead.

That…that’s a layout shift. Everyone, developers and users alike, know that layout shifts are bad. And the later they happen, the more disruptive they are to users. In this workshop we're going to look into how web fonts cause layout shifts and explore a few strategies of loading web fonts without causing big layout shifts.

Table of contents
  • - What’s CLS and how it’s calculated?
  • - How fonts can cause CLS?
  • - Font loading strategies for minimizing CLS
  • - Recap and conclusion
Workshop schedule & location

May 10, 15:00-16:00 BST. Remote via Zoom.

Alvaro Saburido

TresJS create 3D experiences declaratively with Vue Components

  • Intro 3D
  • Intro WebGL
  • ThreeJS
  • Why TresJS
  • Installation or Stackblitz setup
  • Core Basics
  • Setting up the Canvas
  • Scene
  • Camera
  • Adding an object
  • Geometries
  • Arguments
  • Props
  • Slots
  • The Loop
  • UseRenderLoop composable
  • Before and After rendering callbacks
  • Basic Animations
  • Materials
  • Basic Material
  • Normal Material
  • Toon Material
  • Lambert Material
  • Standard and Physical Material
  • Metalness, roughness
  • Lights
  • AmbientLight
  • DirectionalLight
  • PointLights
  • Shadows
  • Textures
  • Loading textures with useTextures
  • Tips and tricks
  • Misc
  • Orbit Controls
  • Loading models with Cientos
  • Debugging your scene
  • Performance
Workshop schedule & location

May 16, 15:00-18:00 BST. Remote via Zoom.

Mikhail Kuznetcov

Building a full eCommerce UI in Vue3

In 3 hours we will go from bootstrapping a project with Vite+Vue3 to a working eCommerce frontend with data loading from API, reusable components, routing and state management, custom hooks and cloud deployment CI/CE.

Workshop schedule & location

May 18, 15:00-18:00 BST. Remote via Zoom.

Trainers

Lazar Nikolov
Sentry.io, Canada

Lazar is a generalist software engineer, who wrote his first app back in 2013 while he was in high school. He's currently a Developer Advocate at Sentry (sentry.io). He's loves to learn in public, live stream on YouTube, and create courses on Egghead. Designing and building UIs is his passion. He's the ultimate nerd, even his hobby is programming.

Alvaro Saburido
Storyblok, Spain

Creative Engineer, passionate about Front-end Development and sharing knowledge. Open source contributor on VueJS and Nuxt related projects. Learning 3D modelling and WebGL. Storyblok Ambassador. Lead of micheladas. I love penguins.

Mikhail Kuznetcov
ING, Netherlands

Mikhail is a passionate developer who loves to share his knowledge with the world. As a team leader, public speaker, workshop organizer, teacher of JavaScript and Vue.js, he has trained developers worldwide.