JS Fest 2019

Improving Quality of JavaScript Code

JavaScript is a very powerful and ubiquitous language. At the same time, it is also a language that is often misunderstood and misused. Better quality code greatly reduces the effort and time to maintain software. So, there is a good incentive to improve quality of code. In this presentation we will cover two things. We will discuss dos and don'ts for programming with JavaScript. Then we will look at a set of tools that can help keep an eye on our code and prompt us to improve the quality.

The Future of Machine Learning & JavaScript

There are many exciting things happening with AI, from which, until recently, JavaScript developers were largely shut out.
But things are changing, if you can do `npm install @tensorflow/tfjs` or make an API call, you can now do AI.
In this fast-paced talk, I'll open your mind to what's possible by demoing several AI-powered JavaScript apps and show you how they were built using either TensorFlow.js or easy to use AI powered APIs.
You don't need a PhD in Maths, you don't need years of experience, you just need imagination and the willingness to try.

Разработка на Node.js в 2020: тренды и приемы

Задача этого доклада показать новинки экосистемы Node.js. Новые фичи Node.js v12, языковые конструкции JavaScript/TypeScript, набирающие популярность фреймворки и подходы, различие Cloud провайдеров – таков неполный список новинок попавших в этот обзор.
Главное в этом обзоре это ответы на вопросы как, когда и главное зачем использовать эти новинки.

Building Modern React Applications

With the new additions to React, the way we build frontend applications is evolving, leading to improved performance and maintainability. As of today, the most noticeable React API additions are Context, Hooks and Suspense. How do we apply new best practices to manage our application state? What are common techniques for fetching data? How do we architect modern React applications using a type system and a design system? In this talk, we'll walk through emerging patterns that helps us write exquisite React applications today.

Tipping the Scale

Times Square is the most visited place globally with about 380,000 pedestrian visitors a day - roughly the same amount of people which go to Wix’s dashboard. Building a page which receives such high traffic requires having great performance and intelligent architecture. In this talk, Eyal will go over the challenges of rebuilding Wix’s dashboard, the architecture and how we got it to load under 1 second.

Angular Schematics - Develop for developers

Say hello to the Angular CLI from new perspective. Get to know what schematics are and how you can use them for your purpose. Make use of ng add, ng update, ng new command and much more. Learn how to create read update and delete files automatically in your project, and how to execute npm tasks such as installing dependencies.

Svelte. Почему нам не нужно run-time ядро

Использование различных фреймворков дает нам возможность писать быстрые приложения с минимальными затратами времени. Но за это наши пользователи платят продолжительностью первой загрузки и трафиком. Я расскажу как можно писать быстрые приложения с гораздо меньшим размером исходного кода с той же удобностью.

Unit tests are useless. Change my mind

Практически каждый разработчик в своей жизни сталкивался с тестированием. Наверное каждый из нас слышал о разных типах тестирования и «пирамиде тестирования». И конечно же каждый знает о важности юнит-тестирования. Но действительно ли юнит-тесты это самый продуктивный подход к тестированию?

Реализуем идеальную аутентификацию в вашем JS приложении

Из доклада вы узнаете, как реализовать безопасный и надежный механизм аутентификации в ваших JavaScript-приложениях.Я рассмотрю популярные решения "Authentication as a Service" и как их использовать в JavaScript-приложениях. Кроме того, я научу вас внедрять дополнительные меры безопасности в ваши приложения, такие как многофакторная аутентификация, легко и быстро.

Blockchainize your SPA or Integrate JavaScript frontend applications with a blockchain

Blockchain and decentralized applications are getting used more and more often. Many big enterprises like IBM, Walmart, Alibaba, FedX, British Airways, and others are already integrating blockchain into their ecosystems.
As most of the applications on the web, decentralized applications require a client to make interaction with them user-friendly. I would like to share how to connect/integrate JavaScript applications with decentralized, blockchain services. Take a look at what are the differences between decentralized and standard backends, what challenges and issues developers might meet.

Things in the PWA Era!

In daily basis where billions of billion devices are connected to the internet, browsers can actually take control Things like lightbulbs, robots, printers, NFC tags, toys, drones, and many more Things via web standard APIs such as WebBluetooth, WebUSB, WebNFC, Shape Detection API and etc. How about connecting to IoT gateway which supports Wifi via BLE ?!
On the other hand, Progressive web apps open a new era to build web apps that work offline and resemble native apps. PWAs are installable too, therefore, your solution to controlling Things in the real world can be written once for web and reuse everywhere.
In this session, I am going through some of the web capabilities to connect devices into a progressive web app and demonstrate how the web, eventually, could go beyond the browsers.

Future of mobile development. Practical experience in rewriting ReactNative application with Flutter

В докладе хочу поделиться своим опытом переписывания приложения с РеактНейтив на Флаттер. Познакомлю вас с Флаттером и расскажу о реальных болях и преимуществах разработки на Флаттер.

Falling in love with decorators ES6/TypeScript

Decorators are part of proposal TC39 (stage 2), this means that sooner or later decorators will become a part of the JS. However, there is no need to wait! We can use decorators in JavaScript (with babel) and in TypeScript. Let's see how decorators can extend the functionality of classes and methods in a clean and declarative fashion. And many other things which gives you more flexibility.

Saving the world with JavaScript: A Data Visualization story

Did you know that the beginnings of data visualization are strongly tied to solving some of the biggest problems humanity has ever faced? Wouldn’t it be more interesting to say that you’re not a doctor, but you do save lives than to say you’re just a developer?
When talking about data visualization and JavaScript your mind usually goes to D3.js. But if our data has a location-based representation, we are faced with a limited choice. The main topic of this talk is to introduce the audience with deck.gl, an open-source WebGL-powered library developed by Uber that allows us to create beautiful data visualizations of large datasets and raise the level of interactivity for the user on a whole new level. We’ll see how our code can tell a story and how that story can potentially save lives. A short introduction to the library and it’s API will be demonstrated along with practical use-cases, live-code examples and it’s integration with popular frameworks such as Angular and React.

Сreate own server less CMS from scratch

We created CMS using React, Google Cloud Storage and Google Cloud Functions from scratch.
I'd like to share the knowledge of how to build serverless CMS from scratch.

CASL. Isomorphic Permission Management

CASL - це бібліотека, що допомогає інтегрувати прості права доступу в зрозумілій формі та розширяти їх з часом. Оскільки CASL написаний на чистому ES6, то його можна використовувати з довільною ORM, HTTP або UI framework-ом. А допоміжні пакети дозволять інтегруватись без додаткових зусиль.

Node.js feature livecoding

Anna re-builds a simple Node.js core feature from scratch on stage, giving insight into the internals of Node.js and the process around making changes to Node core.

Зачем нужен тип "true" в TypeScript?

Литеральные типы в TypeScript, которые появились несколько лет назад, на самом деле произвели мини-революцию в языке, которую многие не заметили. Сегодня сложно представить себе TypeScript без этих типов и механизмов, построеных поверх них: mapped, indexer, keyof types и многие другие. В докладе я расскажу, как и почему литеральные типы появились в TypeScript и какие концепции они привнесли в язык. Поговорим также о том, почему с точки зрения разработчика анализатора TypeScript литеральные типы — это по-настоящему сложная языковая фича. Ну и конечно коснемся вопроса, как это все согласуется с реальным миром, а именно с JavaScript.

PWA Fundamentals: websites with superpowers

The term Progressive Web Apps was already coined in 2015 and nowadays the browser support for it is excellent, so it's really time to embrace it.
This talk brings you up to speed about the importance and benefits of turning your website or web app into a PWA and gives you practical information on how to do that. Ever heard of Manifest File, Service Workers, Cache API, Fetch API, Web Push Notifications or Background Sync API? We'll walk through these key features one by one.

Сравнение кластеризации HTTP, TCP и UDP на процессах и потоках в NodeJS

В этом докладе, я хочу сравнить кластеризацию HTTP, TCP, UDP на процессах и потоках в NodeJS. Оценить производительность и использование ресурсов при разных подходах.

Editing the World with React and Zettel

Ever wondered how to implement an editor in the browser? Like a rich text editor, or an IDE, a something like dropbox paper or google docs? What about an interface that doesn’t exist yet, something completely, ground-breakingly new?
Julian has been obsessively working on Zettel, a library to enable users to build the editor of their dreams.
Expect live coding, demo applications, as well as a deep dive into the challenges of building editors with JavaScript.
To get the most out of this talk, some basic knowledge of React and JavaScript is required.

Bulletproof development with design systems

Are you tired of the endless design chaos on the project? Want to know who is responsible for this feature-driven-development? Do you really want to stop reinventing the wheel every day? Once you have at least one positive answer for these questions, it’s a wake up call that you need to attend this talk. Let’s try to find the silver bullet that will solve all these (and not only these) issues at a time.

Хореографическая или оркестровая архитектура, правильный способ построения коммуникации в микро-сервисной архитектуре на nodejs

Когда мы разрабатываем слабосвязанные и повторно используемое компоненты, часто возникает вопрос: как организовать связь между сервисами? В значительной степени это зависит от характера запроса и степени детализации ваших приложений или услуг.
Мы обсудим два классических шаблона интеграции микро-сервисной архитектуры: оркестровый и хореографический.
В чем разница между этими двумя способами общения? Какой из них мы должны использовать? Как обеспечить согласованность данных? Как реализовать транзакции в микро-сервисной архитектуре?
Мы обсудим эти вопросы, рассмотрим пример реализации оркестровки на nodejs и конечно же не забудем про вопросы логировния, мониторинга и алертинга системы.

Micro Frontends with Vue.js

Обычно органический рост FE проекта приводит к хорошему монолиту, который отлично выполняет свои функции, но малоподвижен со временем. Мы разберем бизнес кейс, при котором мы в PMLAB разбивали наш Backoffice на Микро Фронты, делая максимально быстрый delivery process и bootstrapping новых или уже существующих разделов, используя наиболее разумный сценарий такого рефакторинга и выводя это в настраиваемый solution continuous delivery, с внендрением стандартов начиная с commit message до post-production monitoring.

JAMstack

Вы уже слышали о JAMstack, который пришел на смену SSR и SPA? Подход, который оптимизирует веб приложения так, что они ограничены только скоростью вашего интернет соединения. Никаких просадок при рендере на клиенте, никаких падений серверов от нагрузки, только SEO-friendly приложения без проблем с масштабируемостью.

10 secrets to improve Javascript Performance

In this talk, attendees will see examples to improve their Javascript Performance making a few changes in their existent application. We will talk about Cache, Node.js common flow, and best practices. They'll see how to avoid performance problems working in Javascript loops, tips to work with Web APIs and best practices javascript applications.

Node.js N-API for Rust

There are plenty of use cases for native modules in Node.js. Most importantly, one might want to interface with third-party libraries or operating system services that provide functionality not available in Node.js core out-of-the-box. Another popular option is to use a compiled language for a computationally-heavy algorithm while still using JavaScript for application business logic (although care must be taken and no premature optimization be made as often the cost of crossing the boundary may be higher than performance increase, unless you are doing some kind of image processing or linear algebra, for example). For a long time C++ was the only option to write native addons for Node.js (technically, there were projects that allowed to use other languages, but they were merely second-level bridges, thus twice FFI overhead). In this talk we will look at the history of native modules in Node.js, what N-API is, which problems does it solve and how it enables to use other systems programming languages. We will also look at the future perspectives and briefly discuss in which cases WebAssembly and upcoming WASI can be used instead of native modules.

Embrace the "react fatigue"

As a subset of the JS community, react has seen a lot of so-called ""good practices"" these last years, made out of libraries and design patterns. As if it wasn't hard enough to stay sane in a crazy JS world, we're now doing the same in react.
Together, let's explore how such abundance of new techniques can actually be embraced, without making you lose your mind !

Бабайки про Ангуляр

Історії з життя, страшні та не дуже, особисті кейси з реальних проектів, жахливі помилки та героїчні вчинки — все це, та багато іншого розкаже Сергій про свій досвід роботи з Ангуляром.

Как стать программистом, которого хотят

Что имеется в виду, когда говорят: "С ним приятно работать"? Бывает и наоборот, когда говорят: "Она классный специалист, но работать с ней я бы не хотел". Приходите послушать как формируется отношение к человеку на основании его профессиональных качеств и сможете унести с собой список конкретных полезных советов на этот счет.

So why do you need to know Algorithms and Data Structures in Front-end, anyway

During the presentation, we will consider what advantages a front-end developer will get from knowledge of algorithms and data structures.
We will analyze real-world examples where this knowledge simplified logic and accelerated applications dramatically.
And finally we will understand the most necessary things that will allow us to determine the effectiveness of the code and easily improve it.

Technology agnostic microservices at SPA frontend

We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.

Гексагональна архітектура в Nodejs проекті

Ідея гексагональної архітектури полягає в тому, щоб відділити зовнішні взаємодії від бізнес логіки задопомогою так званих портів. Мета - ізолювати центральну логіку вашої програми від зовнішніх залежностей.
Під час виступу хочу поділитися досвідом розробки Nodejs додатку з використанням гексагональної архітектури. Обговоримо підводні камені, з якими можна стикнулися під час розробки, основні перевагами та недолікі архітектури. На прикладі розглянемо, як саме організувати архітектуру в Nodejs середовищі, а також стек технологій, що ми використовували, та підходи до тестування.

A Tinder Love Story: Create a Wordpress Blog with React, instead of PHP

Want to make a WordPress blog using React instead of PHP? There is a new tool on the React scene that has been generating a lot of buzz recently. It’s called GatsbyJS. Come learn how Tinder used GatsbyJS to implement our heavy-traffic lifestyle blog. We will also explore the challenges we faced while using this cutting edge technology.
After attending this talk, you will be able to: - Empower non-engineering teams to create fabulous content without engineers. - Empower engineering teams to code in their favorite programming languages. - Empower users to surf your fast, static website. No real-time API calls. Automagically optimized images. Speedy load-times. 🚀 - Convince your boss to give everyone raises.
Bring your humor, forget the PHP, & let’s have some nerdy fun together!

Webcomponents & lit-element in production

В далекому 2016 році світ почув про вебкомпоненти, а одна ще тоді не дуже розумна команда, якій приходилось верстати дуже багато, вирішила спробувати те все в продукті, який би допоміг зменшити верстку. Про біди вебкомпонентів відомо всім, але про те, як вижити і дійти з альфи до стабільної версії знають не багато. Використання lit-element & lit-html і вирішення наболілих проблем, ось справня ціль моєї доповіді. Happy end обіцяю.

Антипаттерны Node.js

Антипаттерны структуры и архитектуры серверов приложений на Node.js. Множество аспектов применения JavaScript, асинхронного и мультипарадигменного подхода. Антипаттерны построения API и интерактивных приложений включая роутинг, слои, мидлвары, доступ к данным, вопросы безопасности, использование памяти и cpu, с состоянием и без состояния, управленя зависимостями, логирования, конфигурирования, изоляции кода, построения бизнес-логики, и т.д.