У frontend-разработчиков есть боль:
1. Огромные CSS файлы
2. Невозможно переиспользовать код
3. Сложности поддержки проектов
4. Склеивание и минификация файлов
5. Префиксы для css3
6. Работа со спрайтами
7. Невозможность использовать новые фичи javasccript
И мы хотим поговорить об этом
Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Особенности работы backend для мобильных приложений или Python Django UWSGI в...Mail.ru Group
Доклад посвящен жизни проектов в продакшен. Речь пойдет о связке Python-Django-Uwsgi для backend мобильных приложений, настройке серверов, измерении времени и оценке качества работы backend. Также спикер расскажет о профилировании Django, Memcached в Python.
Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico
Microsoft Edge -- новый браузер от Microsoft с новым движком и новым интерфейсом.
Какие цели преследует Microsoft, и что это нововведение означает для веб-разработчиков?
Что нового в движке браузера по сравнению с IE, и как он будет развиваться дальше?
Движок Edge внутри Windows 10: хостинг сайтов внутри приложений и доступ к нативной функциональности.
Дорожная карта: к чему и когда готовиться?
Расскажу про мотивацию и трудности создания сервиса скриншотов веб-страниц на базе headless chrome и puppeteer. Наличие готовых инструментов еще не означает наличие готового сервиса.
JS Lab2017, 25 марта, Одесса
Сергей Селецкий (Senior Frontend Engineer at Lohika)
System.js и jspm. Что они могут дать для вашего проекта. Преимущества и недостатки. Как это работает с ES6. Примеры сборки проекта.
Все материалы: http://jslab.in.ua/
Организаторы: http://geekslab.org.ua/
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
Основные моменты третьей версии популярного фреймворка. Responsive-верстка, контролы и компоненты
Презентация подготовлена по материалам прошедшего 19 ноября витебского фронтенд-митапа: http://meetup.gorodvitebsk.by/
Отдаем страницы быстрее или как вписаться в требования GoogleIT61
Евгений Костенко, руководитель OSSHelp
ask@osshelp.ru
Почему Google навязывает ответ за 0.2 секунды
Что такое RTT, TTFB, waterfall и от чего зависит скорость
Шардинг vs HTTP/2, keepalive, CDN, тюнинг SSL и зачем все это
Оптимизация, мониторинг и поиск bottleneck’s
BrandBoost™ is a unique advertising platform that enables consumers to unlock premium game content by engaging with brand advertising.
BrandBoost is bought and sold on a cost per engagement basis.
more information:http://about.wildtangent.com/advertise/brandboost
Особенности работы backend для мобильных приложений или Python Django UWSGI в...Mail.ru Group
Доклад посвящен жизни проектов в продакшен. Речь пойдет о связке Python-Django-Uwsgi для backend мобильных приложений, настройке серверов, измерении времени и оценке качества работы backend. Также спикер расскажет о профилировании Django, Memcached в Python.
Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico
Microsoft Edge -- новый браузер от Microsoft с новым движком и новым интерфейсом.
Какие цели преследует Microsoft, и что это нововведение означает для веб-разработчиков?
Что нового в движке браузера по сравнению с IE, и как он будет развиваться дальше?
Движок Edge внутри Windows 10: хостинг сайтов внутри приложений и доступ к нативной функциональности.
Дорожная карта: к чему и когда готовиться?
Расскажу про мотивацию и трудности создания сервиса скриншотов веб-страниц на базе headless chrome и puppeteer. Наличие готовых инструментов еще не означает наличие готового сервиса.
JS Lab2017, 25 марта, Одесса
Сергей Селецкий (Senior Frontend Engineer at Lohika)
System.js и jspm. Что они могут дать для вашего проекта. Преимущества и недостатки. Как это работает с ES6. Примеры сборки проекта.
Все материалы: http://jslab.in.ua/
Организаторы: http://geekslab.org.ua/
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
Основные моменты третьей версии популярного фреймворка. Responsive-верстка, контролы и компоненты
Презентация подготовлена по материалам прошедшего 19 ноября витебского фронтенд-митапа: http://meetup.gorodvitebsk.by/
Отдаем страницы быстрее или как вписаться в требования GoogleIT61
Евгений Костенко, руководитель OSSHelp
ask@osshelp.ru
Почему Google навязывает ответ за 0.2 секунды
Что такое RTT, TTFB, waterfall и от чего зависит скорость
Шардинг vs HTTP/2, keepalive, CDN, тюнинг SSL и зачем все это
Оптимизация, мониторинг и поиск bottleneck’s
BrandBoost™ is a unique advertising platform that enables consumers to unlock premium game content by engaging with brand advertising.
BrandBoost is bought and sold on a cost per engagement basis.
more information:http://about.wildtangent.com/advertise/brandboost
Бизнес-завтрак "Недвижимость: возможности digital-маркетинга, которые больше ...Artics Internet Solutions
Выступление Петровского Кирилла, директора по технологиям Artics Internet Solutions, на бизнес-завтраке "Недвижимость: возможности digital-маркетинга, которые больше нельзя игнорировать" (организатор Artics Internet Solutions).
Бизнес-завтрак "Недвижимость: возможности digital-маркетинга, которые больше ...Artics Internet Solutions
Выступление Юлии Агрызковой из AmoCRM на бизнес-завтраке "Недвижимость: возможности digital-маркетинга, которые больше нельзя игнорировать" (организатор Artics Internet Solutions).
Перед агентством была поставлена задача продвижения нового продукта компании среди ЦА - офисных сотрудников, постоянно сталкивающихся с проблемой редактирования готовых PDF-файлов. Вот что мы сделали...
I am the quintessential socialite of new media. I have a passion for networking both in reality and virtually, and am always keen to explore new places, people, views and cultures. Read more about my professions.
I'm looking for a job in London.
Совместное мероприятие Artics Internet Solutions и myTarget "Все, что важно знать о мобильной рекламе в 2016 году". Доклад Александра Круглова, myTarget.
BrandBoost™ is a unique advertising platform that enables consumers to unlock premium game content by engaging with brand advertising.
BrandBoost is based on this concept of value exchange advertising: by choosing to engage with a brand, consumers get access to game content that they would otherwise have to pay for. BrandBoost works across all types of online game content and manifests itself differently based on the content type and the associated business model.
Технологии становятся более доступными, иногда заставляют нас больше работать, помогают контролировать себя или других, служат упрощению нашей жизни, вдохновляют на новые идеи или вторгаются в наше тело и личное пространство.
В любом случае, технологии дают нам новые возможности, а как их использовать - во благо или нет, каждый выбирает сам.
Digitas Health LifeBrands took a trip to The Lone Star state and immersed ourselves in all things South by Southwest (SxSW).
The days went by fast and furious as we were pulled into speed sessions, meet-ups, brainstorms, demonstrations, hack-a-thons, pitches, accelerators, and a myriad of other Austin-style opportunities.
The next few slides are our attempt to bring some of these learnings home with an emphasis on why the message is relevant to healthcare marketers. Enjoy!
Что такое Изоморфный Javascript?
1. Исполняется в различных окружениях
2. Гарантирует одно поведение
3. Справляется с разностью окружений через абстракции
Зачем нужны постпроцессоры при живых препроцессорах — Алексей Иванов, JetStyleYandex
Препроцессором сейчас уже никого не удивишь. С их помощью упрощается синтаксис css, добавляются переменные, условия и циклы. Все это хорошо и замечательно, но часто — не достаточно. Препроцессоры не дадут изменить уже существующий css, который вы получаете из внешних источников, не перепишут ссылки на картинки и шрифты при перемещении файлов в новую папку, не отсортируют css-свойства в нужном вам порядке и не удалят из файлов лишние правила. Во всех этих случаях, а также во многих других вам помогут постпроцессоры.
В своем докладе я расскажу, что такое постпроцессоры, какие они бывают и чем отличаются друг от друга. Объясню почему использовать их лучше, чем править css вручную и с помощью регулярных выражений, а также приведу примеры их использования в ежедневной работе.
*Netpeak Talks — это серия ивентов от Netpeak Group в Одессе (при поддержке ассоциации продуктовых компаний IT-Products Odessa).
В рамках этих встреч есть возможность обсудить с практикующим спикером наболевшие темы, связанные с R&D, дизайном, менеджментом, интернет-маркетингом, QA, Customer Success, аналитикой и др. (все темы от встречи к встрече не повторяются и отличаются друг от друга).
______________________
Тема #11: Как работать с legacy проектом, которому больше 10 лет?
Спикер: Денис Воскобойник — Team Lead отдела разработки внутренних продуктов в Netpeak Agency.
Тезисы видео:
✔ Построение процессов разработки.
✔ Подготовка команды к проекту.
✔ Внедрение / обновление стека технологий.
✔ Как рефакторить?
✔ Как понять, что нужно вынести отдельно и нужно ли это?
✔ Как тестировать то, что никогда не тестировалось?
✔ Code Review.
_____________________
Информацию об этом и следующих мероприятиях ты можешь отследить:
Сайт: http://netpeak.group/talks
Facebook: https://www.facebook.com/NetpeakTalks/
Телеграм: https://t.me/netpeaktalks
Разработка ресурсоемких приложений в среде Visual C++Tatyanazaxarova
Статья познакомит разработчиков прикладного программного обеспечения с задачами, которые ставит перед ними массовое внедрение многоядерных 64-битных вычислительных систем, знаменующих революционное увеличение вычислительной мощности, доступное рядовому пользователю. Будут рассмотрены вопросы эффективного использования аппаратных ресурсов для решения повседневных прикладных задач в рамках операционной системы Windows x64.
SECON'2016. Сергей Аверин. Javascript-фреймворки: должен остаться только одинSECON
Рассказ от tech-менеджера о том, как мы в Acronis выбирали фреймворк в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет. В докладе пойдет речь о том, что хорошо работающий фронтенд — это больше про слаженную работу команды, про понятный и масштабируемый код, чем про сухие циферки. Но и циферки тоже будут.
1) Какие у нас были проблемы с текущим фреймворком — UI, архитектура, код.
2) Как измеряли, что примерно стоит брать (исследование популярности).
3) Что рассматривали.
4) На пути к демо-проекту, какие были сложности (то, что уперли идею с Typescript, собственный компилятор шаблонов, четыре Flux-фреймворка и все плохи).
5) Два пилотных демо-проекта: цифры.
6) Оценка трудоемкости перехода.
SECON'2016. Аверин Сергей, Javascript-фреймворки: должен остаться только одинSECON
Рассказ от tech-менеджера о том, как мы в Acronis выбирали фреймворк в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет.
Javascript-фреймворки: должен остаться только одинSergey Xek
Рассказ от tech-менеджера о том, как мы в Acronis выбирали фреймворк в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет.
В докладе пойдет речь о том, что производительность фронтенда — это больше про слаженную работу команды, про понятный и масштабируемый код, чем про сухие циферки. Но циферки тоже будут.
1) Какие у нас были проблемы с текущим фреймворком — UI, архитектура, код.
2) Как измеряли, что примерно стоит брать (исследование популярности).
3) Что рассматривали.
4) На пути к демо-проекту, какие были сложности (то, что уперли идею с Typescript, собственный компилятор шаблонов, четыре Flux-фреймворка и все плохи).
5) Два пилотных демо-проекта: цифры.
6) Оценка трудоемкости перехода.
Javascript-фреймворки: должен остаться только один / Аверин Сергей (Acronis)Ontico
Рассказ от tech-менеджера о том, как мы в Acronis выбирали фреймворк в условиях, когда любое более-менее важное технологическое решение сразу затрагивает с десяток команд, несколько сотен человек и права «случайно все сломать» нет.
В докладе пойдет речь о том, что производительность фронтенда — это больше про слаженную работу команды, про понятный и масштабируемый код, чем про сухие циферки. Но циферки тоже будут.
1) Какие у нас были проблемы с текущим фреймворком — UI, архитектура, код.
2) Как измеряли, что примерно стоит брать (исследование популярности).
3) Что рассматривали.
4) На пути к демо-проекту, какие были сложности (то, что уперли идею с Typescript, собственный компилятор шаблонов, четыре Flux-фреймворка и все плохи).
5) Два пилотных демо-проекта: цифры.
6) Оценка трудоемкости перехода.
D2D Pizza JS Илья Беда "Куда мы все катимся?"Dev2Dev
Окружение JavaScript, наверно, самая быстроразвивающаяся отрасль в мире разработки программного обеспечения. Все слышали шутку про книгу “36 новых JavaScript фреймворков, выпущенных в марте”, и это не далеко от правды.
В своем обзорном докладе я расскажу о своем пути во frontend. О том, как вижу современную индустрию, о существующих проблемах и путях их решения. Все не так уж радужно, как может показаться. Надеюсь, мой доклад позволит вам взглянуть на мир JavaScript с другой стороны или, по крайней мере, задуматься о том, в правильном ли направлении вы движетесь?
Доклад с конференции D2D Pizza JS - http://dev2dev.ru/events/8/
Краткая презентация курса HTML5 и CSS3: От новичка до профиProfPoint
Курс по HTML5 и CSS3 это 24 часа лекций и 96 часов практики. В ходе курса вы научитесь верстать страницы средней сложности и сможете после его окончания получить работу стажера или junior frontend-developer.
Школа интернет-технологий ProfPoint перезапускает обучение в формате онлайн с уклоном на практику и результат.
Использование компонентного подхода это тяжеловесно, медленно, не гибко. Так ли это?
Доклад с фестиваля 404, Самара, 13 октября 2013
Видео: https://www.youtube.com/watch?v=QpZy0WW0Ig4
ADN @ UI/UX Design Meetup Barnaul - «Эволюция процессов проектирования в веб-...ADN Digital Studio
- Боль старого подхода: Какие проблемы мы испытывали применяя старый метод, и что стало отправной точкой в поиске и разработке новых подходов к проектированию.
- Что такое “Золотой стандарт”, что мы из него взяли, и как перестроили процессы проектирования. С чем столкнулись, и что получили.
- Куда движемся: что планируем внедрять в ближайшее время, и как будем решать проблемы с проектирование крупных проектов.
ADN @ UI/UX Design Meetup Barnaul - «Проектирование с точки зрения дизайна»ADN Digital Studio
- Проблемы при проектировании промо-продуктов / проектировании при ограниченных ресурсах (поговорим о ситуациях, когда дизайн и проектирование идут параллельно)
- Проблемы при проектировании дизайн-решений на этапе тендеров (что происходит, когда есть тендер/пресейл, короткое окно для показа и необходимость связать логику и визуал в одно целое. Продолжение темы итеративного проектирования)
- Проектирование в динамике (рассмотрим ситуации, при которых статичного прототипа на этапе проектирования недостаточно)
ADN @ UI/UX Design Meetup Barnaul - «Проектирование. Причины, инструменты, пр...ADN Digital Studio
- UX, UI. Зачем оно нам, вам и заказчикам?
- Инструменты и подходы к работе. Как не потерять ключевую цель.
- Взгляд менеджера со стороны. Мониторим блага в других процессах.
Аналитика: что произошло с рынком в 2015 году.
Как меняется SEO.
Изменения в контекстной рекламе.
Оцениваем эффективность рекламных каналов.
Дмитрий Скорик, Интернет-маркетолог ADN Digital Studio
Почему современный сайт должен быть адаптирован для мобильных устройств.
Что такое адаптивный сайт.
Адаптивность — это не только про верстку.
Почему сделать адаптивный сайт сейчас — получить конкурентное преимущество.
Алексей Шепелин, Арт-директор ADN Digital Studio
Корпоративный сайт нашего времени: лучшие технологии «1С-Битрикс» для бизнесаADN Digital Studio
Создаем и наполняем сайт – быстро, просто, эффективно.
Ближе к клиентам: делаем сайт доступным и удобным для любых мобильных устройств.
Ваш сайт глазами посетителей: конверсия, аналитика, маркетинг.
Антон Гришин, Руководитель проектов ADN Digital Studio
2. 2
Боль
1. Огромные CSS файлы
2. Невозможно переиспользовать код
3. Сложности поддержки проектов
4. Склеивание и минификация файлов
5. Префиксы для css3
6. Работа со спрайтами
7. Невозможность использовать новые фичи javasccript
22. 22grunt-contrib-watch
Отслеживает изменения файлов и запускает нужные задачи
https://github.com/gruntjs/grunt-contrib-watch
Определяем отслеживание
изменения LESS файлов
и запускаем необходимые
задачи
27. 27
Еще раз вспомним для чего это все нужно
1. Огромные CSS файлы
2. Невозможно переиспользовать код
3. Сложности поддержки проектов
4. Склеивание и минификация файлов
5. Префиксы для css3
6. Работа со спрайтами
7. Невозможность использовать новые фичи javasccript
29. 29
БЭМ - что это и зачем?
1. Разработчик должен понимать свой код и код любого
программиста в команде БЭМ-проекта.
2. Любой блок кода может быть использован повторно
3. Работая в одной команде, разработчики, менеджеры, дизайнеры
и верстальщики должны называть одни и те же вещи одинаково.
4. Команды могут обмениваться специалистами для реализации
какой-то конкретной функциональности.
5. Порог входа при переходе на новый проект должен быть снижен
за счет одинаковой структуры организации всех БЭМ-проектов и
одинаковых правил именования всех сущностей.
30. 30Структура элемента
Самый высокий уровень абстракции
компонента.
.block
Дочерний элемент .block помогающий
поддерживать его целостность.
.block__element
Другое состояние
или версия .block.
.block--modifier
31. 31БЭМ vs Каскадирование
Специфичность данного
селектора очень велика.
Как обрабатывает «машина» код
в этом случае: сначала все <a>,
потом <a>, вложенные в <li>
и так далее.
«Выравниваем» специфичность
между элементами DOM.
Обработка <a class="top-menu-
item__link">. То есть браузер
сразу же нашел ссылку
по селектору .top-menu-
item__link.