WebGL, OpenGL и все-все-все
UfoStation-s01e07
WebGL, OpenGL и все-все-все
Гости выпуска:
— Иван Попелышев: twitter, github
— Константин Тимошенко: twitter
Заходите в https://xn--r1a.website/gamedevforweb для общения с гостями выпуска
Содержание выпуска:
- 00:00:39 - Знакомство с гостями
- 00:03:06 - Техническая потребность в WebGL
- 00:09:28 - OpenGL, DirectX и прочие API
- 00:13:27 - Как связаны WebGL и OpenGL
- 00:16:38 - Зачем WebGL, когда есть HTML, SVG, Canvas
- 00:25:18 - Примитивы в WebGL и треугольники
- 00:40:15 - Как нарисовать окружность
- 00:44:14 - Низкоуровневый дебаг WebGL
- 00:49:50 - Дебаг через библиотечные вызовы
- 00:59:26 - Использование библиотек
- 01:04:22 - Где взять коммерческий опыт WebGL
- 01:14:26 - WebGL и frontend разработчики
- 01:19:21 - Как добавить 3d модель на сайт
- 01:24:02 - Производительность
- 01:34:26 - Что происходит во время загрузки игр
- 01:38:18 - Будущее WebGL
- 01:50:52 - Сложность WebGL это нормально
Гости выпуска:
— Иван Попелышев: twitter, github
— Константин Тимошенко: twitter
Заходите в https://xn--r1a.website/gamedevforweb для общения с гостями выпуска
Содержание выпуска:
- 00:00:39 - Знакомство с гостями
- 00:03:06 - Техническая потребность в WebGL
- 00:09:28 - OpenGL, DirectX и прочие API
- 00:13:27 - Как связаны WebGL и OpenGL
- 00:16:38 - Зачем WebGL, когда есть HTML, SVG, Canvas
- 00:25:18 - Примитивы в WebGL и треугольники
- 00:40:15 - Как нарисовать окружность
- 00:44:14 - Низкоуровневый дебаг WebGL
- 00:49:50 - Дебаг через библиотечные вызовы
- 00:59:26 - Использование библиотек
- 01:04:22 - Где взять коммерческий опыт WebGL
- 01:14:26 - WebGL и frontend разработчики
- 01:19:21 - Как добавить 3d модель на сайт
- 01:24:02 - Производительность
- 01:34:26 - Что происходит во время загрузки игр
- 01:38:18 - Будущее WebGL
- 01:50:52 - Сложность WebGL это нормально
Материалы к выпуску UfoStation-s01e07
Доклады:
- Khronos, WebGL Meetup - video, pdf
- Чем мы платим за переход от div к WebGL и что получаем
Тематические сообщества в telegram:
- https://xn--r1a.website/webgl_ru
- https://xn--r1a.website/gamedevforweb
Доклады:
- Khronos, WebGL Meetup - video, pdf
- Чем мы платим за переход от div к WebGL и что получаем
Тематические сообщества в telegram:
- https://xn--r1a.website/webgl_ru
- https://xn--r1a.website/gamedevforweb
YouTube
WebGL Meetup - October 12, 2021
Presentations: https://khr.io/xd
Please join us for the next WebGL™ + WebGPU Meetup! We have an exciting lineup including the latest news from the Working Groups, and demonstrations.
Full Program (approx start times shown in hh:min:sec)
[00:00:00] Intro…
Please join us for the next WebGL™ + WebGPU Meetup! We have an exciting lineup including the latest news from the Working Groups, and demonstrations.
Full Program (approx start times shown in hh:min:sec)
[00:00:00] Intro…
Напомню, что подкаст вы можете слушать через разные платформы — https://podcast.ru/1572186425, не только через телеграм
Podcast.ru
UfoStation podcast – Podcast.ru
Мы говорим про технологии и людей, которые ими занимаются
А где про фреймы?
Видео: https://www.youtube.com/watch?v=znH3Jud-3hU
Слайды: https://bit.ly/iteaconf_frames
Видео: https://www.youtube.com/watch?v=znH3Jud-3hU
Слайды: https://bit.ly/iteaconf_frames
Небольшое видео, которое объясняет почему факториал от 0 равен 1.
Ранее сам не задумывался, а объяснение оказалось очень простым
https://www.youtube.com/watch?v=X32dce7_D48
Ранее сам не задумывался, а объяснение оказалось очень простым
https://www.youtube.com/watch?v=X32dce7_D48
YouTube
Why is 0! = 1?
Main site: http://www.misterwootube.com
Second channel (for teachers): http://www.youtube.com/misterwootube2
Connect with me on Twitter (http://twitter.com/misterwootube) or Facebook (http://fb.com/misterwootube)
Second channel (for teachers): http://www.youtube.com/misterwootube2
Connect with me on Twitter (http://twitter.com/misterwootube) or Facebook (http://fb.com/misterwootube)
Завтра планируется запись нового выпуска подкаста Станция НЛО про C++.
Уже подготовили предварительный план (он же список вопросов), но может вы хотите, чтобы были освещены какие-то конкретные вопросы?
Если такие вопросы есть, то напишите их — постараемся включить в выпуск
Уже подготовили предварительный план (он же список вопросов), но может вы хотите, чтобы были освещены какие-то конкретные вопросы?
Если такие вопросы есть, то напишите их — постараемся включить в выпуск
Знакомство с C++ и undefined behavior
UfoStation-s01e08
Знакомство с C++ и undefined behavior
Гости выпуска:
— Дмитрий Свиридкин: twitter, github
— Вячеслав Радько: twitter
- 00:01:00 - Какие проблемы решает сегодня
- 00:03:46 - Проблема Legacy кода
- 00:07:08 - Использования новых стандартов
- 00:11:57 - C++ как первый язык программирования
- 00:15:08 - Необходимый теоретический минимум
- 00:20:27 - Что спрашивают на собеседования
- 00:22:56 - Undefined Behavior
- 00:27:10 - Насколько UB мешает разработке
- 00:37:06 - Природа UB
- 00:42:08 - 1 компилятор, 1 платформа и UB
- 00:45:14 - Парадигмы и стили
- 00:56:15 - Метапрограммирование
- 01:02:36 - Особенности разработки под разные ОС
- 01:07:32 - Нужно ли знать как работает машина
- 01:10:48 - Пишем программу на C++
- 01:20:58 - Системы сборки и пакетные менеджеры
- 01:26:04 - Борьба с ошибками
- 01:30:20 - Распространение программ
- 01:35:49 - Почему C++ ругают и он до сих пор жив
- 01:42:12 - Заменит ли Rust
- 01:44:48 - Заморозка всех C++ проектов
- 01:50:07 - Напутствие
Гости выпуска:
— Дмитрий Свиридкин: twitter, github
— Вячеслав Радько: twitter
- 00:01:00 - Какие проблемы решает сегодня
- 00:03:46 - Проблема Legacy кода
- 00:07:08 - Использования новых стандартов
- 00:11:57 - C++ как первый язык программирования
- 00:15:08 - Необходимый теоретический минимум
- 00:20:27 - Что спрашивают на собеседования
- 00:22:56 - Undefined Behavior
- 00:27:10 - Насколько UB мешает разработке
- 00:37:06 - Природа UB
- 00:42:08 - 1 компилятор, 1 платформа и UB
- 00:45:14 - Парадигмы и стили
- 00:56:15 - Метапрограммирование
- 01:02:36 - Особенности разработки под разные ОС
- 01:07:32 - Нужно ли знать как работает машина
- 01:10:48 - Пишем программу на C++
- 01:20:58 - Системы сборки и пакетные менеджеры
- 01:26:04 - Борьба с ошибками
- 01:30:20 - Распространение программ
- 01:35:49 - Почему C++ ругают и он до сих пор жив
- 01:42:12 - Заменит ли Rust
- 01:44:48 - Заморозка всех C++ проектов
- 01:50:07 - Напутствие
Материалы к выпуску UfoStation-s01e08
- Путеводитель C++ программиста по неопределенному поведению
- Что такое выравнивание, и как оно влияет на работу ваших программ
Доклады:
- Ржавые кресты: Какие фичи Rust есть в CPP, если поискать
- You Can Do Better than std::unordered_map: New Improvements to Hash Table Performance
- Путеводитель C++ программиста по неопределенному поведению
- Что такое выравнивание, и как оно влияет на работу ваших программ
Доклады:
- Ржавые кресты: Какие фичи Rust есть в CPP, если поискать
- You Can Do Better than std::unordered_map: New Improvements to Hash Table Performance
GitHub
GitHub - Nekrolm/ubbook: C++ programmer's guide to undefined behavior
C++ programmer's guide to undefined behavior. Contribute to Nekrolm/ubbook development by creating an account on GitHub.
С 6–17 декабря пройдет онлайн конференция https://podlodka.io/fecrew
Имеется один бесплатный билет, хочешь его получить?
Нажми на кнопку — получишь результат!
Завтра в это же время будет выбран победитель!
*****
Победители: Tim Khazamov
Имеется один бесплатный билет, хочешь его получить?
Нажми на кнопку — получишь результат!
Завтра в это же время будет выбран победитель!
*****
Победители: Tim Khazamov
podlodka.io
Онлайн-конференция Podlodka Frontend Crew, сезон #6
Недельное мероприятие от команды Podlodka: ежедневные интерактивные сессии в Zoom по актуальным проблемам frontend-разработки, нон-стоп общение с экспертами и звёздами индустрии, закрытое профессиональное сообщество в Telegram.
Спустя полгода опубликовали доклад Браузер. Рендеринг. Производительность c Codefest — cлайды доклада
YouTube
Сергей Ufocoder Иванов. Браузер. Рендеринг. Производительность
При погружении в тему производительности разработчик может ступить на ложный путь, который, возможно, и позволит решить некоторые проблемы, связанные со скоростью отрисовки, но будет бесполезен при решении других проблем.
В данном докладе мы пройдём с вами…
В данном докладе мы пройдём с вами…
Какие ЯП подойдут в качестве первого языка программирования
Anonymous Poll
20%
Java
21%
C/C++
50%
Python
44%
JavaScript
16%
PHP
18%
Go
7%
Rust
6%
Haskell
4%
Closure
6%
Ни один из списка выше
Не думал, что опрос соберет столько реакции. Пользуясь случаем, хочу задать общественности другой вопрос: какие концепции в программировании, какую базу необходимо знать условному новичку, если на изучение у него есть 3 условных месяца?
Чтобы в дальнейшем он мог двигаться в любом интересующем его направлении
Чтобы в дальнейшем он мог двигаться в любом интересующем его направлении
Верите в совпадения? Tracing Frames 101
В конце октября я делал доклад на ITeaConf (опубликовали в ноябре), где говорил о том, почему мы не следим за отброшенными кадрами. Если кратко, потому что это сложно. В докладе я лишь упомянул о том, что ответ нужно искать в работе жизненного цикла компоновщика.
В ноябре выходит доклад Tracing Frames 101 на конференции BlinkOn 15, который как раз и раскрывает эту тему глубже — профилирование (или точнее трассировка) кадров.
Если вам интересны тонкости работы рендеринга Chromium браузера, то рекомендую видео к просмотру.
Дополнительные ссылки
- BlinkOn - youtube-канал с всеми докладами конференции;
- BlinkOn 15 — официальное описание мероприятия;
- How cc Works — документ о работе компоновщика в Chromium;
- Life of a frame — документ о жизненном цикле кадра.
В конце октября я делал доклад на ITeaConf (опубликовали в ноябре), где говорил о том, почему мы не следим за отброшенными кадрами. Если кратко, потому что это сложно. В докладе я лишь упомянул о том, что ответ нужно искать в работе жизненного цикла компоновщика.
В ноябре выходит доклад Tracing Frames 101 на конференции BlinkOn 15, который как раз и раскрывает эту тему глубже — профилирование (или точнее трассировка) кадров.
Если вам интересны тонкости работы рендеринга Chromium браузера, то рекомендую видео к просмотру.
Дополнительные ссылки
- BlinkOn - youtube-канал с всеми докладами конференции;
- BlinkOn 15 — официальное описание мероприятия;
- How cc Works — документ о работе компоновщика в Chromium;
- Life of a frame — документ о жизненном цикле кадра.
This media is not supported in your browser
VIEW IN TELEGRAM
Donut math: how donut.c works
Как написать вращающийся в пространстве пончик в консоли на JavaScript
Как написать вращающийся в пространстве пончик в консоли на JavaScript
На днях пересобрал из своих заметок доклад Браузерный рендеринг (слайды) для podlodka fecrew, если до этого не смотрели доклады на эту тему, то текущий может вполне зайти.
Немного напутал со скринами для эксперимента с моделями создания рендер процессор, но там я пересказываю, некоторые заметки из этого канала.
Немного напутал со скринами для эксперимента с моделями создания рендер процессор, но там я пересказываю, некоторые заметки из этого канала.
YouTube
Доклад: Браузерный рендеринг / Сергей Ufocoder (PropellerAds)
Как работает рендеринг, где и как мешает javascript, как оптимизировать, на какие метрики смотреть и многое другое в докладе на неделе "JavaScript под капотом".
Слайды: https://docs.google.com/presentation/d/1_u28LPZWap3en4petA8iwOn8Oy5X8W_ubICgOQMFkiA
…
Слайды: https://docs.google.com/presentation/d/1_u28LPZWap3en4petA8iwOn8Oy5X8W_ubICgOQMFkiA
…
В следующем году п̶е̶р̶е̶с̶к̶а̶з̶ы̶в̶а̶т̶ь̶ делать доклады про рендеринг не собираюсь — пора переключиться на другую большую тему, погружение в которую слишком долго откладывал. Постараюсь выдать некоторый контент на тему приватности и/или анонимности с точки зрения браузера.
👍1
Возможно, вам не нужен Rust, чтобы ускорить ваш JS
Статья начала 2018 года, не знаю насколько она актуальна сегодня, вдруг в v8 для некоторых примеров из статьи что-то изменилось за это время, однако сами подходы к оптимизации JavaScript кода довольно интересны и неожиданны. И почему я раньше не читал статьи от Вячеслава Егорова
Русский перевод: https://habr.com/ru/post/350018/
Оригинал: https://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html
Статья начала 2018 года, не знаю насколько она актуальна сегодня, вдруг в v8 для некоторых примеров из статьи что-то изменилось за это время, однако сами подходы к оптимизации JavaScript кода довольно интересны и неожиданны. И почему я раньше не читал статьи от Вячеслава Егорова
Русский перевод: https://habr.com/ru/post/350018/
Оригинал: https://mrale.ph/blog/2018/02/03/maybe-you-dont-need-rust-to-speed-up-your-js.html
Хабр
Возможно, вам не нужен Rust, чтобы ускорить ваш JS
Несколько недель назад я обнаружил пост "Окисляем Source Maps с Rust и WebAssembly" распространяющийся по Твиттеру и расказывающий о выигрыше в производительности от замены обычного JavaScript в...
Forwarded from Defront — про фронтенд-разработку и не только (Alexander Myshov)
Defront Feed — новости веб-разработки
Мне часто попадаются небольшие новости и статьи, которые не попадают под формат канала. Такие материалы я обычно ретвичу или делюсь ими в чате канала. Долго думал, как эффективнее доносить их до аудитории. Публиковать их здесь не хочется, так как пропадёт фишка канала с дистиллированными статьями. Поэтому решил сделать отдельный канал для такого новостного контента — Defront Feed. В нём будут публиковаться новости и мини-посты, которые не попали в Defront и Defront Plus.
Приглашаю подписаться на канал. Если у вас есть какие-нибудь замечания, идеи и любой другой фидбек, то пишите мне в лс или в чат, контакты есть в описании канала.
@defront_feed
Мне часто попадаются небольшие новости и статьи, которые не попадают под формат канала. Такие материалы я обычно ретвичу или делюсь ими в чате канала. Долго думал, как эффективнее доносить их до аудитории. Публиковать их здесь не хочется, так как пропадёт фишка канала с дистиллированными статьями. Поэтому решил сделать отдельный канал для такого новостного контента — Defront Feed. В нём будут публиковаться новости и мини-посты, которые не попали в Defront и Defront Plus.
Приглашаю подписаться на канал. Если у вас есть какие-нибудь замечания, идеи и любой другой фидбек, то пишите мне в лс или в чат, контакты есть в описании канала.
@defront_feed
Менеджеры состояний
UfoStation-s01e09
Менеджеры состояний
Гости выпуска:
— Артем Арутюнян: twitter, telegram
— Александр Колесников: twitter
Содержание выпуска:
- 00:03:12 - Состояние и менеджер состояний (SM)
- 00:06:00 - Множество состояний
- 00:10:18 - Зачем SM, если есть встроенные API
- 00:12:28 - Единый интерфейс, единственный API
- 00:20:13 - Принципы, лежащие в основе SM
- 00:27:46 - Почему появляются новые SM
- 00:35:58 - Влияние SM на архитектуру приложения
- 00:42:12 - Как быть непосвященному разработчику
- 00:47:32 - Переход на новый SM в приложении
- 00:51:52 - Стандартизация API
- 00:59:41 - Проблемы больших состояний
- 01:05:18 - Синхронизация c бекэндом
- 01:09:05 - 2 менеджера состояний и 1 состояние
Слушать подкаст на других платформах
Гости выпуска:
— Артем Арутюнян: twitter, telegram
— Александр Колесников: twitter
Содержание выпуска:
- 00:03:12 - Состояние и менеджер состояний (SM)
- 00:06:00 - Множество состояний
- 00:10:18 - Зачем SM, если есть встроенные API
- 00:12:28 - Единый интерфейс, единственный API
- 00:20:13 - Принципы, лежащие в основе SM
- 00:27:46 - Почему появляются новые SM
- 00:35:58 - Влияние SM на архитектуру приложения
- 00:42:12 - Как быть непосвященному разработчику
- 00:47:32 - Переход на новый SM в приложении
- 00:51:52 - Стандартизация API
- 00:59:41 - Проблемы больших состояний
- 01:05:18 - Синхронизация c бекэндом
- 01:09:05 - 2 менеджера состояний и 1 состояние
Слушать подкаст на других платформах
🔥4
Материалы к выпуску s01e09:
- Архитектура менеджера состояния
- Ромбовидное наследование
- Ромбовидные зависимости
- ECMAScript proposal for the Record and Tuple value types
- yjs: Shared data types for building collaborative software
- BuilderIO/partytown
- Архитектура менеджера состояния
- Ромбовидное наследование
- Ромбовидные зависимости
- ECMAScript proposal for the Record and Tuple value types
- yjs: Shared data types for building collaborative software
- BuilderIO/partytown
YouTube
02. Артем Арутюнян — Архитектура менеджера состояния
Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.