JS Fest 2020

Linting for TypeScript: Past, Present, and Future

With a language as complex and dynamic as JavaScript is, many of us rely on linters to help catch bugs. Until recently, TypeScript users primarily used TSLint, while the rest of the JavaScript community used ESLint. In this talk, we will cover the differences between these tools, discuss the story of how TypeScript support in ESLint was introduced, and walk through the process of converting a TSLint rule to an ESLint rule.

Passwords are so 1990

As long as we’ve been using the internet, and way before that, we have been authenticating through some sort of username and password combination. It has become the standard. With the ever-increasing number of web-apps, we’re seeing more and more data breaches as well. What if we could build our authentication processes in a way the user doesn’t need a password?

Building type-safe GraphQL APIs

GraphQL is becoming de facto the new standard for API development. This talk dives deep into one of the most powerful features of GraphQL - its type system - and also discusses the tools and best practices for building GraphQL APIs. You'll learn why building applications in a type-safe way is the gold standard for application development. You'll also see how it can reduce amount of bugs in your application by making its architecture more resilient and easier to evolve.

The Future of Web Performance

We’ve come quite far in web performance over the last decade, haven’t we? The connections are better than ever, the browsers smarter than ever, HTTP/2 is omnipresent and 5G is right here at the horizon! In fact, we’ve invented and mastered fancy code-splitting and tree-shaking techniques, reinvented bundling of assets in the world of HTTP/2 and learned how to minimize the payload to deploy fast and render soon. Are we done yet?
Not really. In this session, we’ll look into areas that still need some work to be done. What about next-generation image formats and video encoders? What about wide-established progressive rehydration and lazy-loaded frameworks? What about progressive deployment with JAM Stack and universal Brotli compression by default? We’ll also touch on priority hints, cutting-edge strategies for service workers, subsetting typographic spaces with variable fonts, performance optimization with Network Information API and Device Memory API, runtime optimizations with WebAssembly and analytics-based, predictive performance optimization. Also, we’ll explore the privacy/authentication aspects of performance and how new development will change the way we build and deploy on the web. The future isn’t here yet, let’s examine what it might bring to all of us!

Full-Stuck RunTime Type validation? YES!!!

Runtime boundaries type validation” or “full stuck type-safe”, - all this talking about the ability to validate types of data coming from external sources. It can be any API or WebHook Call, third-part form validation, DB queries results or file content (such as JSON or CSV). Let’s see how can we define runtime types for the expected data, that can be validated while the application is running, to create a smooth developer experience with strong assurances of correctness at build-time.

From Milliseconds to Millions: A Look at the Numbers Powering Web Performance

We all know performance is big business, but how big? Let's take a look at some of the numbers powering the web performance industry from both sides of the table. What do performance improvements mean for my clients, and how do we translate that into a working relationship?

На каком языке общаются QA и разработчики?

Тестировщики не понимают всю глубину и истинный смысл написанного функционала? Разработчики вечно просят больше деталей к карточке в trello "я нажал, а оно не работает"? Кто виноват в том, что порой мы говорим на разных языках и как этого избежать? В этом докладе мы разберем эти и подобные вопросы, а также постараемся ответить на них.

Эффективная разработка NodeJS приложений.

За 15 лет в разработке мне удалось принять участие в создании большого количества разнообразных проектов. Я уже сделал ряд докладов про рабочую архитектуру Web приложений, но это все лишь часть пазла эффективной разработки. В этот раз мы рассмотрим весь процесс от старта проекта и до запуска его в продакшен. Расскажу, как мы подходим к идеям "12 Factor App", как мы используем докер, обсудим вопросы развертывания окружения, вопросы безопасности, тестирования, обсудим нюансы SDLC и много всего другого.

Идеальная песочница с использованием V8

В своём докладе я покажу как создать идеальную "песочницу" для JavaScript с использованием движка V8.
Вы узнаете как, используя возможности V8 и конструкции JavaScript, создавать безопасные среды исполнения и для чего это может понадобиться.

The Mythical Senior Developer

A story about the never-ending professional journey, alcohol, unicorns, cynicism, egos, bubbles, and hurt feelings.
Why copy/paste practices are not going to make you invaluable, but thinking and working hard would? - In this talk, we are going to explore the habits that make or break professionals.
The talk is based on my personal experiences dealing with professionals in the software and other industries, over the past ~15 years or so. Although it is based on personal experiences and insights I am going to support the thesis by referencing some of the works of people like James Carse, Carl Jung, Jordan Peterson, Simon Sinek, Dale Carnegie, and others.

How to build your own web-based code editor & test runner?

Під час доповіді ви дізнаєтесь як побудувати власний веб редактор коду та безпечно запускати і тестувати клієнтський код. Починаючи від Frontend розробки, закінчуючи API та cloud functions. Поговоримо про AWS Lambda Functions, monaco-editor інші технології, а також розглянемо альтернативні рішення.

Browser gangbang: CDP + Webdriver W3C

За годы существования Selenium Webdriver стал официальным стандартом для автоматизации веб приложений. У него есть множество преимуществ, но также оказалось и много недостатков. К примеру невозможность более низкоуровневого контроля браузера. Из-за этого многие команды решают организовывать тестирование с использованием библиотеки Puppeteer. В ней используется другой канал связи - Chrome Debug Protocol, который коммуницирует с браузером через websocket. У него есть свои интересные преимущества такие как перехват HTTP запросов, подписка на события браузера, и множество других. В этом докладе мы посмотрим как можно управлять одним браузером через два канала - puppeteer и webdriver одновременно, зачем это нужно, в чем преимущества такой комбинации, и как это масштабируется с использованием тестовой фермы.

Рефакторинг React проектов

Любой проект, на определенном этапе свое жизни сталкивается с необходимостью существенно изменить используемые технологии или архитектурные решения.
В докладе я хотел бы поделиться опытом:
- Как не доводить или существенно отодвинуть необходимость рефакторинга.
- Как выбрать подходящий момент для проведения рефакторинга.
- Этапами планирования и реализации.
- Особенностями рефакторинга Highload проектов.
- Направлениями рефакторинга React проектов.