Алексей Фомкин, Практическое применение Web WorkersAleksey Fomkin
WebWorkers имеют глобальное покрытие в 92% по данным http://caniuse.com. Тем не менее, не всякое современное веб-приложение использует их.
В своем докладе я постараюсь передать двухлетний опыт использования WebWorkers в нашей команде для написания веб-приложений с функциональностью, которая требует выполнения тяжелых вычислений, таких как преобразование бинарых файлов из одного формата в другой и шифрование.
Расскажу про эксперименты по переносу в воркер расчета diff'ов в React-подобной системе рендеринга и покажу наивную реализацию модели акторов на основе воркеров.
Также постараюсь подготовить слушателей к новым проблемам, которые могут возникнуть при использовании веб-воркеров.
Материалы с доклада: http://getdev.net/Event/async-javascript
Рассказ о том, как работает асинхронность в JavaScript, кто стоит в очереди выполнения, почему в JavaScript никогда не будет процессорной гонки, как давать отсроченные обещания и что делать, если одна из ваших функций подхватила заразу асинхронности
The main questions this presentation awsers:
How to replace all software development support tools - bug tracker, task trackers, boards, dashboards, source control, build machines with TFS and not broke anything.
How to extend TFS with typescript and have fun doing this
Быстрый рендеринг с 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 библиотеки времени исполнения.
HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico
DOM - удобная абстракция, но обладая развесистой моделью, она медленна и ограничивает разработчика в применении эффектов. Тезис "DOM - это медленно" действительно справедлив - любое его изменение создает волну событий по документу и, если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM-модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимации и всячески расстраивает пользователей и разработчиков.
В докладе будет рассмотрен вывод HTML/CSS контента в "бездомном" режиме через WebGL, что позволяет веб-разработчикам использовать возможности современных 3D-ускорителей для реализации эффектов и производительности доступных современным игровым движкам.
В этом докладе:
- подходы к решению проблемы медленного DOM;
- существующие решения: react-canvas, методология Netflix;
- поиск идеального решения для оптимизации производительности;
- рендеринг HTML/CSS через WebGL, знакомство с HTML GL;
- ограничения и рекомендации.
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...Pavel Dovbush
История развития проекта с точки зрения клиентских технологий - от веб-сайта к появлению мобильных клиентов и смещению фокуса к mobile-first разработке. Общие черты нашей архитектуры и их отличия от стандартных решений.
Единый протокол общения с приложениями iOS/Android/WindowsMobile/MobileWeb/Web и особенности реализации для JavaScript платформ (десктопные и мобильные браузеры).
Изменение процесса разработки и подходов к реализации нового функционала для переключения на mobile-first стратегию.
"Vue.js или как наконец отказаться от React"Fwdays
У каждой технологии есть свой жизненный цикл. Со временем повышается сложность задач и появляются новые, более удобные инструменты для решения этих задач. Настало время посмотреть на них.
В данном докладе мы постараемся разобраться, “а что же не так с React” и как может нам помочь Vuejs, который стремительно набирает популярность как новый трендовый фреймворк.
Make frontend development great again!
Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Боишься складывать состояние приложения в один объект? Пугаешься слова "миддлвейр"? Не знаешь, куда класть вызовы API?
Ты не один. Расскажу, как работать с самой хипстерской Flux-библиотекой с примерами — и без риторических вопросов.
El documento describe el perfil de un estudiante y egresado de ingeniería ambiental, así como el plan de estudios y requisitos de la carrera. Un estudiante ideal tiene interés en ciencias y solución de problemas rurales. Los egresados podrán diseñar sistemas de tratamiento de agua y residuos, y evaluar impactos ambientales. El plan de estudios dura 10 semestres e incluye materias de ciencias básicas, ingeniería y ambientales.
Быстрый рендеринг с 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 библиотеки времени исполнения.
HTML GL - возьмите столько FPS, сколько вам нужно, и немного эффектов в прида...Ontico
DOM - удобная абстракция, но обладая развесистой моделью, она медленна и ограничивает разработчика в применении эффектов. Тезис "DOM - это медленно" действительно справедлив - любое его изменение создает волну событий по документу и, если десктопные браузеры могут справиться с такой нагрузкой, то мобильные и встроенные системы зачастую буксуют. Именно сложность DOM-модели не позволяет достигнуть заветных 60 FPS, создает задержки при анимации и всячески расстраивает пользователей и разработчиков.
В докладе будет рассмотрен вывод HTML/CSS контента в "бездомном" режиме через WebGL, что позволяет веб-разработчикам использовать возможности современных 3D-ускорителей для реализации эффектов и производительности доступных современным игровым движкам.
В этом докладе:
- подходы к решению проблемы медленного DOM;
- существующие решения: react-canvas, методология Netflix;
- поиск идеального решения для оптимизации производительности;
- рендеринг HTML/CSS через WebGL, знакомство с HTML GL;
- ограничения и рекомендации.
Эволюция клиентской разработки: от веба ко "всеобщей мобилизации” или mobile-...Pavel Dovbush
История развития проекта с точки зрения клиентских технологий - от веб-сайта к появлению мобильных клиентов и смещению фокуса к mobile-first разработке. Общие черты нашей архитектуры и их отличия от стандартных решений.
Единый протокол общения с приложениями iOS/Android/WindowsMobile/MobileWeb/Web и особенности реализации для JavaScript платформ (десктопные и мобильные браузеры).
Изменение процесса разработки и подходов к реализации нового функционала для переключения на mobile-first стратегию.
"Vue.js или как наконец отказаться от React"Fwdays
У каждой технологии есть свой жизненный цикл. Со временем повышается сложность задач и появляются новые, более удобные инструменты для решения этих задач. Настало время посмотреть на них.
В данном докладе мы постараемся разобраться, “а что же не так с React” и как может нам помочь Vuejs, который стремительно набирает популярность как новый трендовый фреймворк.
Make frontend development great again!
Разработка API для большого, нагруженного сервисаendeveit
Рассказ о том, что творилось с проектами kolesa.kz и krisha.kz в 2011-2012 годах и что происходит сейчас, как мы создавали с нуля API и впоследствии переезжали на него, как на лету меняли хранилища данных, как боролись с нагрузками и воевали за надежность, расскажу о граблях на которые наступили и как их можно было бы избежать.
Боишься складывать состояние приложения в один объект? Пугаешься слова "миддлвейр"? Не знаешь, куда класть вызовы API?
Ты не один. Расскажу, как работать с самой хипстерской Flux-библиотекой с примерами — и без риторических вопросов.
El documento describe el perfil de un estudiante y egresado de ingeniería ambiental, así como el plan de estudios y requisitos de la carrera. Un estudiante ideal tiene interés en ciencias y solución de problemas rurales. Los egresados podrán diseñar sistemas de tratamiento de agua y residuos, y evaluar impactos ambientales. El plan de estudios dura 10 semestres e incluye materias de ciencias básicas, ingeniería y ambientales.
This document summarizes the package inclusions and costs for a single cart franchise promotion from JC. The package includes use of the trade name and logo, business systems, signage, cart, equipment, supplies, training, and initial products valued at over PHP140,000. Setup fees include franchise fee of PHP149,888, stock costs of PHP30,000, inspection fees from PHP1,700-PHP15,000 depending on location, rental fees, and marketing fees. The franchise expects to earn a net income of PHP21,603 in the first 6 months of operation.
Modified apriori algorithm for frequent pattern miningPritish Yuvraj
This document presents a modified Apriori algorithm for frequent pattern mining. It proposes using a graph structure called Apriori-Graph to improve the time complexity over the standard Apriori algorithm. The Apriori-Graph architecture makes a single pass over the database to construct a graph with items as nodes and transactions as edges. Association rules are then extracted from the graph. Experimental results on web log data show the Apriori-Graph algorithm has better time complexity than Apriori while producing the same frequent patterns and rules. The time complexity of Apriori-Graph is O((V)(E)) where V is the number of frequent items after the first iteration, which is an improvement over the O(EN) time
Las nuevas tecnologías como los satélites, la teledetección, las fotografías aéreas, el GPS, el sistema Galileo y los sistemas de información geográfica permiten estudiar el medio ambiente de forma remota y recopilar grandes cantidades de datos, mientras que los programas de simulación y cooperación internacional facilitan el análisis y compartir de información para una mejor comprensión y protección del medio ambiente. Los drones también se han convertido en una herramienta útil para investigar zonas inaccesibles.
Tips for building responsive cloud applicationsIgor Moochnick
This document outlines an architecture for building responsive cloud applications using web roles, worker roles, queues, and clients. It presents end-to-end architectures that are trivial, realistic, and simplified. It then walks through steps for setting up a web role, sending messages to a queue, processing messages with a worker role, and notifying clients. The document concludes with a review of the overall architecture and contact information for the author.
El golfo de California, también llamado mar de Cortés o mar Bermejo, es una extensión del océano Pacífico y se ubica entre la península de Baja California y los estados de Sonora y Sinaloa, al noroeste de México. Tiene una longitud de 1126 km y su anchura varía entre los 48 y 241 kilómetros.1 En su extremo norte se encuentra la desembocadura del río Colorado. La Organización Hidrográfica Internacional define su límite sur como la línea que une la punta norte de la barra de Piaxtla (23°38'N) en Sinaloa, con el extremo sur de la península de Baja California.
E-portafolio curso Influencias de la Tecnología Josué Zúñiga
Este documento presenta un resumen de las 12 sesiones de un curso sobre las influencias de las tecnologías en la educación aplicadas a los Estudios Sociales. En las sesiones se exploraron y utilizaron diversas herramientas tecnológicas como Educaplay, Google Drive, Prezi, Powtoon, Kahoot y Timeline para apoyar la enseñanza. El estudiante aprendió sobre estas herramientas y cómo usarlas de manera efectiva en el aula.
Este documento describe el proceso de creación e implementación de una red neuronal artificial (RNA) utilizando comandos de MATLAB. Incluye la creación de la estructura de la red, el entrenamiento para ajustar los parámetros, la simulación de la red con nuevos datos, y la generación de un bloque de la red para su uso en Simulink.
The aerospace and automotive industries have been using 3D printing technology for years to create custom parts quickly, efficiently and at a lower cost.
This SlideShare will teach you about additive manufacturing, and how this growing field can help enhance your production processes and complement traditional manufacturing practices.
Este documento describe diversas tecnologías empleadas en el estudio del medio ambiente, como satélites meteorológicos y de información ambiental, el sistema de posicionamiento global GPS, la teledetección mediante fotografías aéreas e imágenes de satélite, los sistemas de información geográfica y programas de simulación e intercambio de datos ambientales a nivel internacional. El objetivo es proporcionar una visión global del planeta y facilitar la toma de decisiones mediante el manejo y análisis de grandes cantidades
presentation about Mining costs and prices of minerals
Cairo University faculty of Engineering Mining Department 2015
WE TALK about :
Costs of mining
Prices of minerals
Risk analysis
Submitted for :
Prof. Dr .Mohamed El Wageh
By:
Ahmed Mohamed Wassel
Mohamed Abdel Nabi Essa
Mahmoud Mustafa Khallaf
This paper explores the relationships between macroeconomic indicators and South Africa's minibus taxi transportation economy. It aims to bridge the gap between macro and microeconomic analyses of transportation. The paper reviews the minibus taxi market, conceptualizes it as a "mesoeconomy" subject to both micro and macro forces, and analyzes available supply and demand data. It finds the minibus economy is significantly influenced by macro-level factors like GDP, inflation, and population changes over time. The relationships are dynamic and path-dependent, suggesting a need for coordinated industrial and transportation policies to effectively address challenges in the sector.
Prometheus мониторинг микросервисных приложений / Виталий ЛевченкоOntico
Prometheus, в отличие от классических систем, даёт возможность легко поднять и поддерживать мониторинг быстро меняющихся и сложно организованных систем. Я расскажу об опыте внедрения, подводных камнях и неожиданном поведении, покажу способы быстрой конфигурации всей системы, включая уведомления и дашборды.
В дополнение к классическим проблемам мониторинга монолитного приложения, микросервисы создают массу новой головной боли для мониторинга. Расположение сервисов постоянно меняется, часто появляются новые сервисы, меняются зависимости между ними, временные job'ы запускаются в случайном месте — пропадает понятие стабильной конфигурации. Пропадает понятие продакшна: в одной среде запущено множество версий одного сервиса — при деплое, для разных сегментов аудитории, для тестов и т.п. Разработчики же при виде такого счастья склонны быстро улучшать приложение, создавать много новых метрик, постоянно убивать старые и, несмотря на это, ожидать работающий мониторинг и реакции на новые проблемы.
Prometheus построен по мотивам Google Borgmon и отлично решает эти проблемы, предоставляя инструменты для автоматического и быстрого ручного обновления конфигурации. Запустился новый сервер, новый сервис, новая версия — и они уже подключены в мониторинг. Остановились — их там нет, если не нужны. Пропала неактуальная метрика — алертинг умеет с этим жить.
После этого доклада у вас будет понимание, насколько Prometheus подходит для использования в ваших системах.
Meet Magento Belarus - Andriy Samilyak speech on 'How we have played DevOps and built an autoscale platform for Magento'
http://by.meet-magento.com/
http://amasty.com/
Александр Курдюков. Внедрение continuous delivery для гетерогенных поставок.ScrumTrek
Современный бизнес хочет как можно более быстрых поставок. Но в сложной системе полный цикл проверки и установки может занимать значительное время и требовать ручного труда. Проблем становится больше, если система гетерогенна, т.е. используется как привычный Linux, так и Windows. Мы прошли некоторый путь от полностью ручных выкаток и проверок сред к автоматизации, которая минимизирует время поставки пользователям. При этом удалось сохранить единство подхода как для Linux, так и для Windows выкаток. Доклад о том, что мы пробовали, что получилось, а что не очень. И куда можно развить полученный успех.
Практическое применение WebWorkers / Алексей Фомкин (Data Monsters)Ontico
WebWorkers имеют глобальное покрытие в 91% по данным http://caniuse.com. Тем не менее, не всякое современное веб-приложение использует их.
В своем докладе я постараюсь передать двухлетний опыт использования WebWorkers в нашей команде для написания веб-приложений с функциональностью, которая требует выполнения тяжелых вычислений, таких как преобразование бинарых файлов из одного формата в другой и шифрование.
Расскажу про эксперименты по переносу в воркер расчета diff'ов в React-подобной системе рендеринга и покажу наивную реализацию модели акторов на основе воркеров.
Также постараюсь подготовить слушателей к новым проблемам, которые могут возникнуть при использовании веб-воркеров.
Сергей Комлач "Итоги Google I/O: что нас ждет"Fwdays
Итоги Google I/O. Что нас ждет в 2016: Android N, DevTools, Daydream, Android Apps в Chrome OSи многое другое
Совсем недавно прошла ежегодная конференция Google I/O 2016, на которой было сделано ряд анонсов - новый Google Assistant, Android N, платформа Daydream, улучшенные DevTools, а так же Instant Apps и Android Apps в Chrome OS.
Я побывал на I/O и как очевидец, расскажу про все анонсы и инсайды конференции
Xp days 2019 - Why startups need SRE practicesAlexey Andreev
In Prisma we process more than 500k photos per day on the server. I would like to present why SRE practices are needed in a small company, how to implement them without pain, why it pays off, and how we reduced the number of incidents.
Как не положить тысячи серверов с помощью системы централизованного управлени...Ontico
В 2012 году мы начали внедрение CFEngine в нашу инфраструктуру. Переход на централизованное управление конфигурацией в проектах такого масштаба подобен ремонту - его невозможно закончить, его можно только прекратить. И уже весной 2013 года (в день 404 ошибки и международного дня Интернета) этот "ремонт" превратился в катастрофу и был остановлен. После 3 суток недоступности портала нам пришлось изобрести схему, которая бы физически ограничивала возможность повторения катастрофы. Схема включает в себя тестирование политик на тестовых серверах различной важности и конфигурации. "Маринование" в этой тестовой среде сопровождается автоматизированным контролем характеристик нагрузки этих серверов. Далее происходит обязательный ревью и плавное распространение последовательно по всем датацентрам.
В докладе будет рассказано:
1. почему мы выбрали CFEngine, а не Chief или Puppet;
2. как мы научили CFEngine быть дружелюбным (примеры политик и выдержки из библиотеки);
3. 100500 предпринятых мер, что бы не повторить "день 404" и соблюсти баланс между безопасностью и удобством;
4. как ещё можно использовать системы управления серверами.
This document discusses Javascript performance metrics and optimization. It covers:
1. Measuring performance is important and should be done often.
2. There are many frontend frameworks and Javascript is the most popular language, leading to performance being critical.
3. Several studies show that even small improvements to page speed can significantly increase user engagement and conversions.
4. The document provides various tools and techniques for measuring and improving performance, including RAIL principles, Lighthouse, WebPageTest, and analyzing network requests, rendering, and computation.
This document provides an overview of using Gradle to automate JavaScript application assembly, minification, and deployment tasks. It discusses installing Gradle and relevant plugins, writing a Gradle script to define tasks for combining JS files, minifying with Closure Compiler, and deploying the minified file to FTP. Examples are given for setting up the Gradle script with the necessary inputs, outputs, and dependencies between tasks. The benefits of automating these repetitive tasks with Gradle are highlighted.
25. ● Обновлеям файл
○ Браузер загружает SW, и если хотя бы 1 байт
изменен этот файл считается новым
● SW инсталируется
● Старый SW отрабатывает
● А после закрытия старый SW умирает
● После этого новый SW получает контроль
Обновление