Ire Aderinokun

Cofounder @ BuyCoins, GDE in Web Technologies

Ire Aderinokun is a self-taught Frontend Developer and User Interface Designer from Lagos, Nigeria. She is the Cofounder, COO, and VP Engineering of BuyCoins (YC S2018), a cryptocurrency exchange for Africa, and previously worked with eyeo, the company behind products like Adblock Plus and Flattr Plus, building open source software to make a better internet.

Ire is a Google Expert, specialising in the core frontend technologies HTML, CSS, and Javascript, but is passionate about all aspects of technology. She has written over 100 articles on these topics on her blog, bitsofco.de, and regularly shares her knowledge through speaking at conferences around Africa and the world.

Keynote speach: Future-Proof CSS

The concept of “not breaking the web” is one of its oldest and most foundational. When we build a web page, we do it knowing that it could theoretically last as long as the internet itself. The CSS we write today is, or should be, future-proof. But how will your CSS hold up in 10, 50, or even 100 years? In this talk, we’ll cover how to write CSS that stands the test of time. From progressive enhancement techniques to accessibility considerations, we’ll learn how to write CSS for 100 years in the future (and, of course, today).

Nadieh Bremer

Data Visualization Designer

Nadieh Bremer is a graduated Astronomer, turned data scientist, turned data visualization designer, based near Amsterdam. She’s working as a freelancer under the name “Visual Cinnamon”. As 2017’s “Best Individual” in the Information is Beautiful Awards, she focuses on uniquely crafted (interactive) data visualizations that both engage and enlighten its audience. She’s worked with a wide range of companies, such as Google News Lab, Sony Music, the New York Times and UNESCO, to small start-ups. Creating custom visuals for print, crafting interactive online experiences, or designing promotionally focused visuals for press releases, data-driven reports, and data art.

Keynote speach: Visualizing Connections

Abstract: Connections are a part of us, of the world. From the connections between people, between cultures, within language, and more. In these days when more data is collected daily than we could ever hope to explore, the variety in connections being gathered is opening up the possibility to visualize these (often complex) networks.

During this talk, Nadieh will take you through the design process of several of her (interactive) data visualization works, from personal projects to client work. The common thread they all share, is that they all reveal connections, but all differently. From a family tree of 3000 people connected to the European Royal houses, to those existing between our Intangible Cultural Heritage created for UNESCO, to connections we have drawn in the night skies and more. Revealing that all types of connections are unique and revealing the intricacies that lie within them requires a creative, iterative and custom approach.

Dan Wahlin

Principal Cloud Developer Advocate @ Microsoft

Dan Wahlin is a Principal Cloud Developer Advocate at Microsoft focusing on Microsoft 365 and Azure integration scenarios. In addition to his work at Microsoft, Dan creates training courses for Pluralsight, speaks at conferences and meetups around the world, and offers webinars on a variety of technical topics. Prior to joining Microsoft, Dan was CEO of a consulting, architecture, and training company for 20 years helping enterprises build great software. Follow Dan on Twitter at https://twitter.com/danwahlin or subscribe to his Code with Dan newsletter at https://blog.codewithdan.com.

Keynote speach: Increase Productivity with Component Sandboxes and Stories

How efficient is your development workflow? For many of us we modify the code, wait for the build process to complete, visit the browser, navigate to the target component (which often requires drilling down into the app), find an issue, and then repeat the process over and over again. Have you ever wondered if there’s a more productive way to build and work with components?

In this session Dan Wahlin will discuss open source productivity tools that can be used with a variety of frontend frameworks and libraries. Are you working with React, Vue, Svelte, Angular, or another frontend option? Storybook can speed up the development of UI components and allow you to build them directly in isolation without relying on parent components. An additional option for Angular is available as well called Angular Playground. It allows you to create sandboxes and work with components directly without having to go into the app and drill-down through multiple parents each time component code changes.

Come see how you can use these tools to increase your productivity and even take your documentation to the next level!

Ignacio Anaya

Fullstack Developer & Speaker

I am Full Stack Developer, Tech Trainer and Speaker. I have been working, teaching and spreading JavaScript technologies for more than 10 years. Right now, I am mostly working with JavaScript, Vue.js, Node.js but I like to contribute to any kind of dev community or OSS project. I love coding, teaching and field hockey. When I am not working or traveling, you can find me playing hockey in Buenos Aires.
I am also part of the @Auth0 Ambassadors, member of @MozTechSpeakers and the Organizer of @Vuenos_Aires Meetup.

Talk: Security is not a feature!

I know we are front end developers but is also our duty to take care and stop delegating (or relegating) the security of our web apps. We handle a lot of sensitive information, but more importantly, we handle the user’s trust and we have to make the commitment of taking it seriously.

This talk is an introduction to Web Apps security. We are going to review fundamentals, best practices, scenarios for developing secure web apps from scratch, and stop thinking of security as a feature.

Patrick Andrzejewski

Technical Leader @ Vue Storefront

I’m Technical Leader at Vue Storefront, the open-source eCommerce platform. I’m mostly focused on modern web development especially with using javascript and Vue. In my free time, I write technical blog posts about advanced Vue and javascript in general.

Talk: From Vue to Nuxt, deep dive into server-side rendering with composition API.

Almost a year ago we decided to go with composition-API as a next step when it comes to architecture and future design of the Vue Storefrtont. We were the early adopters of this API even if at that time there was just a simple plugin, that provides the only developer-preview of this feature.

Besides a few issues we had with the composition-API, everything worked properly until we jumped into server-side rendering. That was the place where Nuxt.js and Vue.js had to cooperate together but it turned out – that needs more effort. We had to figure it out by ourselves and adjust the server-side rendering to cover our needs.

If you want to look at how the vue.js and nuxt.js work inside, what are the algorithms of SSR, how the hydration and rendering phases look like, how you can share state between functions – this talk is for you!

Shodipo Ayomide

Senior Developer Advocate & Developer Program Manager

Shodipo Ayomide is a Senior Developer Advocate & Developer Program Manager who also contributes to a lot of open-source projects over on GitHub, he also runs some major communities like unStack Africa, Developers Circles Lagos from Facebook, Open Source Community Africa, DevRel Collective, and NaijaHacks driving Nigeria & Africa forward in Technology globally, he is an international speaker who has spoken at several technical conferences over time in various locations across countries, in his free time he loves to, read, see a movie and occasionally play video games, loves traveling to new countries, communicating/working with the developer community across the world, in Africa, Europe, America among others and importantly, love’s Family.

Talk: Progressive Imaging & Handling: React + WebPack

Lazy loading is a procedure that suspends the loading of non-critical resources at page load time, lazy loading of images, which can bring great savings in terms of speed, but it is also easy to execute incorrectly. fetching images and rendering to the client can be done in many ways but people often make lots of mistakes in this section.

Again, I will explain and describe some techniques to “occupy” space for an image before it is loaded, going from just displaying a blank area to displaying a progressive loading from a blurry image, exactly how Spotify, Google, and Facebook achieve this.

Lastly, we would go into analyzing the size of the image which would be rendered to the client using Webpack.

The major key takeaways from this session are, best-practices for fetching and rendering images, using the intersession observer API, auditing images, best practices in lazy-loading in relation to how Spotify, Facebook, Google, and other great company does it, also Analyzing images size using Webpack.

Sam Bellen

Senior Developer Advocate @ Auth0

I’m a Google Developer Expert who works as a Senior Developer Advocate Engineer at Auth0. At Auth0 we’re trying to make authentication and identification as easy as possible, while still keeping it secure.

After office hours I like to play around with the web-audio API, and other “exotic” browser APIs. One of my side projects is a library to add audio effects to an audio input using JavaScript.

Talk: No way, JOSE!

Is your first thought when thinking about cryptography, “nope, that’s not for me!”? There’s no need to. When explained with simple examples, you can see the basics are not that complicated. The JavaScript Object Signing and Encryption, or JOSE for short is a framework that helps us deal with encryption. It describes ways to securely transfer data either signed (JWS) or encrypted (JWE). Let’s take a leap of faith and explore the wonderful world of cryptography together, shall we?

Vitalii Bobrov

Lead JavaScript Engineer @ EPAM

Vitalii is a Lead JavaScript Engineer at EPAM Poland, co-organizer of Angular Wroclaw meetup. Vitalii is keeping up-to-date with the latest Web Platform features and doing great experiments with it. This guy is not just a nerd, but tech speaker, Web Audio enthusiast, and the father of the excellent little girl.

Talk: Listen to your interfaces: Making apps accessible

You can hear how your application sounds when assertive technology (like VoiceOver, TalkBack) turned on. But have you ever listen to it? I want you to close your eyes and try to navigate the application using keyboard and voice instructions. Then I will show how to handle all labeling, color, and navigation issues found. As a final touch, we will create e2e and unit tests for accessibility features.

Ryan Chenkie

GraphQL Developer Relations @ Prisma

Ryan is a full-stack JavaScript developer working at Prisma in developer relations for GraphQL. He’s a course author, teaching on subjects ranging from the basics of front end development to full-stack web security. He also hosts the Entrepreneurial Coder Podcast.

Talk: TypeScript for Every Part of Your Stack

Developers and organizations have lost countless hours (and money) to bugs that come down to one core problem: the wrong type was used somewhere in their code. TypeScript is fast becoming an indispensable part of the stack and helps to solve this problem. With TypeScript, we are warned if we misuse our code before it even runs, saving us a tremendous amount of time and stress.

Many developers are using TypeScript in only one part of their stack such as the front end. This is a shame because the benefits of TypeScript can extend to the backend as well, including database access.

In this talk, we’ll look at how we can apply type safety to every part of our stack and how this can help us catch bugs across our whole codebase. With TypeScript used everywhere, we can have more confidence in our code and will be better able to make sweeping changes, add new team members, and generally scale up with ease.

Tyler Clark

Developer Advocate Engineer @ Auth0

Tyler is a developer advocate engineer at Auth0, an egghead.io instructor, and a conference speaker. He’s worked primarily as a software engineer for the past seven years and loves getting his hands-on coding projects. His passion is in the frontend, but he also enjoys working on backend tasks. If he’s not in his office working, he’s either with his family or out playing some kind of sport.

Talk: ES8, ES9, ES10+… Let’s explore JavaScript’s exciting new features.

JavaScript fatigue is a real thing. Not only are there constantly new tools, libraries, and framework versions, but the language itself is adding new features each year. Within the last five years, JavaScript has seen more additions than it had any of the previous years combined. A glance at the proposals within the TC39 GitHub shows that there is no end in sight. It can be daunting to try to keep up. This talk is designed to help shine a light on some of the recent additions that you might not be aware of that can be really useful in your everyday code. As well as some new exciting features coming out soon.

Topics include new data structures, new prototype methods on our favorite objects, asynchronous iteration, and new operators.

Roy Derks

Leading the Engineering teams @ Vandebron

Roy Derks is a serial startup CTO, developer, author and conference speaker from Amsterdam. Currently leading the engineering teams at Vandebron, on a mission to provide the world with renewable energy.

Talk: Hey, let’s talk GraphQL

GraphQL is not just a way to interact with APIs, there’s an entire ecosystem around it with many libraries and tools. With GraphQL you can improve not only the way you do data fetching or state management in your frontend applications, but also make your life as a frontend developer much easier. In this talk I’ll show with live demos and coding how GraphQL can help you improve the developer experience and improve the DX for the developers that write the code.

Gil Fink

CEO & senior consultant @ sparXys

Gil Fink is a web development expert, Web Technologies GDE, Microsoft MVP and CEO at sparXys. He is currently consulting for various enterprises and companies, where he helps to develop web-based solutions. He is also co-author of several Microsoft Official Courses (MOCs) and training kits, co-author of “Pro Single Page Application Development” book (Apress), co-organizer of AngularUP and ReactNext conferences.

Talk: Using Data Visualization to Fight COVID19

Year 2020 will be remembered as the year of COVID19 pandemic. During the pandemic, I was involved in building a web app for the Israeli government health department. The app visualized the chain of infection and helped the government decision makers to understand the characteristics of the virus spreading and other aspects. In this talk, I’ll delve into how we used D3 and React in order to build the app front-end.

Todd Gardner

President @ TrackJS

Todd Gardner is a curmudgeonly developer who believes that old solutions are often better than new ones. He advocates for simple designs and balancing complexity against risk. He is the cofounder of TrackJS, where he helps thousands of developers find and fix bugs in their web applications. You can find him online at TODD.MN. Ask him about whisky, craft cocktails, and software comedy.

Talk: Observable Web Applications

Users don’t see your distributed services, cloud architecture, or instrumentation—they only see how the web app is working. Understanding their experience in the client-side is the first step towards understanding the rest of the system. We’ll explore how to make your client-side applications more observable through error tracking, web performance, and usage analytics. With better understanding of real-user experience, you’ll better understand the real behavior of your systems.

Benjamin Gruenbaum

Algorithm Fullstack Engineer @ Testim.io

Benjamin is a Team Lead at Testim.io where he gets to work on open source. Benjamin is an open source lover, Node.js core collaborator, core team at Bluebird, Sinon, MobX and other open source libraries.

Talk: How Deno is shaping Node.js

Oh so much changed in the last year in the world of Node.js and Deno, Node.js has promise APIs, standard cancellation, and safe promise errors. Many things that were considered “unfixable” were in fact fixed. So how did… Deno help fix annoying bugs in Node.js? In this talk, we’ll go over how a rich ecosystem with multiple JavaScript (TypeScript) platforms makes everyone win.

Mike Hartington

Developer Advocate @ Ionic

Mike is a developer, Angular GDE, and Ionic Developer Advocate who’s been working in the mobile landscape for most of his professional career. When he’s not working Ionic itself, Mike works with community members and helps them succeed at mobile. In his spare time, he’s an aspiring woodworker, occasional musician, and craft beer lover.

Talk: Modern Cross Platform with Capacitor

Building “cross-platform” apps is often a loaded term. With previous experiences defining how people think about the subject. But times have changed, and so has our technology for building cross-platform app. In this talk, we’ll look at Capacitor, a new way to build for iOS, Android, and most importantly the web, all with one codebase.

Martin Hochel

Principal engineer, Microsoft MVP, GDE

Martin is Principal Software Engineer, Microsoft MVP and Google Developer Expert for Web with strong passion for JavaScript/TypeScript and clean code.
He loves contributing to open source, enjoys writing technical articles on medium.com and also runs the biggest JavaScript meetup in Prague – ngParty.

Martin loves to travel the world and meeting new people at conferences. When he’s not busy preparing the next meetup or talk, you can find him outside on one of his skate/snow/wake/surfboards (depends on weather conditions yo!)

Talk: Scaling codebase with confidence: From 1 to 100 devs in 1 year

Booting up a new project is rather straightforward nowadays, thanks to a plethora of existing projects like Create React App, Angular CLI, and others… As your codebase/company starts growing rapidly, that “great” bootstrapped project will get out of hand very quickly …

This talk will tell a true story about how we went at Productboard from a bootstrapped old codebase created a few years ago by 1 dev to a highly scalable codebase with 100 developers while not stopping the delivery of new features to our customers. While telling this story, I’ll cover various things, like gradual migration/architectural patterns/automation/tooling, and more…

Naomi Meyer

Software Development Engineer @ Adobe

Naomi is a Software Development Engineer at Adobe on the Globalization, Core Services team where she leads internationalization and localization for Creative Cloud products. She speaks regularly at international software engineering conferences, contributes to open source, and volunteers teaching girls to code. Before coding full time, Naomi worked as a teacher across Asia and West Africa.

Talk: Data Visualizations and Internationalization

Let’s go over useful techniques to customize data visualizations for a global audience: how to format numbers, dates, times, currencies, calendars, x/y axis, and more! As well as the JavaScript Intl API and unique challenges with right to left and bi-directional locale visualizations, how colors, iconography, and emojis can be perceived differently in distinct cultures, all with a global audience in mind.

Luca Mezzalira

VP of Architecture @ DAZN

Being associated with the industry since 2004, I have lent my expertise predominantly in the solution architecture field. As a Vice President of Architecture at DAZN—a cloud-based sports video platform that offers content to a sizeable user base, for which I administer various OTT-centric issues involving governance, scalability and resilience. Being associated with DAZN, I have gained accolades for revolutionising the scalability of frontend architectures with micro-frontends, from increasing the efficiency of workflows, to delivering quality in products. My core industry knowledge has been instrumental in resolving complex architectural and integration challenges.

Talk: Scaling your projects with Micro-Frontends

Micro-frontends are a new architectural trend in the development of frontend applications. This architectural style can provide tremendous benefits to your projects and organization, offering a level of decoupling never seen before in single-page applications or universal architectures. That said, micro-frontends need to be explored in practice. Luckily there are already a few companies using them at scale.
Drawing on his work at DAZN, Luca Mezzalira explains how to implement micro-frontends, enabling you to scale up a project with tens of developers without reducing the throughput.

James Quick

Developer Advocate @ Auth0

James is a developer, speaker, and teacher with a passion for Web Development. He is a Senior Developer Advocate at Auth0 and has over 7 years of experience in Advocacy and Software Development. In his spare time, he runs a YouTube channel, plays co-ed soccer with his wife, spends time with his dogs, and can solve a Rubik’s cube in under a minute.

Talk: JAMstack Made Easy with Serverless Functions

Want to learn about the latest and greatest in building full-stack JavaScript applications? Well, the JAMstack is the new hotness, and it brings about many benefits. Its ease of deployment and hosting makes building full-stack applications with JavaScript easier than ever. In this talk, learn about the JAMstack and how to build and deploy full-stack applications with React and Serverless Functions.

Filip Rakowski

CTO & Co-founder @ Vue Storefront

Filip is a co-creator and CTO of the biggest Open Source e-commerce project – Vue Storefront. He’s an active member and official partner of Vue.js community, international speaker, and trainer. In his free time, he writes on the Vue School blog about performance and vue best practices

Talk: How we used Nuxt and Composition API in vue Storefront?

We started Vue Storefront 3 years ago as a small Open Source project aiming to bring back some joy to the nightmare of eComemrce development.

Today it’s the biggest product in its category in the world winning with giants like Adobe with almost 200 live shops including top world brands… and it’s still free and Open Source for everyone!

At the beginning of this year, we decided to do a full rewrite with Nuxt and Composition API to make our APIs easier to use. We knew that it will bring a lot of improvements but the final result was far beyond our expectations!
If you’re curious how Composition API let us migrate from a huge Vue monolith to a set of domain-oriented independent packages, why we don’t need Vuex anymore, and what challenges we faced while combining Composition API with Nuxt be sure to watch this talk! I will share a lot of examples and ideas for the creative usage of Composition API and tell you what you should be cautious about when using it with Nuxt.

Martin Splitt

Developer Advocate @ Google Search Relations

Martin Splitt is a developer advocate on the Google Search Relations team in Zurich.
He helps developers, SEOs and others making things on the web to be visible in Google Search and coming from a web developer background focuses on the technical aspects and especially JavaScript web apps.

Talk: Technical SEO clinic – bring your site!

Are you wondering about a technical SEO question? Does your site struggle with something in terms of SEO? Send in an affected URL for me to take a look and I’ll try to answer your questions!

Tan Li Hau

Software Engineer @ Shopee

Originally from Malaysia, Li Hau is an expert engineer at Shopee and a core maintainer of Svelte.
Growing up from a lovely town in Penang, he speaks multiple languages, Chinese, English, Malay as well as JavaScript, CSS, and HTML.
In his free time, he writes about JavaScript frameworks and tools.

Talk: Making an entrance with Svelte Transitions

Transitions are ubiquitous in a user interface. Transitions take the user from one state to another, giving the user a sense of their position or location within the interface.

In this talk, let’s take a look at how you can use transitions to make your Svelte application pop!

The major takeaways from this session are, adding transition in Svelte, creating custom transition, and understanding the mechanics of a Svelte transition.

Natalia Tepluhina

Vue.js Core Team member, Senior Frontend Engineer @ Gitlab

Natalia Tepluhina is a Vue.js core team member and a Senior Frontend Engineer at GitLab.

She is a conference speaker and author of articles on different topics related to Vue.js . Thanks to these activities Natalia has got a title of Google Developer Expert in Web Technologies.

Talk: Migrating a big old codebase to Vue 3: what I’m excited about!

New framework major release always brings challenges: you need to figure out a migration path and if it’s even worthy to migrate. In this talk, I will explain what Vue 3 features are the biggest ‘selling points’ for the enterprise-size project and why I’m excited about them.

Mark Thompson

Developer Advocate @ Google (Angular Team)

Mark loves to teach and code.

His love for both of these disciplines has led to becoming an award winning university instructor and software engineer. He comes with a passion for creating meaningful learning experiences. With over a decade of developing solutions across the tech stack, Mark likes to use that experience to break down fear of technology and make challenging technical topics more accessible. Lately, Mark has been spending time as a Developer Advocate at Google.

Talk: Angular and the Super Charged CLI

The Angular platform is feature rich and makes development fun and productive. One of the things that makes Angular so productive is the power of the super charged CLI (command line interface). In this beginner friendly session let’s take a look at how the CLI changes your developer experience.

Emma Twersky

Developer Advocate @ Google

Emma is a Developer Advocate at Google. She is passionate about good user experience and design.

Talk: Angular Universal Theming

You may have heard of @angular/material, or added a few mat-components in your project – but how can developers take advantage of Material to create cohesive applications? In this talk, we’ll learn how to leverage Angular and Material Design to create standard theming, custom design systems, and explore what’s next in Angular Material Design.

Sara Vieira

Developer @ CodeSandbox

Sara is a developer at CodeSandbox. GraphQL and Open Source enthusiast. Conference Speaker and Airport expert. She’s also a fan of horror movies and loves to make random meet-ups in places.

Talk: React is hard but not why you may think – A Map of React

React is hard. There are a lot of resources for getting started, but things can get complex and confusing when writing full blown application. Navigating its ecosystem is a lot to take in and sometimes extremely overwhelming. With this talk, I hope to help you understanding some of its gotchas more clearly, while giving you some confidence when building bigger React applications.