Built for developers, by developers, YGLF brings together internationally recognized frontend speakers. 

This year, due to Covid-19, the conference goes online, for free. We’re broadcasting five talks, over five days from 24th - 28th August 2020. All hosted by MC Bruce Lawson.

You Gotta Love Frontend

Colours in CSS have had a pretty interesting history and are continually being developed and evolving.

If you’re a web developer, odds are you would have typed something like, color: #BADA55 or background: #DE1E7E at some point in your projects. 

Colours in CSS have had a pretty interesting history and are continually being developed and evolving. We’re going to start off with some colour related trivia then go into how colours work in CSS.

The Prismatic World of CSS Colours

Get to know React Query and see how it fits beautifully into React to create a true paradigm shift that makes consumption of async APIs a breeze.

Consumption of asynchronous data sources has been an issue in frontend development for years. 

We've all been there - loading states, errors, tons of boilerplate code. Through the years, there have been many attempts to tackle the issues. Finally, with the arrival React Query, combined with new React features such as Hooks and Suspense, is it possible that we have finally reached the "asynchronicity nirvana"? 

In this talk, we will get to know React Query, explore the reason behind all the hype waves it created recently as well as see how it fits beautifully into React to create a true paradigm shift that makes consumption of async APIs a breeze.

Road to Async Nirvana

Learn about performance metrics and how to interpret the data to provide the best user experience possible.

Some who have been present on the web a little whilst might still remember one of the preeminent debugging tools: FireBug. 

For all its features and early praise, its author Joe Hewitt initially created it for 2 reasons: to observe what was happening on a page, pre and post resource load. Two simple metrics. 

A decade and change later, measuring resource loading and page performance is in equal parts proof and perception. The multitude of metrics available has allowed for granular measurements, but has also clearly created confusion. 

During 'The Metric System', we will learn about many of the performance metrics being bandied around like FCP, FMP, TTFB and Speed Index to name a few. But more importantly, we will see how to interpret this data, when to use it in order to extract the information our individual users need for the best user experience possible.

The Metric System: Making Correct Performance Measurements

Explore new and exciting creative opportunities for storytelling, design and expression in ways standard-fonts could never provide us. 

Variable Fonts allow typography on the web to adapt to the flexible nature of screens, environments and devices. 

We can use variable fonts with pre-existing technologies to improve the performance, design, accessibility and usability of our websites. We can start to design our typography to adjust to various inputs, situations or events using Media Queries, JS events and the Sensor or Audio Apis. This will allow us to modify our fonts to aid in storytelling, achieve improved readability and legibility in different situations, environments or on larger or smaller screens. 

Let’s explore new and exciting creative opportunities for storytelling, design and expression in ways standard fonts could never provide us. This is just the beginning of our journey to discover what we can do with variable fonts.

Variable Fonts and Responsive Typography

Code Tooling 101 with an introduction to Abstract Syntax Trees, and all the weird and wonderful things you can do with them.

Tooling for code generation, transformation and interrogation has improved in leaps and bounds over the last few years! We now have things like Webpack, Prettier and ESLint, that can manipulate code in powerful ways, speed up development, and provide insight into how our applications work. 

But how exactly do they work? Some of the ideas that make these kinds of tools tick are rather tricky, and not the kinds of thing you come across in day-to-day web development...

This talk will be Code Tooling 101, and act as an introduction to Abstract Syntax Trees, and all the weird and wonderful things you can do with them. We will start together at the TypeScript compiler APIs and learn all about code interrogation, code transformation and code modification. We will then see how we can apply those same ideas to build our own tools, or contribute to the amazing tools that the community has built!

By the end of the talk, attendants should have an idea of how ASTs work, how they are used in code tooling, and how they can be used to manipulate and interrogate code at a structural level! This will open up the doors to creating custom schematics, lint rules and codemods, and hopefully encourage everyone to have a go at contributing to open-source tooling projects!

You Gotta Love Frontend 2020

Aug 24 - Aug 28 | Online