Евгений Бордунов "Веб-виджеты Яндекса и с чем их едят"Yandex
15 октября 2011, Я.Субботник в Алматы
Евгений Бордунов "Веб-виджеты Яндекса и с чем их едят"
О докладе:
Виджет – это информационный блок, который содержит фрагмент сайта. Виджеты могут быть различной сложности, создаваться с различными целями. В этом докладе пойдет речь о том, как правильно создавать виджеты, как их локализировать и как поддерживать.
Adn@it'summer - Как ленивые фронтенды себе жизнь упрощают ADN Digital Studio
У frontend-разработчиков есть боль:
1. Огромные CSS файлы
2. Невозможно переиспользовать код
3. Сложности поддержки проектов
4. Склеивание и минификация файлов
5. Префиксы для css3
6. Работа со спрайтами
7. Невозможность использовать новые фичи javasccript
И мы хотим поговорить об этом
Основная цель доклада — рассказать о самых полезных и несложных в освоении частях БЭМ стека для проектов, в которых не предполагается использовать node.js сервер для шаблонизации.
Евгений Бордунов "Веб-виджеты Яндекса и с чем их едят"Yandex
15 октября 2011, Я.Субботник в Алматы
Евгений Бордунов "Веб-виджеты Яндекса и с чем их едят"
О докладе:
Виджет – это информационный блок, который содержит фрагмент сайта. Виджеты могут быть различной сложности, создаваться с различными целями. В этом докладе пойдет речь о том, как правильно создавать виджеты, как их локализировать и как поддерживать.
Adn@it'summer - Как ленивые фронтенды себе жизнь упрощают ADN Digital Studio
У frontend-разработчиков есть боль:
1. Огромные CSS файлы
2. Невозможно переиспользовать код
3. Сложности поддержки проектов
4. Склеивание и минификация файлов
5. Префиксы для css3
6. Работа со спрайтами
7. Невозможность использовать новые фичи javasccript
И мы хотим поговорить об этом
Основная цель доклада — рассказать о самых полезных и несложных в освоении частях БЭМ стека для проектов, в которых не предполагается использовать node.js сервер для шаблонизации.
Мой доклад о создании yeoman генератора своими руками на митапе 4front. Рассказ о том, как yeoman.io упрощает жизнь, спасает от рутины и экономит время.
Обзор технологии и типичных граблей.
Алексей Авдеев — Применение Backbone.js для рефакторинга фронтенда веб-прилож...Yandex
В докладе пойдёт речь о том, как использовать JS-библиотеки и фреймворки для достижения модульности, построения грамотной архитектуры и упрощения поддержки фронтенда веб-приложений. Мы также поговорим о многофункциональной библиотеке Backbone.js и о том, как навести порядок в application.js (main.js).
Основные новшества Java 9, которые, на мой взгляд, наиболее актуальны.
Здоровая критика и дополнения приветствуются. Есть текстовый документ, где всё это расписано немного подробнее.
ThinkJavaKharkiv#1 Шеф, все пропало. Проблемы с ProductionVladimir Malinin
Если приложение регулярно падает, заказчики нервничают, сроки поджимают и не понятно в чём проблема, не стоит паниковать. Мы расскажем вам, что делать в такой ситуации и покажем, как мы выходили из сложившейся ситуации. В докладе на примере двух реальных проектов рассматриваются проблемы, которые могут возникать с Web приложениями на production environment’ах, пути их решения и инструменты, которые для этого могут быть использованы. Подробно будет рассмотрена настройка и использование JavaMelody. Докладчики: Владимир Малинин и Антон Семаник (Nix Solutions)
Сергей Константинов — Что интересного готовит нам W3CYandex
2014 год обещает нам множество интересных нововведений. Помимо новинок в HTML5, нас ждут глобальные изменения в самой веб-платформе. Promises и модули — революция в стандартах разработки стандартов. Service Workers — новый подход к решению проблемы офлайновых веб-приложений. @@create — отнаследуйся от HTMLElement! Обо всём этом и пойдёт речь в докладе.
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"Fwdays
Как искать и выбирать оптимальные решения? Для одной задачи подойдет React, для другой - Zepto. Сегодня вы пишите для браузера, завтра думаете, как использовать native-ресурсы iOS.
Не все технологии, которые удобны разработчику, могут дать удобство конечному пользователю.
Я расскажу о балансе, который позволяет бизнесу получать результат, а разработчику - решение.
Александр Титула-Бойченко "Приложения для соцсетей. Универсальные приложения ...Yandex
Рассказывается, как с помощью БЭМ-методологии и инструментов создать приложение, которое легко встраивается в разные социальные сети, такие как Facebook, ВКонтакте и Мой Мир.
Мой доклад о создании yeoman генератора своими руками на митапе 4front. Рассказ о том, как yeoman.io упрощает жизнь, спасает от рутины и экономит время.
Обзор технологии и типичных граблей.
Алексей Авдеев — Применение Backbone.js для рефакторинга фронтенда веб-прилож...Yandex
В докладе пойдёт речь о том, как использовать JS-библиотеки и фреймворки для достижения модульности, построения грамотной архитектуры и упрощения поддержки фронтенда веб-приложений. Мы также поговорим о многофункциональной библиотеке Backbone.js и о том, как навести порядок в application.js (main.js).
Основные новшества Java 9, которые, на мой взгляд, наиболее актуальны.
Здоровая критика и дополнения приветствуются. Есть текстовый документ, где всё это расписано немного подробнее.
ThinkJavaKharkiv#1 Шеф, все пропало. Проблемы с ProductionVladimir Malinin
Если приложение регулярно падает, заказчики нервничают, сроки поджимают и не понятно в чём проблема, не стоит паниковать. Мы расскажем вам, что делать в такой ситуации и покажем, как мы выходили из сложившейся ситуации. В докладе на примере двух реальных проектов рассматриваются проблемы, которые могут возникать с Web приложениями на production environment’ах, пути их решения и инструменты, которые для этого могут быть использованы. Подробно будет рассмотрена настройка и использование JavaMelody. Докладчики: Владимир Малинин и Антон Семаник (Nix Solutions)
Сергей Константинов — Что интересного готовит нам W3CYandex
2014 год обещает нам множество интересных нововведений. Помимо новинок в HTML5, нас ждут глобальные изменения в самой веб-платформе. Promises и модули — революция в стандартах разработки стандартов. Service Workers — новый подход к решению проблемы офлайновых веб-приложений. @@create — отнаследуйся от HTMLElement! Обо всём этом и пойдёт речь в докладе.
Евгений Жарков "Как быть хорошим фронтенд-разработчиком"Fwdays
Как искать и выбирать оптимальные решения? Для одной задачи подойдет React, для другой - Zepto. Сегодня вы пишите для браузера, завтра думаете, как использовать native-ресурсы iOS.
Не все технологии, которые удобны разработчику, могут дать удобство конечному пользователю.
Я расскажу о балансе, который позволяет бизнесу получать результат, а разработчику - решение.
Александр Титула-Бойченко "Приложения для соцсетей. Универсальные приложения ...Yandex
Рассказывается, как с помощью БЭМ-методологии и инструментов создать приложение, которое легко встраивается в разные социальные сети, такие как Facebook, ВКонтакте и Мой Мир.
3. 3
Пожалуйста, нет, не надо!
Хватит условий!
Новая задача: загружать рекламу в просмотрщик, если:
— просмотрщик открыт,
— выбранное изображение является рекламным,
— пришли соотв. данные,
— это первая страница выдачи,
— перешли с главной страницы,
— в этой сессии этот блок еще не показывали,
— это эксперимент.
Куча
внеш
них
условий
Куча
внеш
них
услови
Куча
внеш
них
у
4. Собравшись с силами, мы погружаемся в код
4
findBlockOutside
innerBlock.hasMod
i-global
afterCurrentEvent
setTimeout
10. Итоги
Единое хранилище состояния приложения позволяет отказаться
от многих связей между блоками
Вообще хорошо, когда нет внешних связей (findBlockOutside)
Неглубокий call stack = понятный код
React не очень-то и нужен. Изменять DOM можно самим точечно.
(потенционально) Проще писать unit-тесты: достаточно выставить
желаемое состояние и проследить за ожидаемой реакцией.
10