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 "я нажал, а оно не работает"? Кто виноват в том, что порой мы говорим на разных языках и как этого избежать? В этом докладе мы разберем эти и подобные вопросы, а также постараемся ответить на них.

Эффективно чик-чик и в продакшен

Мы стартуем разработку проекта, нам нужно написать фронтенд и бекенд. Как это сделать эффективно? Помогут ли нам 12 факторов? А при разработке фронтенда? Как правильно использовать контейнеризацию? Как работать с git-ветками? Как работать с конфигами? Что с логами? Масштабирование? Миллион вопросов. В докладе я расскажу, как мы к этому всему подходим, какие инструменты мы используем, на какие грабли наступали.

Идеальная песочница с использованием 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 проектов.

Web maps essentials

Що потрібно розробнику для побудови карти? Тайли, GeoJson, кластеризація та багато іншого. Приходьте буде цікаво..

Web performance metrics

Вебпродуктивність. Що ще тут розповісти? Всі ми знаємо, що це важливо, як не отримувати таких проблем і до чого це призводить.
Але якщо необхідно вирішити проблему серед мільйону ресурсів важко обрати потрібний.
Моя доповідь не тільки про рішення проблеми, а про находження інструментів та метрик для рішення проблеми. Чому саме ці метрики варто використовувати і як з цим жити.
Метрики, практики, проблеми, рішення. Які різні поняття, а насправді це цепочки, які нам разом необхідно виставити в логічний ряд.
Запрошую Вас побрейнштормити разом!

ApolloClient 3 – лучше чем Redux с REST API

В докладе Павел затронет тему болячек Redux с REST API. Предложит альтернативное решение – GraphQL и ApolloClient 3. Покажет как с новыми инструментами поднимется Developer Experience. Что нового и хорошего завезли в ApolloClient 3. И расскажет о болячках альтернативных GraphQL-клиентов – Relay, ApolloClient 2.

Context microisolation in Node.js

Архитектор технологического стека и лидер сообщества Метархия, преподаватель КПИ, руководитель R&D по разработке высоконагруженных облачных технологий, top-3 разработчик в Украине (по рейтингу фолловеров на github), Организатор митапов NodeUA, Kiev Node.js и How Programming Works (>15.000 инженеров), спикер >40 конференций, автор >160 видео лекций на youtube с >12.000 подписчиков, 25 лет в ИТ, эксперт в построении распределенных корпоративных приложений и архитектуре систем, кибернетике, базах данных, промышленной автоматизации, телеметрии, системном программировании, проектировании сетевых протоколов и серверов. Контрибьютор Impress Application Server, Node.js, JSTP и многих других open source проектов.

Enjoy End to End Testing as I Do

I am a developer who loves end to end testing. I want to make testing as simple as describing user's actions. I don't like diving into technical things, building complex CSS selectors, control flaky animations, add waiters, and timeouts. Nope! Testing is not about that! Testing is about writing user scenarios and automating them in a browser. You need to know what to test and how to reduce the impact & limitations of tools on your test scenarios. Let's take a look at how you can do that using CodeceptJS, testing framework which unites best tools on the market: Puppeteer, WebDriver and TestCafe.