HolyJS 2018 Moscow
24-25 ноября в Москве прошла HolyJS 2018 Moscow — большая конференция для JavaScript-разработчиков.
HolyJS — специализированная конференция для JavaScript-разработчиков, проводимая JUG.ru Group. Более 600 JS-разработчиков собираются под одной крышей для того, чтобы обсудить новости стремительно развивающейся экосистемы, свежие инструменты, фреймворки, паттерны и сотни изменений с экспертами со всего мира и услышать несколько десятков докладов о фронтенде и не только. Говорим и о бэкенде, и о десктопе.
Ключевые темы:
- Архитектура современных JS-приложений;
- Client Side: best practices, performance, memory management;
- Node.js: best practices, performance, memory management;
- JS engines (V8, SpiderMonkey, ChakraCore, etc.);
- Оптимизация JS-приложений;
- Клиент-серверная синхронизация, хранение данных на клиенте;
- Работа с графикой и VR (WebGL, D3.js, etc.);
- UI development;
- Mobile apps (ReactNative, VueNative, NativeScript, etc.);
- PWA;
- Desktop apps (Electron, NW.js, etc.);
- Web API (Bluetooth, Network API, IndexedDB, Web Notifications, etc.);
- JS на устройствах, IoT;
- Безопасность в JS;
- Разработка инструментов на JS;
- JS и спецификация ECMAScript;
- WebAssembly;
- Typescript, ClojureScript, Elm, Dart, etc;
- Тестирование приложений;
- Инструменты сборки;
- JS developer workflow.
Спикеры
Mattias Petter Johansson
Евгений Кот / Wrike
Michel Weststrate / michel.codes
Кирилл Черкашин / Google
Princiya Sequeira / smartHelios
Ari Lerner
Максим Сальников / ForgeRock
Kamil Myśliwiec / NestJS
Материалы
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
24 ноября. День 1
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
Регистрация
Открытие конференции
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Перерыв
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
NestJS
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Обед
ForgeRock
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
Обед
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
Перерыв
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
Перерыв
25 ноября. День 2
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
Регистрация
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
angular-academy.com
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Перерыв
Converge.io
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
Инетра
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
Обед
![Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии. Хардкор. Сложный низкоуровневый доклад, требующий от слушателя знаний технологии.](/assets/images/complexity/Hardcore_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Обед
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Перерыв
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
![Введение в технологию Введение в технологию](/assets/images/complexity/Intermediate_128_128.png)
Перерыв
Avito
![Для практикующих инженеров Для практикующих инженеров](/assets/images/complexity/Advanced_128_128.png)
Закрытие конференции
24 ноября. День 1
![Альфа-Банк](http://images.ctfassets.net/nn534z2fqr9f/1f2Zaw8Dueqw88Eo2QWWoC/32a929ad9b078c408b3ecafbeb4670da/__________________.png?w=150)
Паша опишет задачи фронтенд-разработчика в Альфа-Банке и расскажет, какими компетенциями он должен обладать. А еще объяснит, чем они отличаются от своих коллег в других компаниях.
![ManyChat](http://images.ctfassets.net/nn534z2fqr9f/44zR7cKVAIKMsKOkGm6Ic8/e703d86b34cb9908145483d61a8d9c97/ManyChat_800_800.png?w=150)
Узнаете о правилах хакатона и условиях участия. Все, что от вас потребуется — придумать классный кейс использования бота Facebook Messenger и создать его на платформе ManyChat, добавив интеграцию с внешним сервисом.
![hh.ru](http://images.ctfassets.net/nn534z2fqr9f/4fGesERKYUACakmeuye8SA/4b0d7f051e72475328ffe54f07d673bd/hh.png?w=150)
Почему продуктовая компания — это хорошо для кода? Какие проблемы были на ревью и как мы их решали? Расскажем про то, как мы в hh.ru делаем наш код лучше.
Презентация![Adara](http://images.ctfassets.net/nn534z2fqr9f/YQdvMkAyuicGSkOcacCgO/82c4d4b86730959bf71b5d3f7d0970c6/Adara_800_800.png?w=150)
Что делать, если Bootstrap и Material UI уже не удовлетворяют, а дизайнеры хотят все больше и больше кастомизации? Кажется, настало время для Yet Another UI Kit. Расскажем, зачем вам может понадобиться собственная библиотека компонентов, чем это лучше использования готовых решений, а также о реальном опыте применения собственной единой библиотеки компонентов на 3 разных проектах.
Презентация![Deutsche Bank](http://images.ctfassets.net/nn534z2fqr9f/5M35LTYpCEys26wkKusUAy/b8a08e544401fd71b964695284725490/Deutsche_bank_800_800.png?w=150)
Описание уточняется
![Леруа Мерлен](http://images.ctfassets.net/nn534z2fqr9f/4Yw1EuOHwsM0iM8ymOQWY4/810208213c2807b55a77da7a008594d3/leroy_merlin.png?w=150)
Что такое модуль, как с помощью модулей организовать свой код и как это упростит разработку?
Презентация![hh.ru](http://images.ctfassets.net/nn534z2fqr9f/4fGesERKYUACakmeuye8SA/4b0d7f051e72475328ffe54f07d673bd/hh.png?w=150)
Расскажем про путь разработки в hh.ru от идеи до реализации, про наш стек технологий и немного про то, как у нас происходят релизы.
Презентация![Align Technology](http://images.ctfassets.net/nn534z2fqr9f/1TlSpLgR8QcSaaGiao6Aee/0de5f1e951304e1936ef42017c5587c2/align.png?w=150)
Артем расскажет, как увеличить производительность приложения с 3D-сценой, на примере стека React/Redux/WebGL. Объяснит, на что стоит тратить драгоценные ресурсы CPU и GPU, а также поведает про специфику разработки 3D-приложений в браузере.
Презентация![ManyChat](http://images.ctfassets.net/nn534z2fqr9f/44zR7cKVAIKMsKOkGm6Ic8/e703d86b34cb9908145483d61a8d9c97/ManyChat_800_800.png?w=150)
Мини-доклад о кастомном рендерере для React на PixiJS: как React Reconciler помогает уменьшить объём кода и упростить позиционирование в 2D-приложениях.
![Иннополис](http://images.ctfassets.net/nn534z2fqr9f/4UUf8jAf4IyEqouQYw8GqE/fbaad6630c34273677e84fd88b401528/innopolis_2_800_800.png?w=150)
Узнаем имя счастливчика, которому достанется туристическая поездка в ИТ-город Иннополис по системе «всё включено». И пусть победит наислучайнейший.
25 ноября. День 2
![Райффайзенбанк](http://images.ctfassets.net/nn534z2fqr9f/5lhhzmsF3Om2Es0SSYyG8E/51500df5981bea7466ace8db55924c0b/RB.png?w=150)
Расскажем о блокчейне и принципах его работы, покажем, что из себя представляет smart contract и для чего он нужен, приведем примеры реальных кейсов с блокчейном напрямую с фронтенда.
Презентация![Deutsche Bank](http://images.ctfassets.net/nn534z2fqr9f/5M35LTYpCEys26wkKusUAy/b8a08e544401fd71b964695284725490/Deutsche_bank_800_800.png?w=150)
Описание уточняется
![Adara](http://images.ctfassets.net/nn534z2fqr9f/YQdvMkAyuicGSkOcacCgO/82c4d4b86730959bf71b5d3f7d0970c6/Adara_800_800.png?w=150)
Алексей расскажет о том, как сделать общение микросервисов строго типизированным и не ожидать undefined в клиентском коде.
![Контур](http://images.ctfassets.net/nn534z2fqr9f/5W51me05fUEgIqAAs8QkUa/188270635396205e77b05f1e84344589/____________.png?w=150)
Расскажем, почему ваше приложение в опасности. Разберёмся, от чего защищает React, где он бессилен и о чём следует заботиться разработчику.
![Леруа Мерлен](http://images.ctfassets.net/nn534z2fqr9f/4Yw1EuOHwsM0iM8ymOQWY4/810208213c2807b55a77da7a008594d3/leroy_merlin.png?w=150)
Оркестратор API — программное решение, цель которого — ускорить и упростить разработку фронтенд-приложений, предоставляя диджитал-командам и партнерам возможность самостоятельного управления процессами развертывания, масштабирования, тестирования и мониторинга.
Презентация![Luxoft](http://images.ctfassets.net/nn534z2fqr9f/6iimwMShpeiYCQyqueWm8I/867dcc02018e4e6ff9ce323832fc1e63/LUXOFT_01_logo_tagline_color_800x800.png?w=150)
Объявим 4-х победителей среди тех, кто заполнил лотерейный билет и принял участие в розыгрыше. Личное присутствие победителя во время объявления результатов — обязательно.
![hh.ru](http://images.ctfassets.net/nn534z2fqr9f/4fGesERKYUACakmeuye8SA/4b0d7f051e72475328ffe54f07d673bd/hh.png?w=150)
Расскажем: - зачем UI Toolkit для hh.ru и какие задачи мы решаем с его помощью; - почему мы решили переходить на новый стек; - какие сложности могут быть при переходе на новый стек; - как можно сгладить углы перед переходом на новый стек в проекте в целом.
Презентация![Контур](http://images.ctfassets.net/nn534z2fqr9f/5W51me05fUEgIqAAs8QkUa/188270635396205e77b05f1e84344589/____________.png?w=150)
Получать сущности с сервера по id — что может быть проще? Однако существуют сценарии с массовой загрузкой и разными тонкостями. Виктория расскажет, какое решение они придумали и реализовали в своем проекте, покажет примеры кода и поделится демкой.
![Альфа-Банк](http://images.ctfassets.net/nn534z2fqr9f/1f2Zaw8Dueqw88Eo2QWWoC/32a929ad9b078c408b3ecafbeb4670da/__________________.png?w=150)
Зар расскажет, как увеличить скорость разработки, качество продукта и получить единый пользовательский опыт во всех приложениях в условиях микросервисного подхода.
![ManyChat](http://images.ctfassets.net/nn534z2fqr9f/44zR7cKVAIKMsKOkGm6Ic8/e703d86b34cb9908145483d61a8d9c97/ManyChat_800_800.png?w=150)
Подведем итоги хакатона, объявим победителей.
![Райффайзенбанк](http://images.ctfassets.net/nn534z2fqr9f/5lhhzmsF3Om2Es0SSYyG8E/51500df5981bea7466ace8db55924c0b/RB.png?w=150)
Расскажем о проблемах sticky header в нативной таблице, о методах решения, об оптимизации больших таблиц, а также о том, как это все подружить с IЕ.
Презентация![Иннополис](http://images.ctfassets.net/nn534z2fqr9f/4UUf8jAf4IyEqouQYw8GqE/fbaad6630c34273677e84fd88b401528/innopolis_2_800_800.png?w=150)
Узнаем имя счастливчика, которому достанется туристическая поездка в ИТ-город Иннополис по системе «всё включено». И пусть победит наислучайнейший.
Фотоотчет с предыдущих конференций
![](/assets/images/photo_min/Q69QBIkguZw.jpg)
![](/assets/images/photo_min/2CDgVnzs6LE.jpg)
![](/assets/images/photo_min/2rAKCIToam8.jpg)
![](/assets/images/photo_min/6zwjnCtVbk8.jpg)
![](/assets/images/photo_min/9aKoi8CTGjk.jpg)
![](/assets/images/photo_min/EJLlfkvGBNc.jpg)
![](/assets/images/photo_min/h6oralNFHh4.jpg)
![](/assets/images/photo_min/hT0E2DT5ZAE.jpg)
![](/assets/images/photo_min/JoxwW5yXncU.jpg)
![](/assets/images/photo_min/mjfgQNfAxZg.jpg)
![](/assets/images/photo_min/PO2A77yHFwM.jpg)
![](/assets/images/photo_min/SM11Nidmw40.jpg)
![](/assets/images/photo_min/SMBihxcOSfA.jpg)
![](/assets/images/photo_min/yffNx6NmnXU.jpg)