&quot;Доклад не про React&quot;, Антон Виноградов, MoscowJS 27

Слайды выступления "Доклад не про React". Антон Виноградов, MoscowJS 27

Доклад не про React 
Антон Виноградов, CEO, The Protein Corp.

Антон Виноградов
- основатель theprotein.io
- разработчик интерфейсов  
в Альфа-Лаборатории
- более 4 лет занимаюсь фронтендом
- евангелист и БЭМ-контрибьютор
- автор OpenSource решений
@awinogradov
2

Конфиг кнопки Bootstrap v4.0.0 - alfa
11

localhost
Protein
Transporter
http
http
31

localhost
Protein
Transporter
http
http
socket
31

Конфиг библиотеки Bootstrap v4.0.0 - alfa
36

@awinogradov
Profit can change everything
theprotein.io

Have you ever wondered why all the top companies are developing their desktop versions of applications? Spotify, Teams, Skype, WhatsApp, VS Code, etc. All these modern programs use one framework and that is Electron. But why? What's in it that WPF or JavaFX doesn't have? A small spoiler - JavaScript. But this is not the only thing. So in this speech we: 1. Let's remember the history of origin and understand who really maintains this product 2. Let's look under the hood and see how it really works 3. Let's talk about why VS Code has so many processes 4. Let's deal with the main killer features 5. Let's evaluate the framework cons 6. Let's meet the community This topic is suitable for everyone who is already familiar with JS and is interested in desktop applications.

"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov

Кафедра высокопроизводительных компьютерных технологий ИМКН УрФУ

Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность

ScrumTrek

2016 год. Добро пожаловать в новую реальность. Сегодня позиция JavaScript-разработчика является одной из самых востребованных и хорошо оплачиваемых в мире. Современные возможности JavaScript - это квестистенция всего, что произошло в отрасли разработки за всё её время существования: универсальные React-компоненты и композиция, декларативная анимация, изоморфные приложения, отсутствие side effects, авто-генерация тестов, симбиоз ООП и функционального программирования. Последние три года выдались самые насыщенные революционные для веб-разработки. Многие разработчики, кто не успел уследить за произошедшим, задают лишь один вопрос ЧТО ПРОИСХОДИТ? В рамках этого доклада мы попробуем синхронизироваться с JavaScript сообществом и посмотреть, что же он предоставляет нам сегодня? Как решать задачи привычные задачи? Что является актуальным направлением, а что может стать пустой тратой сил и времени?

Фламп на спидах или ка релизить каждый день

DevDay

Вместе с Алексеем Ашурком мы расскажем о том, как проект «Фламп» релизится по 2n раз в неделю и комфортно себя при этом чувствует: — Ветки - это хорошо или о переходе с SVN на Git. — Чем плоха «классическая» модель релизов. — Что такое модель пофичных релизов, в чём её плюсы и минусы. — Почему она подходит для веб-сервисов. — Как идти в ногу со временем или частые деплои. — Как ловить ошибки и минимизировать их число. Видео доклада: http://devday.2gis.ru/report/15

Антон Григорьев, Git-flow: как построить процесс разработки и быстро получать...

ScrumTrek

Работаете над проектом втроем (вчетвером, впятером, вдесятером и тд) и у вас постоянные конфликты в системе контроля версий? - В спешке пытаетесь собрать проект, но не можете найти рабочую версию, а клиент просит здесь и сейчас? - Процесс тестирования и выпуск новой версии - стресс для вас и вашей команды? Решить эти и другие проблемы поможет git-flow. Вы узнаете, как git-flow связан с процессом непрерывной интеграции, как это поможет быстро доставлять вашим клиентам исправления критических ошибок и как эти изменения автоматически попадут в текущую версию продукта. Приходите, если даже просто интересно, причем тут git и подойдет ли SVN, Hg или TFS?

Непрерывная интеграция (Марина Пестова)

В докладе расскажу о шишках, набитых в процессе настройки SEO для конкретного проекта. Речь пойдет о настройке SEO для своего одностраничного приложения как с привлечением сторонних сервисов, так и самостоятельно, используя PhantomJS или рендеринг на стороне сервера. Также, поделюсь особенностями размещения share-кнопок от различных провайдеров.

JavaScript завтра / Сергей Рубанов (Exante Limited)

За последние несколько лет в мире js-разработки особое внимание получили такие проекты как AtScript, TypeScript, SoundScript, Flow, Traceur, Babel, каждый из которых пытается предоставить разработчикам некую "улучшенную" версию JavaScript. Комитет TC39 также стал очень активен и разработал стратегию развития стандарта ECMAScript с более частыми релизами. Движки JavaScript стремительно приближаются к полной поддержке ES6. Огромное количество JS-фреймворков и библиотек выбирают следующую версию стандарта уже сегодня. Это означает, что необходимо уже сегодня обратить внимание на происходящее в мире JavaScript-разработки и разобраться, что ждет язык завтра. В своем докладе я постараюсь дать ответы на следующие вопросы: - почему такие фреймворки и библиотеки как Angular, Ember, React начали активно и кардинально меняться; - почему новая версия стандарта языка ES6 так долго внедряется вендорами браузеров и как TC39 решил ускорить процесс стандартизации и внедрения последующих версий ECMAScript; - почему CoffeeScript больше не "just JavaScript", и действительно ли он сделал такой значимый вклад в следующую версию JavaScript; - почему были созданы AtScript, TypeScript, Flow, чем каждый из них отличается от остальных, и как они влияют на дальнейшее развитие JavaScript; - что такое Strong Mode и SoundScript; - как начать писать ES6+ код уже сегодня.

Winium — это как Selenium, только под Windows

Иван Крутов - Автоматизация сборки Java-проектаYandex

Docker + Selenium Webdriver в рамках Continuous Integration

Никита Галкин "Testing in Node.js World"

В докладе будет: - что такое F.I.R.S.T - организация кода приложения для повышения его тестируемости, поддерживаемости и производительности - какой тест-фреймворк выбрать для решения какой задачи? - какие виды тестирования бывают и за какие из них отвечают разработчики? - как тратить больше времени на код, а не на тесты - как и какие метрики тестирования собирать

Денис Чистяков: Workflow. Работа над проектом в ЯндексеYandex

Как мы собираем проекты в выделенном окружении в Windows Docker

"Web Vitals monitoring & optimizations", Erik Himiranov

Performance is one of the key factors in determining a product's user experience. It is very important that the site loads quickly, is responsive and interactive, and the content remains stable. I want to share why you need to monitor application performance, talk about Web Vitals metrics and tools for measuring them. I also want to tell you about examples of optimizations that can positively affect performance and what results it can bring.

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"

В процессе доклада мы рассмотрим преимущества использования связки VueJS + RethinkDB для создания realtime SPA приложений, построим базовый проект, рассмотрим ключевые особенности VueJS, а также установим socket- соединение с авторизацией.

Жизнь в изоляции / Роман Дворнов (Avito)

С ростом кодовой базы становится все более очевидной необходимость использования компонентного подхода, когда каждая логическая часть обособлена. Если говорить про JavaScript, то в нем есть области видимости, опираясь на которые можно соорудить изолированные компоненты. Но в CSS нет подобных механизмов, поэтому и придумываются Shadow DOM (Web Components) и различные методики вроде БЭМ. Но что если взглянуть на проблему под другим углом? Адаптируя подходы, что уже используются для других задач, можно получить куда больше выгоды, чем просто изолированные стили!

Gradle. Новый уровень автоматизации для Android

Типовая сборка и деплой продуктов в Positive Technologies

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25

«Тестируем веб приложения», Павел Сташевский

DevDay

Phalcon. Что нового?

Oleksandr Torosh

Как приручить реактивное программирование

DotNetConf

Мастер класс- Maven + JenkinsValentin Fedoskin

Компонентный веб. Проникновение в дизайн / Антон Виноградов (АО "Альфа-Банк",...

Кафедра высокопроизводительных компьютерных технологий ИМКН УрФУ

По-моему, всем давно надоело, что дизайнеры и разработчики интерфейсов дублируют работу друг друга, причем постоянно. У каждого свой набор компонентов для сборки интерфейса, свои понятия о принципах его построения, и компоненты каждый делает, как знает, лишь бы выглядели хорошо. Компонентный веб, современные методологии, такие как БЭМ, и инструменты, такие как Sketch и AI, вкупе с передовыми фреймворками, такими как React и Angular, а также шагающий по миру стандарт ES6, могут решить насущные проблемы создания интерфейсов. Я покажу, как дизайнер может использовать компоненты в Sketch, сделанные разработчиком. Редактировать и изменять их. А также расскажу, насколько сильно это упрощает жизнь в команде, создающей невероятные продукты каждый день ;)

Пиар в стартапе: извлекаем максимум пользы. Алексей Лартей

Alina Dolgikh

1. Зачем стартапу пиар? Чтобы покупали продукт, чтобы инвестировали в компанию, чтобы знали команду и приходили работать (HR-пиар). 2. Целевые аудитории и каналы: бизнес-СМИ (для инвесторов), IT-коммьюнити (для продаж продукта), тематические сообщества (HR). 3. Как формировать вашу базу СМИ? По каким метрикам? 4. Главный секрет успешного пиара: делайте нормальный продукт. Ненормальный не купят, на ненормальный не придут инвесторы, на ненормальный вы не наймете лучших людей. 5. Как заинтересовать журналиста? Рассказывайте истории: о продукте, о разработке, об инвестициях. 6. Используйте попутные инфоповоды: пишите колонки. 7. Сколько денег экономит пиар? Примеры с цифрами. 8. Заключение/выводы.

What's hot

Cистемы автоматической сборки проектов (Полина Фоминых)

Redux и изоморфные приложения

John Wezel

Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"

JavaScript завтра / Сергей Рубанов (Exante Limited)

Winium — это как Selenium, только под Windows

Иван Крутов - Автоматизация сборки Java-проектаYandex

Docker + Selenium Webdriver в рамках Continuous Integration

Никита Галкин "Testing in Node.js World"

Денис Чистяков: Workflow. Работа над проектом в ЯндексеYandex

Как мы собираем проекты в выделенном окружении в Windows Docker

"Web Vitals monitoring & optimizations", Erik Himiranov

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"

Жизнь в изоляции / Роман Дворнов (Avito)

Gradle. Новый уровень автоматизации для Android

Типовая сборка и деплой продуктов в Positive Technologies

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25

«Тестируем веб приложения», Павел Сташевский

DevDay

Phalcon. Что нового?

Oleksandr Torosh

Как приручить реактивное программирование

DotNetConf

Мастер класс- Maven + JenkinsValentin Fedoskin

What's hot (20)

Cистемы автоматической сборки проектов (Полина Фоминых)

Redux и изоморфные приложения

Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"

JavaScript завтра / Сергей Рубанов (Exante Limited)

Winium — это как Selenium, только под Windows

Иван Крутов - Автоматизация сборки Java-проекта

Docker + Selenium Webdriver в рамках Continuous Integration

Никита Галкин "Testing in Node.js World"

Денис Чистяков: Workflow. Работа над проектом в Яндексе

Как мы собираем проекты в выделенном окружении в Windows Docker

"Web Vitals monitoring & optimizations", Erik Himiranov

Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"

Жизнь в изоляции / Роман Дворнов (Avito)

Gradle. Новый уровень автоматизации для Android

Типовая сборка и деплой продуктов в Positive Technologies

"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25

«Тестируем веб приложения», Павел Сташевский

Phalcon. Что нового?

Как приручить реактивное программирование

Мастер класс- Maven + Jenkins

Viewers also liked

Компонентный веб. Проникновение в дизайн / Антон Виноградов (АО "Альфа-Банк",...

Пиар в стартапе: извлекаем максимум пользы. Алексей Лартей

Alina Dolgikh

История про OpenSource в Яндексе

Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб

Я расскажу о быстром прототипировании интерфейсов: почему важно как можно скорее получить живую версию продукта и почему от этого зависит его судьба, как использовать для этого БЭМ-инструментарий и библиотеки, а также как забыть про Photoshop и спать спокойно. Live coding ;)

Общие технологии между несколькими проектами в Яндексе

Анастасия Джмухажзе

Михаил Рубинштейн

Основы тестирования графических интерфейсов

Alexandra Varfolomeeva

Современные условия рынка требуют всё большей заинтересованности и вовлечённости конечных потребителей. Поэтому к проектированию и разработке мобильных и веб-приложений предъявляются новые требования. Сегодня успешные приложения в комплексе должны быть эстетически красивыми, удобными для пользователей и, конечно, эффективно решать задачи бизнеса. Таким образом, качественный пользовательский интерфейс (UI) является одной из главных причин успеха. В таком контексте тестирование пользовательских интерфейсов (UI-тестирование) приобретает новый смысл. В ходе вебинара мы: разберём термины и основные понятия UI-тестирования; определим задачи данного вида тестирования; перечислим участников и коснёмся вопроса участия тестировщиков в работе дизайн-команды, в том числе на стадии проектирования прототипов; рассмотрим порядок проведения UI-тестирования, а так же особенности работы с макетами, составления тестовых сценариев и определения приоритетов для обнаруженных дефектов. Кроме того, обсудим некоторые практические приёмы и «популярные» UI-дефекты для веб-платформ и мобильных приложений.

Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016

РИФ-Воронеж

Антон Виноградов, Альфа-Банк — Инструменты БЭМ-разработчика

Поговорим об организации нового фронтенда в Альфа-Банке: как подружить шаблонизатор BEMHTML, bem-tools и AngularJS с Yeoman и Gulp. Мы рассмотрим проект, в котором используются все эти инструменты, а также внутренние и опенсорсные библиотеки блоков, и узнаем, как уровни переопределения помогают свести написание стилей для новых проектов к минимуму и почему вообще это нужно.

Дизайн команда. TemplateMonster R&D

Yaroslav Birzool

Visual Design with Data

Seth Familian

An immersive workshop at General Assembly, SF. I typically teach this workshop at General Assembly, San Francisco. To see a list of my upcoming classes, visit https://generalassemb.ly/instructors/seth-familian/4813 I also teach this workshop as a private lunch-and-learn or half-day immersive session for corporate clients. To learn more about pricing and availability, please contact me at http://familian1.com

Viewers also liked (11)

Компонентный веб. Проникновение в дизайн / Антон Виноградов (АО "Альфа-Банк",...

Пиар в стартапе: извлекаем максимум пользы. Алексей Лартей

История про OpenSource в Яндексе

Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб

Общие технологии между несколькими проектами в Яндексе

Анастасия Джмухажзе

Основы тестирования графических интерфейсов

Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016

Антон Виноградов, Альфа-Банк — Инструменты БЭМ-разработчика

Дизайн команда. TemplateMonster R&D

Visual Design with Data

Similar to "Доклад не про React", Антон Виноградов, MoscowJS 27

Компонентный веб. Проникновение в дизайн.

Anton Winogradov

Денис Паясь

CodeFest

Конструктор / Денис Паясь (Яндекс)

SERP или просто страница результатов поисковой выдачи — это действительно большой проект с огромной аудиторией. Над ним работают около 40 фронтендеров из разных городов. Эта страница показывается больше 200 000 000 раз в день. При таких размерах даже модульная архитектура уже не слишком спасала нас от странных, неочевидных зависимостей, лишних стилей и нескольких разных реализаций почти одинаковых компонентов. Процесс разработки новой, даже довольно простой на первый взгляд фичи занимал чудовищное количество времени и представлял из себя хаотичное взаимодействие большого количества людей: фронта, бэкенда, дизайнеров и менеджеров. Стала закрадываться мысль, что пора что-то менять. И мы поменяли. В докладе я расскажу о том, как мы с помощью проекта на стыке фронтендеров, менеджеров, и дизайнеров, навели во всем этом идеальный порядок. Каким образом поменяли наш код процессы и инструменты, а также что нам это дало, и как будем жить с этим дальше. Если вам знакомы похожие проблемы, то наш опыт может оказаться вам чертовски полезным.

Евгений Батовский, Николай Птущук "Современный станок верстальщика"

Рассказ о том, что представляет собой наш «станок» верстальщика сегодня. Рассказывается с примерами, какие браузеры поддерживаем, как производим кроссбраузерное тестирование и какие инструменты используем, готовя проект к выходу в свет.

Cовременный станок верстальщикаmcslayer

Современный станок верстальщика

OdessaFrontend

5 мая 2012 года мы с Женей Батовским рассказали о том, какие инструменты используют фронтендеры Яндекса. Это было больше чем просто доклад. Я рассказал о сборке и оптимизации кода, а это было ещё до появления гранта, галпа и вебпака. И почти все утилиты написали коллеги из Яндекса. Женя рассказал о том, как можно на одном компе собрать все браузеры и установить несколько версий одного браузера. Это было 8 лет назад, тогда ещё лидировал Firefox, мы работали в Яндексе и у меня были дреды :)

Готовим код  в мир открытых исходников

Elena Grahovac

Design Platform FrontendConf

Alexander Lobashev

Компонент-платформа / Александр Лобашев (Avito)

РИТ++ 2017, Frontend Сonf Зал Дели + Калькутта, 6 июля, 17:00 Тезисы: http://frontendconf.ru/2017/abstracts/2561 Компонентный подход принес много пользы, а вместе с тем и проблему переиспользования компонентов. В проекте появились сотни, тысячи компонентов, но со временем мы совсем забыли, где они живут, как их использовать и как они выглядят. Тут на помощь приходят различные инструменты и системы для работы с компонентами и их композициями. Такие решения призваны облегчить и оптимизировать работу фронтенд-разработки, а также улучшить взаимодействие с другими функциями, такими как дизайн и тестирование. Решений становится больше и это здорово, но часто оказывается, что большим компаниям и проектам готовые решения не подходят, и тогда создается собственное.

DEV Labs 2016. Микросервисы - первая кровь

Sasha Soleev

Микросервисная архитектура - это не только новая мода но и хорошее решение для нынешних реалий разработки программного обеспечения. Однако, с ними не все так просто, как хотелось бы. В этом докладе будет рассказано о практическом опыте разработки системы, основанной на микросервисах, и проблемах, с которыми столкнулись разработчики. К каждой проблеме будет приложен совет, который поможет либо решить ее, либо предупредить. Видео https://youtu.be/79o2nt-wKsI

Масштабируемая архитектура фронтенда

Roman Dvornov

Когда проект делает один разработчик — все просто. Когда над ним работает небольшая команда, можно синхронизироваться и договориться. А вот когда проектов (сайтов и приложений) становится много, и над ними трудится множество команд с перекрестной функциональностью и смежными зонами ответственности, все становится сложным и запутанным. Я расскажу о своем виденье архитектуры фронтенда, какой она должна быть, чтобы обеспечить её масштабируемость. На основе своего опыта и проблем, с которыми сталкиваются большие проекты. Видео: https://www.youtube.com/watch?list=PLknJ4Vr6efQFtZmsXmGG64Rz_PHrcXCBL&v=z9y6PNC2FL0

Teatro

Alexey Ermolaev

Netbeans Desktop Applications

scassau

Владимир Гриненко —Инструменты фронтенд-разработчика

Мы поговорим о том, как создать эффективный и надёжный код, переложив всю лишнюю работу на роботов. Решим проблему с разным окружением у разработчиков (vagrant), научимся писать стили удобно (roole, autoprefixer), оптимизируем получившийся CSS (clean-css, CSScomb) и графику (Imagemin, SVGO), проверим js-код (jshint, jshint-groups, jscs), убедимся, что некрасивый код не попадёт в репозиторий (git-hooks), и обсудим, как можно быстро и легко создавать новые инструменты. Автоматизируем всё, что можно, и подумаем, что и почему — нельзя!

NetBeans 6.0 Desktop

Iljas

Контроль за качеством кода

Кирилл Борисов

Слайды с одноименного доклада на IT Global Meetup 2015, прошедшего в Санкт-Петербурге 6 июля. Тезисы: * Контроль за качеством кода - это необходимая процедура при работе нескольких человек в одной команде над продуктом из более чем сотни строк. Зачем это нужно? Каждый пишет код по-своему, ожидает понимания от остальных участников команды, но в жизни этого не происходит. * Недостатки разнобоя в стиле написанного кода: увеличивается время ревью, усложняется внесение правок кем-либо кроме автора кода, увеличивается вероятность пропустить глазами ошибку. * Основные шаги к решению этой проблемы: создание единого свода правил по оформлению кода (style guide), согласование процедуры разрешения конфликтных ситуаций относительно разночтений этих правил, устранение человеческого фактора в процессе оценки через автоматизацию. * Что из экосистемы Питона может помочь? При составлении style guide можно взять за основу PEP8 и PEP257, дополнив их принятыми в команде конвенциями (какие кавычки использовать для строк и докстрингов, и т.д. и т.п.). Автоматизировать проверки можно как с помощью уже готовых утилит (pep8, flake8, pylint), так и написав свои с помощью встроенного в язык инструментария (модули ast, tokenizer, сторонние библиотеки для работы с кодом). * Где производить проверки? Есть несколько возможных этапов: - IDE разработчика - Локальная VCS (working copy) - Общая VCS - Сервер Continous Integration. В идеале проверки должны быть на каждом этапе, но при этом как можно меньше затруднять обычный рабочий процесс. Здесь стоит задуматься, какая комбинация из этих этапов лучше всего впишется в стиль разработчки команды. * Если же нет достаточных ресурсов или проект находится

Михаил Корепанов "Инкрементальные обновления на клиенте. Ловкость рук и никак...

С развитием веб-технологий сайты стали уже не просто информационными ресурсами, а полноценными приложениями. Такие приложения используют большое количество статических ресурсов, общий объем которых часто превышает 1 МБ. При условии частых обновлений встает вопрос: "Как наиболее эффективно загружать ресурсы при выходе новых версий?". В докладе будет рассказано про существующие техники обновления, которые позволяют загружать не целиком новые ресурсы, а только «разницу» между новой и старой версией.

Михаил Корепанов "Инкрементальные обновления на клиенте"

С развитием веб-технологий сайты стали уже не просто информационными ресурсами, а полноценными приложениями. Такие приложения используют большое количество статических ресурсов, общий объем которых часто превышает 1 МБ. В условиях постоянных обновлений встает вопрос о том, как наиболее эффективно загружать ресурсы при выходе новых версий. В докладе рассказано про существующие техники обновления, которые позволяют загружать не целиком новые ресурсы, а только «разницу» между новой и старой версией. На Я.Субботнике в Риге мы рассказали вам о том, как мы придумали и написали инструмент, и чего в теории мы ожидали им добиться. На Я.Субботнику в Киеве мы показали вам реальные цифры.

Документирование блоков. Раскрываем все плюсы

Документирование блоков. Раскрываем все плюсы Мы поговорим о том, как разрабатывается техническая документация к библиотеке bem-components и почему разделение интерфейса на блоки облегчает работу с документами как техническим писателям, так и разработчикам. А также о том, как мы выкладываем всю информацию по каждому блоку с примерами и JSDoc на наш сайт ru.bem.info. Инна Белая, Яндекс Разработчик технической документации в бригаде документирования БЭМ. В Яндексе с 2013 года.

JavaScript сегодня: React, Redux и новая реальность

Denis Izmaylov

Similar to "Доклад не про React", Антон Виноградов, MoscowJS 27 (20)

Компонентный веб. Проникновение в дизайн.

Денис Паясь

Конструктор / Денис Паясь (Яндекс)

Евгений Батовский, Николай Птущук "Современный станок верстальщика"

Cовременный станок верстальщика

Современный станок верстальщика

Готовим код  в мир открытых исходников

Design Platform FrontendConf

Компонент-платформа / Александр Лобашев (Avito)

DEV Labs 2016. Микросервисы - первая кровь

Масштабируемая архитектура фронтенда

Teatro

Netbeans Desktop Applications

Владимир Гриненко —Инструменты фронтенд-разработчика

NetBeans 6.0 Desktop

Контроль за качеством кода

Михаил Корепанов "Инкрементальные обновления на клиенте. Ловкость рук и никак...

Михаил Корепанов "Инкрементальные обновления на клиенте"

Документирование блоков. Раскрываем все плюсы

JavaScript сегодня: React, Redux и новая реальность

More from MoscowJS

Александр Русаков - TypeScript 2 in action

Виктор Розаев - Как не сломать обратную совместимость в Public API

Представьте что у вас есть публичный JavaScript API. Им пользуются сторонние девелоперы от Индии до Канады, чтобы писать свои облачные сервисы. Эти сервисы продают телекомуникационные компании с многомиллиардными оборотами превышающими стоимость вашей компании. Любая остановка сервиса - миллионные убытки. Представили? А нам и представлять не надо - это наша работа. Добро пожаловать в нашу реальность. В рамках доклада мы расскажем о том, как сохранить обратную совместимость при активном развитии и неизвестных пользователях, ну и причем тут вообще интерны.

Favicon на стероидах

E2E-тестирование мобильных приложений

Reliable DOM testing with browser-monkey

Basis.js - Production Ready SPA Framework

Контекст в React, Николай Надоричев, MoscowJS 31

Контекст стал документированной фичей сравнительно недавно, но его использование либо осуждается, либо не понимается. Такие библиотеки как react-redux или react-router успешно используют для своих нужд. В докладе рассмотрим основные аспекты работы с контекстом: зачем он нужен и какие проблемы решает.

Верстка Canvas, Алексей Охрименко, MoscowJS 31

Веб без интернет соединения, Михаил Дунаев, MoscowJS 31

Angular2 Change Detection, Тимофей Яценко, MoscowJS 31

Команда разработчиков Angular2 провела огромную работу над Change Detector, он стал быстрым и "умным". В докладе рассмотрим две основные фазы Angular2 приложения, куда все таки делся $apply(), и почему Angular2 обещает быть фантастически быстрым (в сравнении с AngularJs).

Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33

В 2016 году интернет-изданиям недостаточно просто писать интересные материалы, нужно быстро и качественно их оформлять и показывать на разных устройствах. Я расскажу о нашем опыте создания JS-редактора, с помощью которого ежедневно публикуются десятки постов для 3 миллионов читателей.

Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33

Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33

Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...

"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...

При увеличении количества проектов в компании, разработчики сталкиваются с задачей унификации кодовой базы. Решением подобной задачи может быть библиотека, фреймворк или общий набор компонент. Такой инструмент позволит разработчикам сконцентрироваться только на новых задачах, избежать дублирования кода и повысить производительность. В HeadHunter с такой задачей столкнулись в 2014 году. Решением данной проблемы стало создание унифицированной библиотеки компонент, которая успешно используется на всех проектах HH. В своем докладе я хотел бы поделиться опытом развития библиотеки, проблемами, которые возникали при разработке, и их последовательным решением.

"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29

"AMP - технология на три буквы", Макс Фролов, MoscowJS 29

Для большинства пользователей мобильный интернет полон боли и страданий. При том что пользователей становится только больше — проблема не решается, а становится острее. Вас ожидает увлекательнейший доклад о том, как удалось разогнать до космической скорости мобильную Lenta.ru.

"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29

«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28

"Web Audio Api", Анатолий Найда, MoscowJS 27