Presentation about capabilities of html5 and when to start using them.
Ehnanced and upgraded version of my previous presentation about html5
There are examples - right here
http://www.slideshare.net/markiyanmatsekh/html5-examples-10660313
Павло Юрійчук — Перехід на Angular.js. Howto
1.Що таке Angular.JS на думку Менеджера і Розробника
2. Екосистема для розробки на Angular.JS
3. Причини для переходу і непереходу на Angular.JS
4. Предметна область, поради, книги
5. Ознаки, що Ви на вірному шляху
Цю презентацію значно доповнює схожа, але трохи інша. англомовна презентація Павла: "Pavlo Yuriychuk — Switching to Angular.js. Silk way"
JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядроJSFestUA
Использование различных фреймворков дает нам возможность писать быстрые приложения с минимальными затратами времени. Но за это наши пользователи платят продолжительностью первой загрузки и трафиком. Я расскажу как можно писать быстрые приложения с гораздо меньшим размером исходного кода с той же удобностью.
Павло Юрійчук — Перехід на Angular.js. Howto
1.Що таке Angular.JS на думку Менеджера і Розробника
2. Екосистема для розробки на Angular.JS
3. Причини для переходу і непереходу на Angular.JS
4. Предметна область, поради, книги
5. Ознаки, що Ви на вірному шляху
Цю презентацію значно доповнює схожа, але трохи інша. англомовна презентація Павла: "Pavlo Yuriychuk — Switching to Angular.js. Silk way"
JS Fest 2019/Autumn. Борис Могила. Svelte. Почему нам не нужно run-time ядроJSFestUA
Использование различных фреймворков дает нам возможность писать быстрые приложения с минимальными затратами времени. Но за это наши пользователи платят продолжительностью первой загрузки и трафиком. Я расскажу как можно писать быстрые приложения с гораздо меньшим размером исходного кода с той же удобностью.
Imagine that you've been given an old project, a Food Delivery app, with the backend written in Laravel 8 and PHP 8.0. The web and mobile interfaces communicate with the backend through an API, but it's currently performing poorly with an average response time of 600ms. The product owner has requested you to optimize the performance and wonders if it's possible to reduce it by a factor of 10. What would you do?
Topics to be Covered:
Nginx Cache
Rememberable package
Redis Cache
Queues: Redis/SQS
Horizon
Octane: Swoole / Roadrunner
Upgrading PHP and Laravel
While you may be familiar with most of these points and possibly already using them, the focus will be on ensuring that you're using them correctly and effectively. In a real-world example, I will demonstrate how we managed to reduce average response times by 10 times. We'll explore what's hidden under Laravel's package magic and discuss ways to mitigate the negative impact on project performance.
By the end of this performance optimization session, you will not only have improved your performance but also gained a deeper understanding of how to utilize the Laravel framework more efficiently.
Чому саме Vue.js? Бажаєш прокачати свої знання з продуктивного FrontnEnd та отримати нові навички використання прогресивного JavaScript-фреймворка?
Приходь та дізнайся про:
Особливості VueJS в порівнянні з іншими JS Frameworks
Швидкий старт з VueJS
Можливості інтегрування компонентів VueJS у робочі сайти
Можливості розробки додатків для mobile (Android, IOS) платформи
Можливості використання в якості бібліотеки або створення повнорозмірних додатків
Івент буде корисним як для початківців, так і досвідчених фронтенд-розробників. А також всім, хто хоче бути в курсі останніх трендів фронтенд-розробки.
Imagine that you've been given an old project, a Food Delivery app, with the backend written in Laravel 8 and PHP 8.0. The web and mobile interfaces communicate with the backend through an API, but it's currently performing poorly with an average response time of 600ms. The product owner has requested you to optimize the performance and wonders if it's possible to reduce it by a factor of 10. What would you do?
Topics to be Covered:
Nginx Cache
Rememberable package
Redis Cache
Queues: Redis/SQS
Horizon
Octane: Swoole / Roadrunner
Upgrading PHP and Laravel
While you may be familiar with most of these points and possibly already using them, the focus will be on ensuring that you're using them correctly and effectively. In a real-world example, I will demonstrate how we managed to reduce average response times by 10 times. We'll explore what's hidden under Laravel's package magic and discuss ways to mitigate the negative impact on project performance.
By the end of this performance optimization session, you will not only have improved your performance but also gained a deeper understanding of how to utilize the Laravel framework more efficiently.
Чому саме Vue.js? Бажаєш прокачати свої знання з продуктивного FrontnEnd та отримати нові навички використання прогресивного JavaScript-фреймворка?
Приходь та дізнайся про:
Особливості VueJS в порівнянні з іншими JS Frameworks
Швидкий старт з VueJS
Можливості інтегрування компонентів VueJS у робочі сайти
Можливості розробки додатків для mobile (Android, IOS) платформи
Можливості використання в якості бібліотеки або створення повнорозмірних додатків
Івент буде корисним як для початківців, так і досвідчених фронтенд-розробників. А також всім, хто хоче бути в курсі останніх трендів фронтенд-розробки.
Just as we moved from PC to mobile recently, we are going to experience a new major shift: from mobile to wearables. What chellenges it brings, and how will our lives change - these are the main quetions to consider
2. ПЛАН ПРЕЗЕНТАЦІЇ
• Вступ
• Історія
• Детальніше про фічі
• Як і чому юзають html5
• Висновки
• Запитання + приклади
3. ЩО ТАКЕ HTML5?
Wiki каже:
HTML5 is a language for structuring and presenting content for the World Wide Web
HTML5:
- давно очікуване вирішення проблем з клієнтським вебом
- адаптація до сучасних вимог вебу
- домовленість між «всіма» про краще життя
- зачіпає значно більше, ніж html
- документація написана не тільки для дизайнерів і девелоперів, а
й для розробників браузерів
«So this is the problem that HTML5 set out to solve: to provide a standardized API, implemented
natively and consistently in multiple browsers, without having to rely on third-party plugins.»
5. ЗМІНИ
Основні принципи при розробці HTML5:
1. Підтримувати те, що вже існує
2. Мостити натоптані дороги
3. Пріоритети:
• Користувачі
• Девелопери + дизайнери
• Реалізатори браузерів
• Розробники документації
• Здоровий глузд
12. Multimedia
Нарешті!
- Теги <audio> і <video> з очікуваним функціоналом
- Вбудований програвач
- API для управління потоком зі скриптів
- Працює у всіх сучасних браузерах (правда не без проблем з форматами)
jPlayer- зручна бібліотека для jQuery
13. Graphics
Растрова графіка
Ніякої інформації про
створені об’єкти з боку
HTML
Вища продуктивність
Повний сапорт(з
exCanvas для ІЕ)
Векторна графіка
Всі елементи
записуються як XML-
сутності
Нижча продуктивність
Старший, але менше
сапорту
Canvas
Svg
17. Device Access
Geolocation!
navigator.geolocation.getCurrentPosition(callback); // тут вискакує попапка
function callback(geoPos) {
var latitude = geoPos.coords.latitude;
var longitude = geoPos.coords.longitude
var street = geoPos.address.street;// не на всіх браузерах
}
var watchID = navigator.geolocation.watchPosition(onUpdateLocation);
navigator.geolocation.clearWatch(watchID)// закінчити стеження
21. Connectivity
+
• Двосторонній зв’язок
• Новий протокол
• Невелика свобода на
транспортному рівні
• Складнощі для сервера
• Односторонній зв’язок
• Надбудова над Http
• Налагодження транспортного
рівня
• Простіша реалізація