Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Применение графических ускорителей в браузерахAlex Musayev
Доклад содержит результаты микроисследования на тему развития и возможного применения технологий аппаратного ускорения графики в распространенных веб браузерах, а так же анализ того, как новые технические возможности могут повлиять на развитие веб-приложений (в первую очередь, с клиентской стороны).
Тезисы: технологии и стандарты аппаратного ускорения, применимые в вебе (WebGL, Direct2D); поддержка ускорителей в браузерах, как общий тренд; реализованные и запланированные возможности: ранние сборки Firefox 3.7, IE 9, WebKit, Opera; практическое применение (улучшенная производительность при рендеринге страниц; 2D и 3D анимация средствами HTML5, CSS3 и JavaScript, без задействования внешних плагинов; сглаживание экранных шрифтов); развитие функциональности и сфер применения веб приложений.
Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Применение графических ускорителей в браузерахAlex Musayev
Доклад содержит результаты микроисследования на тему развития и возможного применения технологий аппаратного ускорения графики в распространенных веб браузерах, а так же анализ того, как новые технические возможности могут повлиять на развитие веб-приложений (в первую очередь, с клиентской стороны).
Тезисы: технологии и стандарты аппаратного ускорения, применимые в вебе (WebGL, Direct2D); поддержка ускорителей в браузерах, как общий тренд; реализованные и запланированные возможности: ранние сборки Firefox 3.7, IE 9, WebKit, Opera; практическое применение (улучшенная производительность при рендеринге страниц; 2D и 3D анимация средствами HTML5, CSS3 и JavaScript, без задействования внешних плагинов; сглаживание экранных шрифтов); развитие функциональности и сфер применения веб приложений.
Расскажу про мотивацию и трудности создания сервиса скриншотов веб-страниц на базе headless chrome и puppeteer. Наличие готовых инструментов еще не означает наличие готового сервиса.
JS Lab2017_Redux: время двигаться дальше?_Екатерина ЛизогубоваGeeksLab Odessa
JS Lab2017, 25 марта, Одесса
Redux: время двигаться дальше?
Екатерина Лизогубова (Coach at JavaScript.Ninja)
React + Redux стал стандартом де-факто в разработке приложений на React. Говорим React - подразумеваем Redux. Говорим Redux - подразумеваем React. Однако спустя два года активного использования подобного стека у меня накопилось множество проблем: решаемых и не очень. Так что же - пришло время двигаться дальше на волнах хайпа или старый друг лучше новых двух? Как Redux отравляет жизнь и что с этим делать.
Все материалы: http://jslab.in.ua/
Организаторы: http://geekslab.org.ua/
TК°Conf. Организация разработки Frontend. Виталий Слободин.TKConf
Расскажу об организации процесса разработки Frontend в единый конвейер, чтобы увеличить скорость и минимизировать затраты с рисками.
Как организовать верстку макета по фантастичному макету дизайнера при этом не вогнав в когнитивный диссонанс результатом на Bootstrap.
Каким образом объединить воинствующие стороны: Frontend, Backend и дизайнеров.
В скором времени, Unity получит поддержку еще одной платформы — WebGL, что позволит запускать игры в браузере без каких-либо плагинов. Валентин покажет, как работает процесс паблишинга, подробно остановится на IL2CPP — внутренней разработке Unity, которая и делает всю основную магию, а так же расскажет о дальнейших планах внедрения этой технологии на другие платформы.
Быстрый рендеринг с DOM шаблонизаторами / Борис Каплуновский (aviasales.ru)Ontico
1. Типы шаблонизаторов DOM/innerHTML.
2. Внутренности AngularJS и почему он тормозит.
3. Внутренности ReactJS и почему он тормозит.
4. Менее раскрученные решения Blaze/PaperclipJS/Riot и что там сделано лучше.
5. Плюсы и минусы virtualdom.
6. Работа с DOM может быть быстрее, если:
6.1 Использовать одни и те-же участки DOM несколько раз.
6.2 Сокращать количество reflow с DocumentFragment.
6.3 Быстрое создание повторяющихся участков DOM с помощью cloneNode.
6.4 Создавать куски DOM ahead of time.
7. Встречаем temple - шаблонизатор, работающий в разы быстрее reactjs и не требующий загрузки 40k библиотеки времени исполнения.
Java/Scala Lab: Юрий Литвиненко - Living in Heroku GeeksLab Odessa
Рассказ о том, каково это – жить в heroku с чем-то чуть более сложным, чем pet-project или прототип. Какие сокровища и подводные камни таит в себе море PAAS?
Что можно, а что нельзя сделать на этой платформе? Подходит ли heroku для хостинга java/scala приложений? Ответы на эти и многие другие вопросы – в этом докладе
HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico
DOM - удобная абстракция, но обладая развесистой моделью, она медленна и ограничивает разработчика в применении эффектов. Тезис "DOM - это медленно" действительно справедлив - любое его изменение создает волну событий по документу и, если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM-модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимации и всячески расстраивает пользователей и разработчиков.
В докладе будет рассмотрен вывод HTML/CSS контента в "бездомном" режиме через WebGL, что позволяет веб-разработчикам использовать возможности современных 3D-ускорителей для реализации эффектов и производительности доступных современным игровым движкам.
В этом докладе:
- подходы к решению проблемы медленного DOM;
- существующие решения: react-canvas, методология Netflix;
- поиск идеального решения для оптимизации производительности;
- рендеринг HTML/CSS через WebGL, знакомство с HTML GL;
- ограничения и рекомендации.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
HTML5 Web Components: следующий шаг к модульности вашего проекта / Андрей Рах...Ontico
На сегодняшний день frontend-технологии - одна из наиболее динамично развивающихся отраслей информационных технологий. Появилось множество реализаций известных шаблонов проектирования, написаны тысячи строк Javascript-кода и потрачены сотни часов на stackoverflow для понимания работы этого самого кода. Несмотря на различные подходы, все эти инструменты служат нескольким важным принципам: снижению сложности, улучшению модульности и архитектуры в целом.
HTML5 Web Components стандартизируют эти идеи, прошедшие через огонь, воду и тяжелые Javascript-фреймворки. Мы поделимся опытом внедрения Web Components в проект с объемной single-page логикой, расскажем, как удобнее работать с веб-компонентами, принимая во внимание текущее состояние реализации, а также дадим советы, где постелить соломы при вашем собственном старте работы с веб-компонентами.
Основные моменты доклада:
— Для каких проектов Web Components будут полезны в первую очередь;
— Действительно ли Web Components настолько удобны? Примеры “до” и “после”;
— Текущие проблемы реализации в браузерах и их решение;
— Как быть с текущими фреймворками и шаблонизаторами: что можно подружить, а от чего проще отказаться;
— Как начать интегрировать Web Components в текущее решение и на какие стороны вашего проекта обратить особое внимание.
Rangkuman dari dokumen tersebut adalah:
1. Penelitian ini bertujuan untuk merancang tata kelola layanan TI berbasis ITIL pada service desk Hasnur Group.
2. Dilakukan penilaian tingkat kematangan proses layanan saat ini menggunakan model ITIL dan dibandingkan dengan harapan manajemen untuk mengidentifikasi kesenjangan.
3. Solusi yang diusulkan untuk menutup kesenjangan tersebut mengacu pada panduan-panduan yang ada
Расскажу про мотивацию и трудности создания сервиса скриншотов веб-страниц на базе headless chrome и puppeteer. Наличие готовых инструментов еще не означает наличие готового сервиса.
JS Lab2017_Redux: время двигаться дальше?_Екатерина ЛизогубоваGeeksLab Odessa
JS Lab2017, 25 марта, Одесса
Redux: время двигаться дальше?
Екатерина Лизогубова (Coach at JavaScript.Ninja)
React + Redux стал стандартом де-факто в разработке приложений на React. Говорим React - подразумеваем Redux. Говорим Redux - подразумеваем React. Однако спустя два года активного использования подобного стека у меня накопилось множество проблем: решаемых и не очень. Так что же - пришло время двигаться дальше на волнах хайпа или старый друг лучше новых двух? Как Redux отравляет жизнь и что с этим делать.
Все материалы: http://jslab.in.ua/
Организаторы: http://geekslab.org.ua/
TК°Conf. Организация разработки Frontend. Виталий Слободин.TKConf
Расскажу об организации процесса разработки Frontend в единый конвейер, чтобы увеличить скорость и минимизировать затраты с рисками.
Как организовать верстку макета по фантастичному макету дизайнера при этом не вогнав в когнитивный диссонанс результатом на Bootstrap.
Каким образом объединить воинствующие стороны: Frontend, Backend и дизайнеров.
В скором времени, Unity получит поддержку еще одной платформы — WebGL, что позволит запускать игры в браузере без каких-либо плагинов. Валентин покажет, как работает процесс паблишинга, подробно остановится на IL2CPP — внутренней разработке Unity, которая и делает всю основную магию, а так же расскажет о дальнейших планах внедрения этой технологии на другие платформы.
Быстрый рендеринг с DOM шаблонизаторами / Борис Каплуновский (aviasales.ru)Ontico
1. Типы шаблонизаторов DOM/innerHTML.
2. Внутренности AngularJS и почему он тормозит.
3. Внутренности ReactJS и почему он тормозит.
4. Менее раскрученные решения Blaze/PaperclipJS/Riot и что там сделано лучше.
5. Плюсы и минусы virtualdom.
6. Работа с DOM может быть быстрее, если:
6.1 Использовать одни и те-же участки DOM несколько раз.
6.2 Сокращать количество reflow с DocumentFragment.
6.3 Быстрое создание повторяющихся участков DOM с помощью cloneNode.
6.4 Создавать куски DOM ahead of time.
7. Встречаем temple - шаблонизатор, работающий в разы быстрее reactjs и не требующий загрузки 40k библиотеки времени исполнения.
Java/Scala Lab: Юрий Литвиненко - Living in Heroku GeeksLab Odessa
Рассказ о том, каково это – жить в heroku с чем-то чуть более сложным, чем pet-project или прототип. Какие сокровища и подводные камни таит в себе море PAAS?
Что можно, а что нельзя сделать на этой платформе? Подходит ли heroku для хостинга java/scala приложений? Ответы на эти и многие другие вопросы – в этом докладе
HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico
DOM - удобная абстракция, но обладая развесистой моделью, она медленна и ограничивает разработчика в применении эффектов. Тезис "DOM - это медленно" действительно справедлив - любое его изменение создает волну событий по документу и, если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM-модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимации и всячески расстраивает пользователей и разработчиков.
В докладе будет рассмотрен вывод HTML/CSS контента в "бездомном" режиме через WebGL, что позволяет веб-разработчикам использовать возможности современных 3D-ускорителей для реализации эффектов и производительности доступных современным игровым движкам.
В этом докладе:
- подходы к решению проблемы медленного DOM;
- существующие решения: react-canvas, методология Netflix;
- поиск идеального решения для оптимизации производительности;
- рендеринг HTML/CSS через WebGL, знакомство с HTML GL;
- ограничения и рекомендации.
Субъективная точка зрения на фронтенд разработку.
Площадка: IT-бар КЛЮЧ, https://vk.com/event69759919
Видео с доклада: https://www.youtube.com/watch?v=pyAYbbDJjPo
HTML5 Web Components: следующий шаг к модульности вашего проекта / Андрей Рах...Ontico
На сегодняшний день frontend-технологии - одна из наиболее динамично развивающихся отраслей информационных технологий. Появилось множество реализаций известных шаблонов проектирования, написаны тысячи строк Javascript-кода и потрачены сотни часов на stackoverflow для понимания работы этого самого кода. Несмотря на различные подходы, все эти инструменты служат нескольким важным принципам: снижению сложности, улучшению модульности и архитектуры в целом.
HTML5 Web Components стандартизируют эти идеи, прошедшие через огонь, воду и тяжелые Javascript-фреймворки. Мы поделимся опытом внедрения Web Components в проект с объемной single-page логикой, расскажем, как удобнее работать с веб-компонентами, принимая во внимание текущее состояние реализации, а также дадим советы, где постелить соломы при вашем собственном старте работы с веб-компонентами.
Основные моменты доклада:
— Для каких проектов Web Components будут полезны в первую очередь;
— Действительно ли Web Components настолько удобны? Примеры “до” и “после”;
— Текущие проблемы реализации в браузерах и их решение;
— Как быть с текущими фреймворками и шаблонизаторами: что можно подружить, а от чего проще отказаться;
— Как начать интегрировать Web Components в текущее решение и на какие стороны вашего проекта обратить особое внимание.
Rangkuman dari dokumen tersebut adalah:
1. Penelitian ini bertujuan untuk merancang tata kelola layanan TI berbasis ITIL pada service desk Hasnur Group.
2. Dilakukan penilaian tingkat kematangan proses layanan saat ini menggunakan model ITIL dan dibandingkan dengan harapan manajemen untuk mengidentifikasi kesenjangan.
3. Solusi yang diusulkan untuk menutup kesenjangan tersebut mengacu pada panduan-panduan yang ada
This document discusses using mobile devices for teaching. It describes how presentation slides can be delivered to students via desktop computers or mobile devices. It also discusses using Twitter as a "backchannel" for students to discuss course content in real-time or after class. Concerns about using Twitter include ensuring discussions stay on topic. Classroom response systems that allow polling and surveys are also covered, along with examples of response systems like Poll Everywhere and Socrative. The document encourages trying activities where students evaluate response systems and create sample polls.
A personal narrative tells a story from the author's perspective by relating events in chronological sequence with detailed observations and inclusion of the 5 senses. It involves a protagonist overcoming a conflict to achieve a purpose such as persuading, informing, or entertaining the reader. An effective narrative follows the basic plot elements and answers the questions of who, what, where, when, why and how through sensory details to make the reader feel like they are experiencing the story.
The document is about a movement to support honesty in education at Muhammadiyah 11 High School in Surabaya. It contains numbers from 0 to 4 repeated in lines with instructions to stop cheating. In 3 lines or less.
Intro to big data choco devday - 23-01-2014Hassan Islamov
This document provides an introduction to big data and Hadoop. It discusses the growth of data from 2006 to 2020. It then introduces key concepts of Hadoop including HDFS, MapReduce, and the Hadoop ecosystem. It describes how HDFS stores and processes large datasets in a distributed manner through block storage on datanodes and metadata management by the namenode. MapReduce provides a programming model for distributed processing of large datasets across clusters. The document also discusses challenges of hardware failures and solutions in Hadoop like HDFS high availability and federation.
You’ve probably already been told that getting library work experience before you graduate is key to a successful job hunt. This session will report on preliminary results of a mixed-methods study of recent Canadian LIS graduates’ pre-professional work experiences and their subsequent career success. We’ll explore how these experiences impact your job search and what to look for in a field placement to make you the most marketable candidate possible.
Presented at OLA Super Conference 2015 on Thursday, January 29, 2015
The document discusses the evolution of postmodern architectural history and theory. It provides 11 key points about postmodernism according to Charles Jencks, including that it embraces pluralism, ambiguity, and uses irony to juxtapose opposites. Jencks also notes that postmodernism incorporates the modern, and represents a culture with a sense of departure but no clear direction. The document explores themes of postmodern architecture like historicism, eclecticism, and reconciling old and new generations.
Подводные камни, костыли и полученный опыт.
В первую очередь, рассказ ориентирован на тех, кто хочет заменить сборку Грантом или Гальпом на вебпак. Я рассмотрю тонкости настройки и необычные проблемы, с которыми мы столкнулись, ибо стандартные ситуации хорошо описаны на просторах интернета.
Евгений Батовский, Николай Птущук "Современный станок верстальщика"Yandex
Рассказ о том, что представляет собой наш «станок» верстальщика сегодня. Рассказывается с примерами, какие браузеры поддерживаем, как производим кроссбраузерное тестирование и какие инструменты используем, готовя проект к выходу в свет.
Разгоняем ASP.NET Core / Илья Вербицкий (WebStoating s.r.o.)Ontico
HighLoad++ 2017
Зал «Рио-де-Жанейро», 8 ноября, 18:00
Тезисы:
http://www.highload.ru/2017/abstracts/2905.html
Прошло более года с того момента, как Microsoft выпустила первую версию своего нового фреймворка для разработки web-приложений ASP.NET Core, и с каждым днем он находит все больше поклонников. ASP.NET Core базируется на платформе .NET Core, кроссплатформенной версии платформы .NET c открытым исходным кодом. Теперь у С#-разработчиков появилась возможность использовать Mac в качестве среды разработки, и запускать приложения на Linux или внутри Docker-контейнеров.
...
20 мая 2017 Тольятти
#frontdays
все ссылки в одном месте https://bit.ly/frontdays2017
Анастасия Горячева, Avito
О докладчике
Фронтенд тим лид в Avito. Фанат инструментов разработки для фреймфорка basis.js. В веб-разработке больше 12-ти лет. Из них 5 лет имею дело со сложными одностраничными приложениями. Последние пару лет вместе с командой пилим SPA на basis.js
О докладе
Требовательность аудитории Авито растет постоянно. Мир, технологии – всё меняется. Ожидания пользователей всё выше и выше.
Как меняемся мы сами, чтобы дарить больше радости нашим пользователям? Почему эти изменения – внезапно – помогают нам самим развиваться в профессии? Какие боли и выгоды приносит текущий стек технологий, при чем тут дизайн-платформа, есть ли жизнь без react, куда мы катим open source и что будет дальше.
Описание на сайте мероприятия https://frontdays.ru/#openreport_anastasiyagoryacheva06409663226af2f3114485aa4e0a23b4
Владимир Гриненко —Инструменты фронтенд-разработчикаYandex
Мы поговорим о том, как создать эффективный и надёжный код, переложив всю лишнюю работу на роботов. Решим проблему с разным окружением у разработчиков (vagrant), научимся писать стили удобно (roole, autoprefixer), оптимизируем получившийся CSS (clean-css, CSScomb) и графику (Imagemin, SVGO), проверим js-код (jshint, jshint-groups, jscs), убедимся, что некрасивый код не попадёт в репозиторий (git-hooks), и обсудим, как можно быстро и легко создавать новые инструменты.
Автоматизируем всё, что можно, и подумаем, что и почему — нельзя!
SERP или просто страница результатов поисковой выдачи — это действительно большой проект с огромной аудиторией. Над ним работают около 40 фронтендеров из разных городов. Эта страница показывается больше 200 000 000 раз в день. При таких размерах даже модульная архитектура уже не слишком спасала нас от странных, неочевидных зависимостей, лишних стилей и нескольких разных реализаций почти одинаковых компонентов.
Процесс разработки новой, даже довольно простой на первый взгляд фичи занимал чудовищное количество времени и представлял из себя хаотичное взаимодействие большого количества людей: фронта, бэкенда, дизайнеров и менеджеров.
Стала закрадываться мысль, что пора что-то менять. И мы поменяли.
В докладе я расскажу о том, как мы с помощью проекта на стыке фронтендеров, менеджеров, и дизайнеров, навели во всем этом идеальный порядок. Каким образом поменяли наш код процессы и инструменты, а также что нам это дало, и как будем жить с этим дальше.
Если вам знакомы похожие проблемы, то наш опыт может оказаться вам чертовски полезным.
Все знакомы с различными способами ускорения загрузки страницы. Эта тема уже давно исследована. Но в обычной ситуации при выпуске новой версии сайта у пользователя сбрасывается кеш, и ему приходится заново загружать все статические ресурсы, что увеличивает время загрузки страницы. Как сделать так, чтобы пользователь скачивал только действительно изменившиеся ресурсы? В докладе речь идет о простом, но мощном опенсорсном инструменте borschik (https://github.com/veged/borschik), который поможет ускорить загрузку в условиях постоянных релизов.
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...Ontico
Выбор системы мониторинга - это практически holy-war-ная тема среди администраторов и разработчиков. Какая система лучше? Что удобнее? Какая система сможет выдержать большое количество статистики, а какая - лучше собрать и представить данные?
В своем докладе мы попробуем предельно непредвзято рассмотреть существующие решения и понять, что и когда можно использовать.
См. тезисы - http://rootconf.ru/2015/abstracts/1746
Мониторинг в высоконагруженных (и не только) проектах: сравнительный анализ с...Anton Baranov
Выбор системы мониторинга - это практически holy-war-ная тема среди администраторов и разработчиков. Какая система лучше? Что удобнее? Какая система сможет выдержать большое количество статистики, а какая - лучше собрать и представить данные?
В своем докладе мы попробуем предельно непредвзято рассмотреть существующие решения и понять, что и когда можно использовать.
Прежде всего, мы постараемся сделать доклад не сравнением feature-листов, а рассмотреть особенности практического применения разных систем для конкретной задачи - для сайта, который не должен падать (а точнее - для возможности оперативно отреагировать на аварию, понять что к ней привело, и как можно ее исправить).
Чеклист по клиентской оптимизации / Николай Лавлинский (Метод Лаб)Ontico
РИТ++ 2017, HighLoad Junior
Зал Сингапур, 6 июня, 10:00
Тезисы:
http://junior.highload.ru/2017/abstracts/2475.html
Когда проект растёт, возникает множество проблем с масштабируемостью сервиса: БД, сервера приложений, хранилище. Однако, не менее важной становится клиентская часть веб-приложения.
Во-первых, грамотная клиентская оптимизация позволяет повысить скорость работы сервиса для пользователей и, следовательно, увеличить их лояльность, которая конвертируется в деньги.
...
21. Что еще?
grunt-remove-logging — удаление console.log()
grunt-dploy — помощь в деплое на дев/продакшн сервера
grunt-contrib-imagemin — оптимизация изображений
grunt-dev-update — обновление npm-зависимостей
И еще много всего на github.com и gruntjs.com
!21