SlideShare a Scribd company logo
Доклад не про React

Антон Виноградов, CEO, The Protein Corp.
Антон Виноградов
- основатель theprotein.io
- разработчик интерфейсов 

в Альфа-Лаборатории
- более 4 лет занимаюсь фронтендом
- евангелист и БЭМ-контрибьютор
- автор OpenSource решений
@awinogradov
2
3
3
Универсальный молоток
от Facebook
4
theprotein.io
5
bit.ly/protein-overview
6
Нестандартный подход
к обычным вещам7
Шаблонизаторы
8
Строки и DOM
9
Графы и деревья
10
11
Конфиг кнопки Bootstrap v4.0.0 - alfa
11
12
13
14
15
15
github.com/bem/bh
15
SVG и матчеры
16
HTML в SVG17
18
Строим SVG
19
Строим HTML
20
SVG в PDF
21
Protein Team
22
23
Cocoa Script
24
25
25
bit.ly/sketch-assistant
26
27
Protein
Transporter
28
NodeJS
29
Protein
Transporter
localhost
30
localhost
Protein
Transporter
31
localhost
Protein
Transporter
http
31
localhost
Protein
Transporter
http
http
31
localhost
Protein
Transporter
http
http
socket
31
CSS & HTML
32
В дизайн-инструментах нет CSS
33
34
34
35
Парсим что угодно
35
36
Конфиг библиотеки Bootstrap v4.0.0 - alfa
36
protein-sass
37
Подводные камни CSS
38
39
39
40
41
42
42
Protein Team
43
bit.ly/posthtml-in-ul
44
Мои вкусы весьма специфичны
45
46
Отлично удаляет префиксы
46
47
47
@awinogradov
Profit can change everything
theprotein.io

More Related Content

PDF
React + Redux. Опыт использования
PPTX
Презентация Git-flow (на русском)
PDF
"Electron. How the most modern framework works" Oleksii Holubiev
PDF
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
PDF
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
PDF
Фламп на спидах или ка релизить каждый день
PPTX
Антон Григорьев, Git-flow: как построить процесс разработки и быстро получать...
React + Redux. Опыт использования
Презентация Git-flow (на русском)
"Electron. How the most modern framework works" Oleksii Holubiev
"Prom.ua shopping cart workflow as a microfrontend", Danylo Kazymyrov
Денис Измайлов, JavaScript сегодня: React, Redux и новая реальность
Фламп на спидах или ка релизить каждый день
Антон Григорьев, Git-flow: как построить процесс разработки и быстро получать...

What's hot (20)

PPTX
Cистемы автоматической сборки проектов (Полина Фоминых)
PPTX
Redux и изоморфные приложения
PPTX
Сергей Мелашич "Настройка SEO для одностраничных web-приложений на Angular"
PDF
JavaScript завтра / Сергей Рубанов (Exante Limited)
PDF
Winium — это как Selenium, только под Windows
PDF
Иван Крутов - Автоматизация сборки Java-проекта
PPTX
Docker + Selenium Webdriver в рамках Continuous Integration
PPTX
Никита Галкин "Testing in Node.js World"
PDF
Денис Чистяков: Workflow. Работа над проектом в Яндексе
PPTX
Как мы собираем проекты в выделенном окружении в Windows Docker
PDF
"Web Vitals monitoring & optimizations", Erik Himiranov
PPTX
Сергей Морковкин "Разработка realtime SPA с использованием VueJS и RethinkDB"
PDF
Жизнь в изоляции / Роман Дворнов (Avito)
PPTX
Gradle. Новый уровень автоматизации для Android
PPTX
Типовая сборка и деплой продуктов в Positive Technologies
PDF
"Redux: the best for isomorphic apps", Денис Измайлов, MoscowJS 25
PDF
«Тестируем веб приложения», Павел Сташевский
PDF
Phalcon. Что нового?
PDF
Как приручить реактивное программирование
PPTX
Мастер класс- Maven + Jenkins
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
Ad

Viewers also liked (11)

PDF
Компонентный веб. Проникновение в дизайн / Антон Виноградов (АО "Альфа-Банк",...
PPTX
Пиар в стартапе: извлекаем максимум пользы. Алексей Лартей
PDF
История про OpenSource в Яндексе
PDF
Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
PDF
Общие технологии между несколькими проектами в Яндексе
PDF
Анастасия Джмухажзе
PPTX
Основы тестирования графических интерфейсов
PPTX
Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016
PDF
Антон Виноградов, Альфа-Банк — Инструменты БЭМ-разработчика
PDF
Дизайн команда. TemplateMonster R&D
PDF
Visual Design with Data
Компонентный веб. Проникновение в дизайн / Антон Виноградов (АО "Альфа-Банк",...
Пиар в стартапе: извлекаем максимум пользы. Алексей Лартей
История про OpenSource в Яндексе
Прототипирование с БЭМ — Антон Виноградов, Альфа-Лаб
Общие технологии между несколькими проектами в Яндексе
Анастасия Джмухажзе
Основы тестирования графических интерфейсов
Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016
Антон Виноградов, Альфа-Банк — Инструменты БЭМ-разработчика
Дизайн команда. TemplateMonster R&D
Visual Design with Data
Ad

More from MoscowJS (20)

PDF
Александр Русаков - TypeScript 2 in action
PDF
Виктор Розаев - Как не сломать обратную совместимость в Public API
PDF
Favicon на стероидах
PDF
E2E-тестирование мобильных приложений
PDF
Reliable DOM testing with browser-monkey
PDF
Basis.js - Production Ready SPA Framework
PDF
Контекст в React, Николай Надоричев, MoscowJS 31
PDF
Верстка Canvas, Алексей Охрименко, MoscowJS 31
PDF
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31
PDF
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31
PDF
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33
PDF
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33
PDF
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33
PDF
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...
PDF
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...
PDF
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29
PDF
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29
PDF
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29
PDF
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28
PDF
"Web Audio Api", Анатолий Найда, MoscowJS 27
Александр Русаков - TypeScript 2 in action
Виктор Розаев - Как не сломать обратную совместимость в Public API
Favicon на стероидах
E2E-тестирование мобильных приложений
Reliable DOM testing with browser-monkey
Basis.js - Production Ready SPA Framework
Контекст в React, Николай Надоричев, MoscowJS 31
Верстка Canvas, Алексей Охрименко, MoscowJS 31
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31
Angular2 Change Detection, Тимофей Яценко, MoscowJS 31
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33
Предсказуемый Viewport, Вопиловский Константин, KamaGames Studio, MoscowJs 33
Promise me an Image... Антон Корзунов, Яндекс, MoscowJs 33
Регрессионное тестирование на lenta.ru, Кондратенко Павел, Rambler&Co, Moscow...
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29
"Observable и Computed на пример KnockoutJS", Ольга Кобец, MoscowJS 29
«Пиринговый веб на JavaScript», Денис Глазков, MoscowJS 28
"Web Audio Api", Анатолий Найда, MoscowJS 27

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