Thursday, 15 July (Timezone: CEST)

10:00 - 10:10
Welcome JS Camp 2021

10:10 - 10:40
ESNext: Proposals to look forward to

With the yearly ECMAScript releases (ES2015..ES2021) a lot of things have changed in JavaScript-land, and there's even more to come.

This talk takes a look at a few of the newest (ES2021) ECMAScript features, and also at some of the upcoming features which (hopefully) will become part of the ECMAScript Language Specification in the near future.

10:50 - 11:20
Supercharge your JavaScript with Web Assembly

Browser and Web APIs along with JavaScript have seen an incredible amount of development and enhancement over the past decade, however they still have certain limitations. With the rise of Web Assembly we can very easily enhance JavaScript and give our application(s) access to low-level processing and potentially transform web experiences. By the end of the talk attendees will have a throughout understanding of Web Assembly, and why it's such a great option for extending the capabilities of the browser and JavaScript via two real life examples.

11:20 - 11:40
11:40 - 12:10
What happens when you search for a kitten on the Internet

In this talk I’d like to give appreciation to something we do almost unconsciously hundreds of times per day, rarely admiring the complexity which happens behind the scenes. Or, should I say, behind the screen? I’m talking about what happens when you use your browser to search or open a URL.

As engineers, we’re on both sides of this story: on one hand, we're the ones who are responsible to 'set up' our web applications and create secure infrastructure for them.

On the other hand, the rest of the time we are in the shoes of the users, relying on other engineers to care about our best interests to make the experience fast and secure.

We’ll focus on speed and security while diving into what happens behind the scenes when you click on a link to check the weather forecast, pay your bills, or for a kitten on the Internet!

12:20 - 12:50
Untangle the mystery of influential speaking

You can inspire and influence the world by speaking! It is vital for a leader to be able to effectively communicate and persuade the audience; gain the audience’s attention, respect and cooperation. Want to know how to do this? Come along and learn at the talk!

Do you feel nervous when you have to speak in-front of large audience? Do you fear that you as a leader, won't be able to motivate the people to do their job?

Don't Worry, this talk will tell you how to practice influential speaking. This will enable you to focus on communicating your vision and on making other people believe in what you hold dear.

12:50 - 13:50
Lunch break
13:50 - 14:20
Debugging the Web

When it comes to debugging your JavaScript applications, a few trusty console.logs in your code can be a great aid in tracking down where your variables are becoming undefined, or where your logic may not be operating as expected. It can save you a great deal of time, however, to use one of the many more debugging tools included out-of-the-box of your browser or favourite IDE that you may currently not even be aware exists or you're not sure how to use effectively. In this talk, I will be discussing some available debugging tools and methods, and demonstrate situations they are best placed to be used for debugging during the development process to overall make it faster and less tedious.

14:30 - 15:00
Typescript - a necessity front-end tool'

It is time to step your front-end game with using type definitions and stopping from wasting time on manually debugging bugs in the console. Typescript is the way to go.

In this talk I will talk about how Typescript gives us advantages in the development process, easy to understand code, refactoring, ease of maintenance, reduce number of unit test cases, casting and much more!

15:00 - 15:10
Closing First Day Remarks

Friday, 16 July (Timezone: CEST)

10:00 - 10:30
Building Large-Scale Web Apps

Modern front end framework provides an easy and delightful way to build UI and web applications.

However, when the app starts to scale and getting complex, it might be hard to keep the same simplicity and maintain the initial performance.

In this talk you will learn some key methods to keep web app high performant and in the same time extendable for product features and framework optimizations.

10:40 - 11:10
Don't Develop Just for Yourself - A Developer's Checklist to Accessibility

Developer, are you (unconsciously) developing sites for users just like yourself? It often means a sighted mouse user with good fine motor skills and who is proficient with computers. But not every user is like that.

Many projects have automated accessibility checkers, and that is a good start. However, they don't catch most of the failures on accessibility. There are some fairly simple checks to ensure a better experience for your users, and from this talk, you'll learn how to do them and, most importantly, why they are essential to do.

11:10 - 11:30
11:30 - 12:00
Finding and Fixing DOM-based XSS - with Static Analysis

Cross-Site Scripting (XSS) consistently ranks highest in the list of the most prevalent security problems within web applications. In particular, DOM-based XSS exposes one of the most severe issues facing Single Page Applications and Electron Apps. In this talk we will examine the root causes of DOM-based XSS and provide fundamental insights into using static analysis to detect problematic code at scale. Furthermore, we will share practical tips that will ease adoption of these techniques when dealing with potential false positives or large codebases. We will conclude with an outlook on upcoming web standards which aim to support web developers to tackle DOM-based XSS once and for all.

12:10 - 12:40
A Subtle Introduction to Portals In React

Portals in React are are a way to render children into a DOM node that exists outside the DOM hierarchy of the parent component.

In this talk, I'll introduce the audience to :

  • what portals in React are,
  • how beneficial they are,
  • Benefits of React Portals,
  • Real-world use cases for Portals and
  • How portals in React can help improve the accessibility of custom widgets

12:40 - 13:40
Lunch break
13:40 - 14:10
Play Them Off, Keyboard App: Building a virtual piano in JavaScript

Did you know your browser has a whole API dedicated to synthesizing and playing audio?

Sophie will show you how she built a virtual piano using the Web Audio API which plays chords and scales - and the musical theory that shaped it - in this fascinating crossover between music and code.

14:20 - 14:50
Build Snappier Apps with React and Web Workers

Nowadays, web apps are richer and more interactive than ever before. With more code running right in the browser, it has become increasingly more challenging to deliver fluid, native-like experiences for users, especially on less powerful devices. Enter Web Workers! In this talk, we will learn what Web Workers are, how they allow us to build better and snappier user interfaces by lifting work out of the main thread, and some ways that you can use Web Workers in your React applications today.

14:50 - 15:00
Closing Second Day Remarks

Stay up to date

Get the all the updates directly to your mailbox!