Всем привет 👋
На новой неделе будем говорить о браузерном рендеринге 👩‍💻

Для начала, расскажу про этапы рендеринга.

📚 Материалы по теме:
— Детальный разбор браузерного рендеринга на Доке
— Этапы рендеринга на MDN Docs

🎁 Бонусный материал про определение и сокращение блокирущюих ресурсов.

💡 О чём поговорим на следующей неделе? Предлагайте свои идеи в комментариях.

✌️Второе видео о браузерном рендеринге.

В этот раз речь пойдёт о не менее популярном вопросе на собеседовании - плавные анимации 💅

✏️ Для того, чтобы разобраться в этом вопросе, необходимо понять, как анимации работают в браузере в целом.

📘 Более подробно об анимациях можно узнать в статьях:
— Reflow, Repaint, Composite - более подробное раскрытие на Medium
— Более ужатая статья в целом про работу CSS

👩‍💻 Так же JS-анимации:
— window.requestAnimationFrame() на MDN Docs
— requestAnimationFrame на CSS-Tricks, EN

👩‍💻 Бонус: Подробный разбор влияния каждого свойства CSS на производительность, EN

💡 О чём рассказать на следующей неделе? Предлагайте свои идеи в комментариях.

🖖 Всем привет.

На этой неделе рассказываю о брокерах сообщений в двух частях.

🍒 Так как эта тема достаточно обширная, в видео будут затронуты только основы очередей. С конкретными реализациями вам придётся разбираться самостоятельно.

Сейчас на рынке в основном используются три решения: RabbitMQ, Apache Kafka и AWS SQS/SNS-совместимые.

📚 А вот материалы по теме:
— Сравнение всех брокеров, Хабр
— Разбор работы с RabbitMQ, BabokSchool
— Разбор работы с Apache Kafka, BabokSchool
— Выбор между RabbitMQ и Apache Kafka, Слёрм
— Подробная статья об архитектуре с брокерами, VK Cloud

✋ Всем привет!

😭 На этой неделе я разболелся, поэтому вместо обычных двух видео будет одно. Поговорим о стратегиях рендеринга страниц в вебе.

Речь пойдёт о CSR, SSR и SSG. Возможно, вы уже встречали эти понятия или работали с ними напрямую.

🗃 Подробные материалы по теме:
— Подробно про каждую стратегию от Альфа-банка, Хабр
— Более сжатый текст на английском в контексте Next.js (React), Medium

📜 А так же список библиотек для реализации стратегий:
- CSR поддерживается в React, Vue и Angular из коробки
- SSG
— React: Next.js, Gatsby
— Vue: Nuxt.js, Gridsome
— Angluar: Angular Universal, Scully
- SSR
— React: Next.js
— Vue: Nuxt.js
— Angular: Angular Universal

💡 О чём рассказать на следующей неделе? Предлагайте свои идеи в комментариях.

🪳 Стратегии рендеринга в вебе

https://vt.tiktok.com/ZSLGRCRrH/
https://vt.tiktok.com/ZSLGRCRrH/
https://vt.tiktok.com/ZSLGRCRrH/