• 12
    Days
    sharpening skills
  • 20+
    WORKSHOPS
    from renowned experts
FREE WORKSHOPS AT JSNATION LIVE

The workshops from the list below are the complimentary part of full tickets.

Workshops will be run remotely via Zoom. The recordings will be shared with full ticket holders after the conference.

Please note, you are able to add the session to your calendar but it's not the same as the registration. You'll need a separate link that will be sent via the ti.to platform for registration.

Suzanne Daniels, Nick Trogh, Juarez Barbosa Junior

Publishing, Automating and Monitoring your JS App on Azure

In this workshop you're going to deploy a JS app to our Azure Services. Obviously, we don't want to do this manually, so you're going to use GitHub actions to streamline this experience. Now that our App is on Azure, we want to make sure that we're aware of crashes and performance issues, so we'll add some App Insights in the mix. During the workshop, we'll show some cool features you could leverage!

Workshop schedule & location

Date & time – May 31, 16:00-18:00 CEST. Remote.

Chris Smith

Build React-like apps for internal tooling 10x faster with Retool

Most businesses have to build custom software and bespoke interfaces to their data in order to power internal processes like user trial extensions, refunds, inventory management, user administration, etc. These applications have unique requirements and often, solving the problem quickly is more important than appearance. Retool makes it easy for js developers to rapidly build React-like apps for internal tools using prebuilt API and database interfaces as well as reusable UI components. In this workshop, we’ll walk through how some of the fastest growing businesses are doing internal tooling and build out some simple apps to explain how Retool works off of your existing JavaScript and ReactJS knowledge to enable rapid tool building.

Table of contents
  • - The challenges with internal tools
  • - What is Retool? A walkthrough of the tool and how it works
  • - How to connect to your datasources (APIs/databases)
  • - Walk through building a simple admin panel
  • - How to use custom React components and reuse modules
  • - How to use JavaScript in Retool and 3rd party library integration
  • - Connecting to custom APIs
  • - Questions and answers
Prerequisites

  • A free Retool.com trial account or a willingness to watch and discuss.
  • Some minimal JavaScript and SQL/NoSQL database experience.

Workshop schedule & location

Date & time – May 31, 18:00-21:00 CEST. Remote.

Miroslav Malecha

Build an IoT App With InfluxDB

InfluxDB is an open source time series database that empowers developers to build IoT, analytics and monitoring software. It is purpose-built to handle the massive volumes and countless sources of time-stamped data produced by sensors, applications and infrastructure.

This workshop showcases a fully functional sample application called IoT Center that is built on InfluxDB. This application demonstrates the capabilities of the InfluxDB platform to develop a JavaScript-enabled time-series-based application. It collects, stores and displays a set of values that include temperature, humidity, pressure, CO2 concentration, air quality, as well as provide GPS coordinates from a set of IoT devices. With this data stored in InfluxDB, the application can query this data for display as well as write data back into the database.

This hands-on workshop will show students how to install this open source code to learn how to query and write to InfluxDB using the InfluxDB JavaScript client, and gain familiarity with the Flux lang query language which is designed for querying, analyzing, and acting on time series data. And finally, collect and visualize performance data of the Node JS application.

Table of contents
  • - InfluxDB open source project - Introduction
  • - IoT Center Introduction
  • - Hands-on Workshop - Install IoT Center
  • - Hands-on Workshop - Data Explorer & Flux lang examples
  • - JS Client - Introduction (show code examples)
  • - Hands-on Workshop - Add geo widget for mobile devices
  • - InfluxDB as monitoring platform for node.js
  • - Q&A
Workshop schedule & location

Date & time – June 1, 16:00-18:00 CEST. Remote.

Zachary Conger

JS Security Testing in GitHub Actions

Leading teams are realizing that periodical penetration testing and security audits is not enough when code is being shipped daily. Instead, these teams are using developer-centric tools to run automated security testing in a CI/CD pipeline. Join Zachary Conger as he walks through how to automate application JS security testing using GitHub actions.

Table of contents
  • - Set up a GitHub Action basic JS build workflow
  • - Add Dependabot for SCA dependency checking
  • - Add StackHawk or ZAP for DAST
  • - Add CodeQL for SAST
Prerequisites

GitHub Account, Docker + Docker Compose knowledge.

Workshop level

Intermediate.

Workshop schedule & location

Date & time – June 1, 18:00-19:00 CEST. Remote.

David Woller

The Crash Course for Continuous Code Improvement

Every business today is a software business. Software is made of code. And code is meant to be improved. Yet developers get stuck reactively monitoring, investigating, and debugging code to fix issues. They lose too much time manually searching through logs, APM, and observability tools. Instead, they could be using that time to innovate. In this workshop, the participants will be introduced to the continuous code improvement platform that can help them see errors in real-time and gives them the tools needed to automate how they respond. Participants will learn how to instrument Rollbar's lightweight SDKs into their applications to capture uncaught exception errors as they happen along with the surrounding context and details. Participants will walk away with complete visibility on every error in their application, coupled with all the important data needed to make resolution painless.

Table of contents
  • - 1. Introduction to the topic of Continuous Code Improvement
  • - 2. Demo - Lifecycle of A Bug
  • - a. Demonstration for real time alerts about errors in the applications, at any stage of the software development lifecycle
  • - b. Reveal contextual metadata included with every occurrence of a bug
  • - c. Error Classification: Default Grouping + Custom Grouping
  • - d. Querying for Custom Workflows - Improving Signal with Custom Alerts
  • - e. Focus on New Bugs Every Release
  • - 3. Training Session - How to get started with your first project setup
  • - 4. Wrap-up Time - Beyond The Demo: Getting Value from Error Data
Prerequisites

Workshop schedule & location

Date & time – June 2, 16:00-18:00 CEST. Remote.

Alyssa Nicoll

Getting Comfortable with Angular and UI

A workshop for UI and Angular beginners alike. Let's pull down the Tour of Heroes app (written by John Papa and found throughout the Angular docs) and give it a UI upgrade! All you will need is a laptop and your favorite data set (mine, of course, will be ponies.)

Table of contents
  • - Dive into the Tour of Heroes demo application like never before!
  • - Learn about integrating SASS into your Angular Project.
  • - Learn how to include a Component Library into your Project. (We will be using Kendo UI but the principles are to implement a UI Library are pretty universal.)
  • - Play around with customizing styles and writing custom CSS from scratch.
  • - Go over UI/UX principles and implement them on the fly.
  • - Take part in UI challenges throughout the Workshop and win prizes!
Workshop schedule & location

Date & time – June 2, 18:00-21:00 CEST. Remote.

Bolaji Ayodeji

Jamstack eCommerce 101

Digital commerce has changed, and there is an increasing demand for faster and kite efficient solutions. In this workshop, you'll learn about the evolution of ecommerce and how Jamstack and headless commerce evolves shopping experiences on the web. We will explore the basics of headless commerce by building a minimal Jamstack ecommerce product page with static content, HTML5, CSS, and Javascript. Finally, we will integrate Commerce Layer for headless commerce capabilities and deploy our application to Netlify.

Prerequisites

Some HTML, JavaScript, and command-line knowledge are required. An understanding of how APIs work would be helpful but not required. Also, you should have your favorite IDE and Git installed.

Workshop schedule & location

Date & time – June 3, 16:00-19:00 CEST. Remote.

Ed Ropple, Dylan Jhaveri

Build your own live streaming platform

In this workshop we will go over the basics of streaming video over the internet including technologies like HLS and WebRTC. We will then build our own React app to play live streams and recordings of live streams.

Workshop schedule & location

Date & time – June 3, 18:00-20:30 CEST. Remote.

Nader Dabit

Full Stack Cloud Development with Next.js, AWS, and Tailwind

In this workshop you'll learn how to build highly scalable cloud APIs with AWS and integrate them with Next.js and style them using Tailwind CSS.

We'll build out a multi-user blogging platform, implementing a database with DynamoDB, authentication with Amazon Cognito, and a GraphQL API with AWS AppSync and connect to the app from the Next.js client using AWS Amplify. Users will be able to edit and delete their own posts as well as add rich media like cover images using Amazon S3.

By the end of the workshop, you should have a good understanding of how to build full stack apps on AWS with Next.js and AWS Amplify.

Workshop schedule & location

Date & time – June 4, 16:00-19:00 CEST. Remote.

Matt Landers, Will Johnston

Building a Hyper Fast Web Server with Deno

Deno 1.9 introduced a new web server API that takes advantage of Hyper, a fast and correct HTTP implementation for Rust. Using this API instead of the std/http implementation increases performance and provides support for HTTP2. In this workshop, learn how to create a web server by utilizing Hyper under the hood and boost the performance for your web apps.

Workshop schedule & location

Date & time – June 7, 17:00-20:00 CEST. Remote.

Ben Michel

Shipping High Performance React Apps with Datadog and Real User Monitoring

The way you observe your Web App’s performance over time can make or break the experience of your users. Fortunately, you can continually stay informed about the health of every delta in your UX using Real User Monitoring, and immediately identify any issues that are holding your current users back. With it, you can manage optimizing how long it takes for users to load your App on mobile, round trip times for asset fetching, the average latency between user actions and component updates, and more (by adding a small block of code in the right place). In this workshop you’ll learn how to leverage Real User Monitoring in order to track and resolve the issues that prevent your App’s greater adoption, and retention. We’ll discuss how to think about performance from the user perspective, gauge what metrics are important to monitor continuously, and define a good strategy for alleviating the latencies and issues that affect your users most.

Table of contents
  • - Interactive Demo: See and hear latency (Web App performance and user joy scale linearly)
  • - Add Real User Monitoring to Conduit (an open source clone of medium.com built on React)
  • - Identify performance bottlenecks and anomalies in Conduit using Datadog’s RUM Explorer
  • - Resolve Conduit’s issues
  • - Verify the problems have been fixed using the RUM Explorer
  • - Monitoring the user experience with Dashboards: User Sessions, Performance, and custom Dashboards for valuable metrics and BI
  • - Q&A, and additional resources
Prerequisites

Familiarity with JavaScript, Node.js, React, and building Single Page Apps.

Workshop level

Beginner/Intermediate

Workshop schedule & location

Date & time – June 7, 18:00-20:00 CEST. Remote.

Bonnie Schulkin

Regular Expressions in JavaScript

Even if you're a regular expression pro, it's not always easy to know how to apply them in JavaScript. What's the difference between RegExp.prototype.exec and String.prototype.match ? What if I want to replace all punctuation followed by multiple spaces with the same punctuation followed by a single space? This workshop will explore the various methods and leave you with sample code, a cheat sheet, and the confidence to choose the right method for the job.

Table of contents
  • - Regular Expression Literal vs. RegExp object
  • - RegExp methods
  • - a. test (yes, or no?)
  • - b. exec (probably not what you want, let's talk about why)
  • - c. match objects
  • - String methods
  • - a. match, matchAll (so much better than exec ;-) )
  • - b. search (take a number)
  • - c. split (make me an array)
  • - d. replace (with fixed string or function output)
  • - Summary cheat sheets
  • - a. What does each method do?
  • - b. When would I want to use one over another?
Prerequisites

  • Node 12+
  • Array methods: map and filter
  • Knowledge of regular expression syntax helpful but not required

Workshop level

JS devs who avoid regular expressions because who has time to figure out which method to use? Level: beginner / intermediate.

Workshop schedule & location

Date & time – June 14, 18:00-20:00 CEST. Remote.

Anjana Vakil

Data Visualization for Web Developers

Data Visualization, aka "dataviz", is much more than drawing some pretty charts; it's a process of discovering & communicating insights derived from data. As web developers, we are luckily swimming in data about the apps we build, the users who interact with them, and the development workflows we use to build them. We may be used to looking at certain visualizations of that data - e.g. a simple line graph or bar chart presented by our analytics platform - but many developers don't realize that with very little time & effort, we can build our own visualizations to dig deeper and answer the specific questions that really matter to us and our work.

In this workshop, through hands-on projects we'll learn how to use Observable, a browser-based reactive coding platform, to rapidly build insightful, interactive visualizations in JavaScript. After completing this workshop, you'll have the basic tools & techniques you need to start using dataviz to better understand your code, your projects & your users, and make better data-driven decisions as a developer.

Table of contents
  • - Introduction: What is dataviz?
  • - Answering the right questions
  • - Project 1: What devices are users browsing with?
  • - Features & encoding channels
  • - Project 2: (How quickly & reliably) are integration tests passing?
  • - Interactivity & user inputs
  • - Project 3: How fast are (certain types of) API responses?
  • - Takeaways & next steps
Prerequisites

Familiarity with JavaScript will be assumed, but developers of all levels are welcome.

No development setup required! All you need is a browser, as we'll do all our work in Observable (signing up for a free observablehq.com account is optional, but not required).

Workshop schedule & location

Date & time – June 14, 18:30-21:30 CEST. Remote.

Tom Papiernik, Paul Kapała

DevOps 2.0: The ultimate JS delivery pipeline

Buddy is a CI/CD tool that lowers the entry threshold to DevOps by simplifying pipeline configuration to bare minimum, enabling teams to embrace CI/CD with no dedicated engineers. During the presentation, we will show you how to create a fully functional JavaScript pipeline and adapt it to the workflow in your company in a couple of minutes. We are going to put special emphasis on features that help secure code quality, share some tricks that speed up the deployment (trigger conditions, cache, Docker, changeset deployments, parallelization), and show you how to preview deployed websites with no server infrastructure using Sandboxes – a unique feature of Buddy.

Table of contents
  • - Introduction to CI/CD (essential info only, up to 10 minutes)
  • - Basic delivery pipeline: dependencies, builds, deployment, restarting app
  • - Managing different Git workflows: Gitflow, trunk-based development
  • - Securing code and Production with PR’s and GitHub Branch Protection Rules
  • - Improving JS code quality in 5 minutes with smart automation
  • - Testing: what to test, when, and what tests should I use
  • - Browser tests: Cypress, Puppeteer, Selenium
  • - Visual tests: comparing new website versions with Production before manually accepting deployment
  • - SEO in delivery pipeline: Google Ligthouse, link scanning, SSL checker, image compresion
  • - Tips and tricks to speed up your delivery pipelines (trigger conditions, cache, Docker, changeset deployments, parallelization)
  • - Troubleshooting and edge cases: how to debug and evolve pipelines to fix problems
Prerequisites

  • Code Editor, Git installed
  • GitHub account

Workshop level

All levels.

Workshop schedule & location

Date & time – June 15, 15:00-18:00 CEST. Remote.

Manfred Steyer

Micro-Frontends with Module Federation and Angular

Ever more companies are choosing Micro-Frontends. However, they are anything but easy to implement. Fortunately, Module Federation introduced with webpack 5 has initiated a crucial change of direction.

In this interactive workshop, you will learn from Manfred Steyer -- Angular GDE and Trusted Collaborator in the Angular team -- how to plan and implement Micro-Frontend architectures with Angular and the brand new webpack Module Federation. We talk about sharing libraries and advanced concepts like dealing with version mismatches, dynamic Module Federation, and integration into monorepos.

After the individual exercises, you will have a case study you can use as a template for your projects. This workshop helps you evaluate the individual options for your projects.

Table of contents
  • - Using Module Federation to load separately compiled micro frontends
  • - Using Module Federation with Angular and the Angular CLI
  • - Sharing dependencies
  • - Strategies for dealing with version mismatches
  • - Communication between Micro Frontends
  • - Mono repos vs multi repos
Prerequisites

You should have some experience with Angular.

Workshop schedule & location

Date & time – June 15, 18:00-21:00 CEST. Remote.

Ian Johnson

Painting with Data: Intro to d3.js

D3.js is a powerful JavaScript library for building data visualizations, but anyone who has tried to use it quickly finds out that it goes deeper picking your favorite chart type. This workshop is designed to give you a hands-on introduction to the essential concepts and techniques for creating custom data visualizations with d3.js. By the end of this workshop you will have made an interactive and animated visualization on a realistic dataset that you can easily swap out with your own.

Table of contents
  • - Introductions: Who am I and who are you?
  • - A quick tour of d3.
  • - Setup.
  • - The Data: fetching & loading; CSV & JSON in the browser.
  • - Part I: The Visual. We build up a scatter plot using d3 and SVG. We focus on fundamentals so you can feel comfortable building with your own data later.
  • - Part II: The Magic. This is where we depart from pre-built capabilities of most charting libraries and explore the possibilities opened up by d3.js.
Prerequisites

  • Familiarity with JavaScript will be assumed, but developers of all levels are welcome.
  • No development setup required! All you need is a browser, as we'll do all our work in Observable (signing up for a free observablehq.com account is optional, but not required).

Workshop schedule & location

Date & time – June 15, 16:00-19:00 CEST. Remote.

Alex Lobera

Micro Frontends with Module Federation and React

Did you ever work in a monolithic Next.js app? I did and scaling a large React app so that many teams can work simultaneously is not easy. With micro frontends you can break up a frontend monolith into smaller pieces so that each team can build and deploy independently. In this workshop you'll learn how to build large React apps that scale using micro frontends.

Table of contents
  • - Micro frontends architectures
  • - How to share dependencies between apps
  • - How to break up a monolithic app into multiple sub-apps
  • - Implementing soft navigations between micro frontends
  • - Micro frontends with monorepos
  • - Tools, frameworks, and libraries: Module Federation, Lerna, Next.js and React
Prerequisites

You should have some experience with React.

Workshop schedule & location

Date & time – June 16, 17:00-20:00 CEST. Remote.

Alex Korzhikov, Joren Broekema

Web Components in Action

The workshop extends JavaScript programming language knowledge, overviews general software design patterns. It is focused on Web Components standards and technologies built on top of them, like Lit-HTML and Lit-Element. We also practice writing Web Components both with native JavaScript and using Lit-Element. In the end we overview key tooling to develop an application - open-wc.

Workshop level

Advanced.

Workshop schedule & location

Date & time – June 17, 18:00-21:00 CEST. Remote.

Chris Achard

Intro to AI for JavaScript Developers with Tensorflow.js

Have you wanted to explore AI, but didn't want to learn Python to do it? Tensorflow.js lets you use AI and deep learning in javascript – no python required!

We'll take a look at the different tasks AI can help solve, and how to use Tensorflow.js to solve them. You don't need to know any AI to get started - we'll start with the basics, but we'll still be able to see some neat demos, because Tensorflow.js has a bunch of functionality and pre-built models that you can use on the server or in the browser.

After this workshop, you should be able to set up and run pre-built Tensorflow.js models, or begin to write and train your own models on your own data.

Prerequisites

No AI knowledge is needed, but JavaScript programming knowledge is required.

Workshop level

Intro to AI using medium javascript coding.

Workshop schedule & location

Date & time – June 18, 16:00-18:00 CEST. Remote.

Mikhail Kuznetcov

Vue3: Modern Frontend App Development

The Vue3 has been released in mid-2020. Besides many improvements and optimizations, the main feature of Vue3 brings is the Composition API – a new way to write and reuse reactive code. Let's learn more about how to use Composition API efficiently.

Besides core Vue3 features we'll explain examples of how to use popular libraries with Vue3.

Table of contents
  • - Introduction to Vue3
  • - Composition API
  • - Core libraries
  • - Vue3 ecosystem
Prerequisites

  • IDE of choice (Inellij or VSC) installed
  • Nodejs + NPM

Workshop schedule & location

Date & time – July 8, 16:00-19:00 CEST. Remote.

Suzanne Daniels
Microsoft, Netherlands

Suzanne is a Developer Engagement Lead at Microsoft.

Nick Trogh
Microsoft, Belgium

Nick is a Developer Engagement Lead at Microsoft.

Juarez Barbosa Junior
Microsoft, Ireland

Juarez Barbosa Junior has +20 years of experience in several IT-related roles throughout his career, currently working for Microsoft as the Azure Developer Engagement Lead in Ireland.

Previously, he's worked for Oracle as a Principal Blockchain Developer Advocate and as Thought Leader and Technical Evangelist in IBM Mobile and IBM Watson.

He's passionate about engaging developers and communities to present and discuss the latest technologies related to Blockchain, IoT, Cloud Native, AI, and other Emerging Technologies, with a particular focus and interest in Microsoft Azure.

Chris Smith
Retool, USA

Chris Smith is a developer evangelist at Retool, where he helps developers to rapidly code internal tools. He is a hacker at heart ever since learning QBASIC in middle school and is passionate about the power that learning to code brings to an individual. He’s worked for 6+ years in the world of low-code tools to empower developers to do more in less time. He’s passionate about visual abstractions and ways of quickly conveying and understanding complexity. Prior to Retool, Chris worked at Tray.io, JunoVR, Segment, and National Instruments.

Miroslav Malecha
Bonitoo, Czech Republic

Miroslav Malecha is Director of Product management at Bonitoo.io. He has a background in computer science and has been focused on defining software products in data science, enterprise architectures and cloud computing. Prior to joining Bonitoo, Miroslav held product management positions at Good Data and Hewlett-Packard Software. When Mirek is not working, you can find him speeding down hills on his ebike in the forests near Prague.

Zachary Conger
StackHawk, USA

Zachary is a Senior DevOps Engineer at StackHawk. As a startup junkie, he has played many roles including operations, engineering, product development, and leadership. In his current role, he is focused on the evolving CI/CD landscape and how this diverse set of technologies can be used to improve the productivity of software developers, and the quality of the code they produce. Outside of work he enjoys music, photography, cycling, and various pastimes.

David Woller
Rollbar, USA

David works as a post-sales Solutions Engineer at Rollbar, with a focus on customer enablement and custom solutions delivery. He is passionate about anything that combines technical learning with customer interaction, and is curious about finding ways to apply technology to improve the UX of everyday life. He has specific knowledge around software observability practices, and worked as a Professional Services Consultant at Sumo Logic before joining Rollbar in August. David earned a BS in Computer Science from Auburn University.

Alyssa Nicoll
Progress, USA

Alyssa is an Angular Developer Advocate for KUI and a Google Developer Expert for Angular. Her two degrees (Web Design & Development and Psychology) feed her speaking career. She has spoken at over 30 conferences Internationally. She streams weekly on the Angular Air podcast and Twitch CodeItLive channel. She enjoys gaming, scuba diving, and has a little one that fondly goes by "Mr. Milks".

Bolaji Ayodeji
Commerce Layer, Nigeria

Bolaji is a Software Engineer, Content Creator, and Community Engineer who currently works as a Developer Advocate at Commerce Layer. He's passionate about sharing knowledge, documentation, web engineering, Jamstack, headless commerce, communities, and FOSS.

Ed Ropple
Mux, USA

Ed's a senior developer and video producer on the Community team at Mux; when he isn't churning out screencasts about how you can better use Mux Video and Mux Data and interviewing Mux success stories, he even sometimes gets to write a little code. Usually the one asking when we're rewriting it in TypeScript.

Dylan Jhaveri
Software Engineer @Mux, USA

Dylan is a Senior Software Engineer at Mux, a startup building online video infrastructure for developers. Dylan works on the DevEx team to help developers deliver smooth video to their users. Previously he co-founded Crowdcast, a live video streaming platform.

Nader Dabit
Amazon AWS, USA

Nader has been developing with React Native for over 2.5 years. He has worked with and trained developers from fortune 500 companies like Amazon, Visa, American Express, and Microsoft, helping them to get up to speed with React Native as quickly as possible.

Matt Landers
WP Engine, USA

Matt Landers leads the DevRel team at WP Engine, after joining the company in 2019 as a Technical Architect who was (and still is) super passionate about headless. That passion ultimately played a major role in the release of Atlas, which pairs WP Engine’s industry-leading WordPress platform with Node.js hosting to enable headless solutions using modern frameworks and technologies like React, Vue, and more. Before joining WP Engine, he served as Technology Evangelist at Microsoft, where he educated developers on the advantages of adopting .NET and worked with Fortune 100 companies to build some of the largest enterprise systems as an Architect. Additionally, Matt founded Covalence, a coding bootcamp, channeling his passion for teaching developers

Will Johnston
WP Engine, USA

Will Johnston is a Developer Advocate on the DevRel team at WP Engine. He started coding when he was 10 years old, and began coding professionally at 15. He got his start working on an open source competency tracking tool for schools with Python and Zope. Will founded Covalence alongside Matt Landers, and served as CTO. At WP Engine, Will is excited to help make the headless CMS world a better place by helping others embrace headless and make the most out of new tools and technologies.

Ben Michel
DataDog, USA

Ben cares about enabling developers, and supporting open source projects that push the Web forward (OpenJS Foundation, Node.js, tc39, Unicode Consortium). As a Technical Evangelist at DataDog, he’s helping devs create delightful experiences by using real user monitoring, and distributed synthetic testing. Ben has also led JavaScript meetups over the years (PDXNode, WebAudioPDX), and occasionally produces music.

Bonnie Schulkin
Teacher, Coder & Testing Enthusiast, USA

In her 18 years in the software industry, Bonnie has discovered that she loves all things testing (how great is it when testing reveals exactly what you need to fix about your refactor or new feature?). She's particularly devoted to Test Driven Development for its emphasis on planning before coding. Bonnie is equally passionate about teaching, and she's pleased as punch to be producing online content full time. She feels weird writing about herself in the third person.

Anjana Vakil
ObservableHQ, USA

Anjana suffers from a chronic case of curiosity, which led her from philosophy to English teaching to computational linguistics to software development. As a developer advocate at Observable, these days she codes & teaches from her home base in San Francisco; in the before-times, you could find her speaking at events around the world. She loves to share the joy of programming and advocate for a more diverse, equitable, and ethical tech industry. Ask her about the Recurse Center & Outreachy, she’s an alumna of both!

Tom Papiernik
Buddy, Poland

As a developer advocate and technical writer at Buddy, Tom takes his love for communication and passion for technology and uses them to break down complex ideas into bites that everyone can swallow. Having worked directly on open-source projects, he is equally passionate about the front and the back-end - be it React, Go, or Kubernetes. In his spare time, he's a guitar-wielding amateur musician who dreams of recording a platinum album.

Paul Kapała
Buddy, Poland

Senior Full Stack Developer at Buddy with 9 years of experience in IT. Automation aficionado, lover of clean code and function programming, and a lifelong fan of soccer and Liverpool FC.

Manfred Steyer
Austria

Trainer, consultant and programming architect with focus on Angular. Google Developer Expert (GDE) and Trusted Collaborator in the Angular team who writes for O'Reilly, the German Java Magazine, and windows.developer. Regularly speaks at conferences.

Ian Johnson
ObservableHQ, USA

Ian Johnson is a data visualization developer and software prototyper at ObservableHQ. Ian has been turning data into pixels for more than 15 years, cheering on the developments in web standards and open source technologies that enable ever richer forms of communicating data.

Ian helped found the Bay Area D3 User Group, a community of thousands of d3.js practitioners, to learn from other like-minded folks. He has prototyped software and visualizations for companies, researchers and causes. He enjoys sharing his understanding and is often tweeting about data visualization and the creative process.

Alex Lobera
Hopin, UK

Principal engineer at Hopin. Coach of high-performing development teams. Alex is an experienced engineer and decision maker with over 17 years of experience in the software industry. He is passionate about scaling React apps and teams.

Alex Korzhikov
Instructor, Mentor, Netherlands

Software engineer, team lead, ​instructor​, mentor, and ​author of technical materials​ in JavaScript, Node, ​JSON-Schema​, Web Components, TypeScript.

Joren Broekema
Netherlands

My background is in Industrial Design where I slowly fell in love with web development and code. I have been a front-end developer for almost 3 years professionally. I also like to dabble in backend and DevOps in my spare time or when work allows for it. I have started doing more workshops and trainings since the last year, and I created a project called code-workshop-kit where I try to use a combination of tools, some of which I created myself, to make code workshops work well remotely.

Chris Achard
NanoHop, USA

Chris is a software developer and independent consultant. He's created web and mobile apps using mostly React and React Native, with Node or Ruby on Rails on the back end. He likes all things JavaScript, and has recently been enjoying exploring AI with Pytorch and Tensorflow.js.

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.