JavaScript Day 2021
JetBrains JavaScript Day 2021 is a free virtual event that took place on October 14, 2021.
This was WebStorm's first-ever JavaScript event. We invited community experts from around the world to discuss topics they are passionate about, such as JavaScript, React, Angular, open source, and more. Something for everyone!
Scaling Team Delivery Using Standardization
Debbie O’Brien
How can you scale fast and build fast, yet keep the same standards across all projects and teams? Let's take a look at tooling as well as creating shareable configs and template generators for components, so you can speed up your team's delivery.
Outline
- 00:00 Introduction
- 00:53 Perfect teams vs. reality
- 01:39 Ways to keep things standard
- 03:32 Using generators
- 09:33 Pros of using generators
- 10:20 Making changes
- 13:22 Configs for non Bit projects
- 17:31 Conclusion
About the Presenter
Debbie O'Brien, GDE/MVP and Head Developer Advocate at Bit
TC39 Demystified
Ujjwal Sharma
JavaScript boasts of one of the most vibrant and diverse programmer communities, with a diverse set of needs and opinions about what the future of the language should be. In the middle of all of this effort, sits TC39. However, TC39 needs to take all stakeholders into account, including not only TC39 members but also the greater JavaScript community. This includes you!
What tools and techniques does TC39 employ to ensure that everyone has a voice during this process, and how can you make the best of them to interact and get involved? By the end of this talk, you will have a better idea of how TC39 operates and how you can voice your opinions and criticisms through the proper channels and affect what the future of your favorite programming language holds.
Outline
- 00:00 Introduction
- 01:52 About TC39
- 04:44 Who is TC39?
- 07:01 Where do things happen?
- 08:05 What do TC39 members do?
- 11:53 When does all this happen?
- 14:58 How do things happen?
- 17:33 Stage process
- 20:46 Building consensus
- 23:08 A deeper look into stage process
- 27:01 Conclusion
About the Presenter
Ujjwal Sharma, Compilers Hacker at Igalia
Documenting the Web Platform
Florian Scholz
The Open Web Docs collective is sponsored by a community of people and companies who care about docs for the Web platform. In this talk, we are going to explore how the Web gets documented at MDN Web Docs and how we'd imagine documentation to appear within a broader context of developers' workflows.
Outline
- 00:00 Introduction
- 00:51 About Open Web Docs
- 01:49 The values of Open Web Docs
- 03:18 What does Open Web Docs do?
- 04:40 MDN's move to GitHub
- 07:32 HTML vs. Markdown
- 08:54 What does MDN document?
- 10:06 What is actually documentation?
- 12:04 Reference documentation vs. specification
- 13:19 A typical MDN reference page
- 15:16 Browser compatibility data
- 16:25 IDEs and DevTools
- 17:22 Specification data
- 18:38 How to contribute
About the Presenter
Florian Scholz, Content Lead at Open Web Docs
Hands-Free Coding With Gaze Control in JavaScript
Charlie Gerard
In the tech industry, when talking about accessibility, we usually focus on improving the ways people use a website, but we never really think about the experience of people who build it. What if we could improve the coding experience by going beyond the keyboard and build tools that would allow different kinds of interactions? In this talk, I’ll show how we can use gaze detection in JavaScript to enable hands-free coding.
Outline
- 00:00 Introduction
- 01:34 Inspiration for the project
- 04:26 Hands-free coding by Josh Comeau
- 05:37 How Charlie worked on her project
- 14:49 Project demo
- 16:12 Limitations
- 19:47 Conclusion
About the Presenter
Charlie Gerard, Senior Frontend Engineer at Netlify
Documentation Playgrounds With Module Imports Support
Andrey Grandilevskiy
It is impossible to develop the UI-library on React and its documentation without usage examples with source code. Even better if this code can be changed in-place and look at the component in the different situations - change the values, props, the surrounding layout. And it looks easy - there are ready-to-use libraries for such playgrounds. But the difficulties arise when the examples should support the imports of external dependencies. In this talk, we’ll explain how we implemented the live code-sandboxes inside markdown content with supporting imports for our new RescUI library.
Outline
- 00:00 Introduction
- 05:05 Plan overview
- 06:10 Parsing Markdown and examples
- 07:12 Extracting dependencies
- 09:31 Resolving dependencies
- 12:38 Frontend part
- 13:08 Demo
- 15:46 Brief summary
- 16:33 Limitations
- 17:05 Conclusion
About the Presenter
Andrey Grandilevskiy, Frontend Developer at JetBrains
Angular 13
Aaron Frost
Welcome to version 13 of enterprise's favorite framework: Angular. During this talk, we'll go through all the latest and greatest changes to the framework, showing you each of the newest additions and deletions.
Outline
- 00:00 Introduction
- 03:02 Angular v13 rc0
- 04:36 Features
- 15:04 Breaking changes
- 19:23 Roadmap
- 21:17 RFC - Standalone components
- 24:16 Conclusion
About the Presenter
Aaron Frost, Software Architect at HeroDevs
htmx: Writing JavaScript to Avoid Writing JavaScript
Carson Gross
And now for something completely different. In this talk, we will look at htmx, a JavaScript library written to avoid writing JavaScript. We'll discuss the motivation for such a creation and then look at some of the features and implementations of htmx. We will close with a brief look at how people are using the JavaScript library I wrote to avoid writing JavaScript to write JavaScript.
Outline
- 00:00 Introduction
- 03:10 A brief history of web dev
- 06:47 JavaScript: origins
- 08:05 The modern age
- 08:45 Back to hypermedia
- 11:06 What is htmx
- 13:12 htmx demo
- 15:55 Back to JavaScript
- 17:47 Conclusion
About the Presenter
Carson Gross, Creator of htmx
Monorepos: Any Size Fits All
Altan Stalker
Popularized by tech giants like Google, monorepos have become increasingly popular across organizations of all sizes in recent years. Is this model correct for your organization? What are the benefits, and how do these stack up against the initial overhead of adoption? In this session, we will take a look at the pros and cons of monorepos, as well as how modern tooling can ease the implementation process.
Outline
- 00:00 Introduction
- 01:24 The best way to organize repos
- 02:01 What is a monorepo
- 03:02 The organization size pyramid
- 04:08 Code reuse
- 07:44 The single version policy
- 10:28 Intergration and the impact of tooling
- 12:51 Safe refactors
- 13:57 Trade-offs when considering a monorepo
- 16:37 Tooling options
- 18:01 Conclusion
About the Presenter
Altan Stalker, Software Engineer at Nrwl
How to Get Involved in Open Source: A Quickstart Guide
Tracy Lee
How do you get involved in open source? This is a question I get asked a lot, and surprisingly, it's not as difficult as you may think. In this talk we'll discuss the WHY and HOW related to open source contributions, and also touch on the DOs and DONTs so you can be successful today!
Outline
- 00:00 Introduction
- 01:53 Agenda
- 02:23 Tracy's journey into open source
- 08:32 Why and how get involved
- 20:51 Do's and don'ts
- 23:45 Conclusion
About the Presenter
Tracy Lee, GDE/MVP and CEO of This Dot Labs