В скором времени, Unity получит поддержку еще одной платформы — WebGL, что позволит запускать игры в браузере без каких-либо плагинов. Валентин покажет, как работает процесс паблишинга, подробно остановится на IL2CPP — внутренней разработке Unity, которая и делает всю основную магию, а так же расскажет о дальнейших планах внедрения этой технологии на другие платформы.
04.12.2014 состоялся вебинар, посвященный front-end разработке.
Спикером выступил:
Сергей Пузанков
Начал интересоваться веб-разработкой 13 лет назад. Создает интерфейсы Яндекса с 2008 года. Сейчас руководит группой разработки поисковых интерфейсов в Киевском офисе Яндекса.
Работал над такими сервисами как Поиск, Почта, Главная страница Яндекса, Новости, Поиск по Блогам, Помощь и др. Читает доклады в Школе Разработки Интерфейсов Яндекса и на различных конференциях по web- разработке.
Ответил на следующие вопросы:
1. Что такое Front-end?
2. Какие базовые технологии используются?
3. Почему же так классно быть фронтэндером?
"Vue.js или как наконец отказаться от React"Fwdays
У каждой технологии есть свой жизненный цикл. Со временем повышается сложность задач и появляются новые, более удобные инструменты для решения этих задач. Настало время посмотреть на них.
В данном докладе мы постараемся разобраться, “а что же не так с React” и как может нам помочь Vuejs, который стремительно набирает популярность как новый трендовый фреймворк.
Make frontend development great again!
Встреча "Front-end: на старт, внимание, разработка!", Сергей ПузанковGoIT
На долгожданной встрече 05.02.2015, посвященной Front-end-у участники:
• Узнали, с чего начинать новичкам Front-end разработки
• Поняли основы Front-end разработки
• Узнали о подводных камнях в данной IT-сферы
• Переняли опыт успехов и ошибок Front-end разработчиков из Яндекс и Terrasoft
• Получили информацию о возможностях карьерного роста в сфере.
Данную презентацию подготовил для нас:
Сергей Пузанков - обладает 13-летним опытом веб-разработки, с 2008 года руководит группой разработки поисковых интерфейсов в Яндексе.
Оптимизация скорости сайта без использования AMP | Odessa Frontend Meetup #10OdessaFrontend
Можно ли получить заветные 100 баллов в PageSpeed Insights, хорошо индексироваться и всё это без AMP? Легко! Дмитрий Шевченко рассказывает как этого достичь и познакомит с инструментом для проверки скорости сайта.
Вебинар по Frontend: Профессия Frontend разработчикаGoIT
28 июля Сергей Пузанков (Frontend Tech Lead @ Luxoft) в онлайн-режиме поведал об основах направления Frontend, особенностях профессии Frontend разработчика, инструментах и путях развития с "0" в web-разработке.
TК°Conf. Организация разработки Frontend. Виталий Слободин.TKConf
Расскажу об организации процесса разработки Frontend в единый конвейер, чтобы увеличить скорость и минимизировать затраты с рисками.
Как организовать верстку макета по фантастичному макету дизайнера при этом не вогнав в когнитивный диссонанс результатом на Bootstrap.
Каким образом объединить воинствующие стороны: Frontend, Backend и дизайнеров.
Cлайдер на CSS | Odessa Frontend Meetup #16OdessaFrontend
На сегодняшний день сложно себе представить сайт, на котором не будет слайдера. И, для его подключения, используется JS код, а иногда еще и с дополнительной библиотекой. Но Влад Цугульский рассказывает как написать свой простой слайдер на чистом СSS и при этом не нагружая сайт лишним кодом.
Дмитрий Кушников — БЭМ глазами бэкенд-разработчикаYandex
Мы используем БЭМ для организации фронтенда с самого начала разработки проекта Repka.com. В докладе я расскажу об архитектуре нашего сайта и применяемых на нем технологиях Яндекса, о том, как мы пришли к i-bem, что используем в качестве шаблонизатора, как устроен наш client-side и каковы планы развития на ближайшее будущее. А также разберу плюсы БЭМ с точки зрения бэкенд-разработчика.
Frontend в режиме реального времени [05.03.15]GoIT
Встреча 05.03.2015 состоялась в совершено новом формате и состояла из двух параллельных блоков: теория + практика.
В первом блоке спикеры рассказали о:
Frontend’е, его применении и перспективах.
Доходах, развитии и первых шагах в направлении.
Порекомендовали книги, сайты и ресурсы для старта карьеры в отрасли.
В это же время, другой спикер написал рабочий сайт в реальном времени, параллельно с выступлениями коллег. В конце мы разобралим результаты и проанализировали их.
Спикерами выступили:
Сергей Пузанков – 13-летний опыт веб-разработки, с 2008 года работает в Яндексе, сейчас руководит группой разработки поисковых интерфейсов.
Александр Сидько – 7 лет веб-разработки. Уже 1.5 года работает в Яндексе на должности разработчика интерфейсов.
Павел Юрийчук – 7-летний опыт работы в IT. На данный момент занимает позицию Frontend Lead Developer в GlobalLogic. Создаёт сервисы на node.js, занимается WebRTC и прочими интересностями :)
- Выбор CMS для разработки сайта. Бесплатно — не значит дешевле.
- Поддержка сайта. Подводные камни бесплатных CMS.
- Фрилансер или штатный сотрудник. Очевидная экономия.
Microsoft Edge и платформа веб-приложений в Windows 10 / Константин Кичинский...Ontico
Microsoft Edge -- новый браузер от Microsoft с новым движком и новым интерфейсом.
Какие цели преследует Microsoft, и что это нововведение означает для веб-разработчиков?
Что нового в движке браузера по сравнению с IE, и как он будет развиваться дальше?
Движок Edge внутри Windows 10: хостинг сайтов внутри приложений и доступ к нативной функциональности.
Дорожная карта: к чему и когда готовиться?
Дизайн и разработка фронтенда.
Не секрет, что разработка интерфейсов продукта происходит на стыке двух миров: дизайна и технологий. Мы проанализируем основные тенденции в мире UI и веб-дизайна, рассмотрим новые инструменты и проследим влияние современных веб-технологий на повседневную работу дизайнеров.
Вадим Пацев, Яндекс
Руководитель отдела разработки интерфейсов. В Яндексе с 2008 года, побывал в роли и дизайнера, и разработчика интерфейсов. Интересуется быстрым прототипированием и визуальными возможностями современных веб-технологий.
1. Менеджмент пакетов с помощью Bower.
2. Организация модулей через RequreJS.
3. Backbone
4. Классовый подход вместо прототипного
5. Сборка приложения с помощью Grunt
Good front end - bad front-end (Vladimir Gutorov)LumoSpark
Или что отличает хорошего и плохого front end разработчика.
На воркшоп "Web Development Advanced" спикер Vladimir Gutorov - team lead и вдохновитель технической команды
- Роль FrontEnd в процессе разработки
- IDE (Integrated Development Environment) Cloud9 + WP или как подружится с back and разработчиком
Владимир Гриненко "Инструменты фронтенд-разработчика"Yandex
Вместо того чтобы служить роботам, мы пишем код для людей: его приятно писать, удобно читать и легко понимать. При этом нам больше не нужно делать рутинную работу, всё автоматизировано специально разработанными инструментами. Они превращают красивый код в эффективный. Мы заставили роботов работать на разработчика, о чём и хотим рассказать. Кроме того, в докладе прозвучат идеи и советы, как написать свой собственный инструмент, если вам не достает существующего арсенала.
Евгений Батовский, Николай Птущук "Современный станок верстальщика"Yandex
Рассказ о том, что представляет собой наш «станок» верстальщика сегодня. Рассказывается с примерами, какие браузеры поддерживаем, как производим кроссбраузерное тестирование и какие инструменты используем, готовя проект к выходу в свет.
Олег Мохов "Куда движется вёрстка и верстальщики Яндекса"Yandex
15 октября 2011, Я.Субботник в Алматы
Олег Мохов "Куда движется вёрстка и верстальщики Яндекса"
О докладе:
Стремительное развитие браузеров и технологий требует от верстальщиков высокой скорости изучения и внедрения новых возможностей в существующую вёрстку. В докладе будет показано, как без изменения HTML можно значительно улучшить «старую вёрстку», а также куда смотрят верстальщики, кроме чейнджлогов браузеров, и чем ещё, кроме вёрстки, они занимаются.
Обилие устройств с высоким разрешением экранов подталкивает разработчиков к использованию пиктограмм в векторных форматах. Шрифтовые иконки так и не стали универсальным средством из-за проблем с отображением. В докладе Владимир расскажет об использовании SVG для пиктограмм: о том, как собрать файл с контурами, как добавить их на страницу и как избежать типичных проблем.
Олег Мохов "Куда идём мы с Пятачком, или О том, куда движется вёрстка и верст...Yandex
2 июля 2012, Я.Субботник в Екатеринбурге
Олег Мохов "Куда идём мы с Пятачком, или О том, куда движется вёрстка и верстальщики Яндекса"
О докладе:
«Куда идём мы с Пятачком, большой-большой секрет, и не расскажем мы о нём...», но сегодня мы расскажем куда идёт верстка и верстальщики Яндекса, какими современными технологиями мы уже пользуемся, а на какие активно засматриваемся.
Михаил Корепанов "Скорость рендеринга страниц: исследования, замеры, автомати...Yandex
28 мая 2011, Я.Субботник в Киеве
Михаил Корепанов "Скорость рендеринга страниц: исследования, замеры, автоматизация"
О докладе:
В докладе подробно разобрано, что влияет на скорость отрисовки страниц, как ее измерить и как оптимизировать, включая вопрос автоматизации процесса тестирования скорости отрисовки в разных браузерах.
Действительно ли нужно уделять время оптимизации скорости рендеринга страниц или достаточно оптимизировать только скорость загрузки? Что такое reflow и repaint и как это влияет на время отрисовки страниц? Что использовать для измерения времени reflow и repaint? Как автоматизировать процесс тестирования скорости рендеринга страниц в большом количестве браузеров?
Построение собственного JS SDK — зачем и как?buranLcme
Многие разработчики любят делать свои велосипеды, но не все задумываются зачем. Мы расскажем о том, зачем вам может понадобится собственный JavaScript SDK и полезно ли кататься на велосипедах.
Мы делали собственный JS SDK для того, чтобы дать возможность создания плагинов в рамках большой enterprise системы - <b>Parallels Automation</b> и <b>Plesk Panel</b>. Сам SDK является частью общего стандарта <b>APS</b>, который является шиной, объединяющей все наши продукты по автоматизации. Обе панели брендируются и мы должны были сохранить брендинг при уже существующей кодовой базе верстки и существующих правилах оформления. И главное - надо было дать возможность создания UI сторонним девелоперам, которые могут иметь абсолютно разный уровень - от пришедших бекэндеров до профессиональных js-разработчиков.
Александр Русаков - TypeScript 2 in actionMoscowJS
В докладе речь пойдет об основных нововведениях TypeScript 2.0 и 2.1 (literal types, discriminated unions, mapped types...) и их использовании в реальных проектах.
Виктор Розаев - Как не сломать обратную совместимость в Public APIMoscowJS
Представьте что у вас есть публичный JavaScript API. Им пользуются сторонние девелоперы от Индии до Канады, чтобы писать свои облачные сервисы. Эти сервисы продают телекомуникационные компании с многомиллиардными оборотами превышающими стоимость вашей компании. Любая остановка сервиса - миллионные убытки. Представили? А нам и представлять не надо - это наша работа. Добро пожаловать в нашу реальность. В рамках доклада мы расскажем о том, как сохранить обратную совместимость при активном развитии и неизвестных пользователях, ну и причем тут вообще интерны.
Контекст в React, Николай Надоричев, MoscowJS 31MoscowJS
Контекст стал документированной фичей сравнительно недавно, но его использование либо осуждается, либо не понимается. Такие библиотеки как react-redux или react-router успешно используют для своих нужд. В докладе рассмотрим основные аспекты работы с контекстом: зачем он нужен и какие проблемы решает.
Верстка Canvas, Алексей Охрименко, MoscowJS 31MoscowJS
Зачем? Как и когда нужно создавать пользовательский интерфейс с помощью Canvas и как обогнать React Native - обо всем этом вы узнаете из этого доклада.
Веб без интернет соединения, Михаил Дунаев, MoscowJS 31MoscowJS
This document discusses progressive web apps and how they can work offline through the use of service workers and caching. It provides examples of how to register a service worker to cache assets and provide offline fallback pages. It also covers how to implement features like sync, app manifests, and install prompts to make the web app experience more app-like.
Команда разработчиков Angular2 провела огромную работу над Change Detector, он стал быстрым и "умным". В докладе рассмотрим две основные фазы Angular2 приложения, куда все таки делся $apply(), и почему Angular2 обещает быть фантастически быстрым (в сравнении с AngularJs).
Создание WYSIWIG-редакторов для веба, Егор Яковишен, Setka, MoscowJs 33MoscowJS
В 2016 году интернет-изданиям недостаточно просто писать интересные материалы, нужно быстро и качественно их оформлять и показывать на разных устройствах. Я расскажу о нашем опыте создания JS-редактора, с помощью которого ежедневно публикуются десятки постов для 3 миллионов читателей.
"Опыт разработки универсальной библиотеки визуальных компонентов в HeadHunter...MoscowJS
При увеличении количества проектов в компании, разработчики сталкиваются с задачей унификации кодовой базы. Решением подобной задачи может быть библиотека, фреймворк или общий набор компонент. Такой инструмент позволит разработчикам сконцентрироваться только на новых задачах, избежать дублирования кода и повысить производительность.
В HeadHunter с такой задачей столкнулись в 2014 году. Решением данной проблемы стало создание унифицированной библиотеки компонент, которая успешно используется на всех проектах HH. В своем докладе я хотел бы поделиться опытом развития библиотеки, проблемами, которые возникали при разработке, и их последовательным решением.
"Во все тяжкие с responsive images", Павел Померанцев, MoscowJS 29MoscowJS
Разработчики давно ищут способы оптимизации размера изображения без потери качества. Если вы готовы пуститься во все тяжкие, я расскажу как это сделать. Профит гарантирован!
"AMP - технология на три буквы", Макс Фролов, MoscowJS 29MoscowJS
Для большинства пользователей мобильный интернет полон боли и страданий. При том что пользователей становится только больше — проблема не решается, а становится острее. Вас ожидает увлекательнейший доклад о том, как удалось разогнать до космической скорости мобильную Lenta.ru.
16. SVG USE EXTERNAL FILE
16
Плюсы:
• Полная поддержка возможностей SVG
• Можно кешировать
Минусы:
• Не работает в IE
• Файл должен лежать на том же домене
22. FONTFACE
22
Плюсы:
• Самая лучшая поддержка среди браузеров
• Можно кешировать
Минусы:
• Ограниченные возможности SVG
• Возможны проблемы на некоторых устройствах
23. СРАВНЕНИЕ
Тип CSS Стабильность
SVG USE Любую часть изображения +
background-image Только целое изображение +
FontFace Только целое изображение -
23
24. БРАУЗЕРЫ
Тип Поддержка Fallback
SVG USE Chrome, Opera, FF, Safari, IE9+ SVG for Everybody(IE9+) extrenal
24
file only
background-image Chrome, Opera, FF, Safari, IE9+ PNG (IE8)
FontFace Chrome, Opera, FF, Safari, IE8+