Растите сильную команду. Топ-5 курсов Яндекс Практикума для IT

👾 Технологии меняются каждый день — проверено Яндексом.

Мы ощущаем перемены на своих проектах. Постоянные вызовы, новые инструменты, штормы на рынках. Знаем, как важно, чтобы команда быстро развивалась и адаптировалась к изменениям. Поэтому создаём актуальное обучение, которое соответствует реальным задачам IT-сферы.

Нам доверяют: 5000+ компаний уже обучили 36 000+ сотрудников в Яндекс Практикуме.

👉 Вот топ-5 курсов, которые выбирали компании для развития IT-команд в 2025 году:

— SQL для работы с данными и аналитики
— DevOps для эксплуатации и разработки
— Python-разработчик
— Архитектура программного обеспечения
— Управление командой разработки
— Навыки аргументации

👉 Подобрать курс

Реклама, АНО ДПО “Образовательные технологии Яндекса”, ИНН 7704282033, erid: 2Vtzqxi5BbW

CI/CD для чайников

Как автоматизировать рутину в разработке на примере настройки CI в GitLab репозитории.

https://habr.com/ru/articles/895946/

React Explorer

Еще один инструмент, позволяющий построить граф зависимостей, причем интерактивный. Вы можете выбирать элементы на сайте и он будет подсвечивать нужное дерево зависимостей.

https://react-explorer.com/

Реализация простой и эффективной системы отмены действий

Использовние двух стеков — undoStack и redoStack — для управления отменой и повтором действий, избегая сложностей, связанных с указателями и индексами в массиве.

https://blog.julik.nl/2025/03/a-tiny-undo-stack

Как работает заголовок Cache-Control

Статья о том, как различные браузеры обрабатывают заголовок и как с помощью него можно улучшить производительность и инвалидировать устаревшие данные.

https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/

Как улучшить UX-дизайн форм

Типы форм, их структура и лучшие практики: логичное построение, понятные подписи, ёмкие сообщения об ошибках, инлайн валидация.

https://blog.logrocket.com/ux-design/better-form-design-ux-tips-tools-tutorial/

Apache ECharts для визуализации данных

Таня Раския рассказывает как интегрировать Apache ECharts в React-приложение: как установить библиотеку, использовать компонент echarts-for-react и настраивать графики. Также приводит примеры кастомизации и обновления данных в диаграммах.

https://tania.dev/apache-echarts-react/

Первый взгляд на attr() в CSS

Ахмад Шадид рассказывает о работе attr(), его преимуществах и где его удобно применять.

https://ishadeed.com/article/modern-attr/

Cover Flow на современном CSS

Эдди Османи проводит небольшой исторический экскурс в Cover Flow, популяризированный Apple. А также предлагает современный подход к воссозданию этого эффекта с использованием только HTML и CSS, опираясь на CSS Scroll Snap и Scroll-Driven Animations API.

https://addyosmani.com/blog/coverflow/

Решаем проблемы, связанные с загрузкой ресурсов, блокирующих рендер

О методах оптимизации загрузки блокирующих ресурсов: инлайнинг критического CSS, отложенная загрузка некритических стилей и скриптов, а также удаление неиспользуемого кода, с целью улучшения показателей FCP и LCP.

https://blog.logrocket.com/eliminate-render-blocking-resources-css-javascript/

Создаем LQIP изображения с помощью CSS

Cпособ создания размытых изображений-плейсхолдеров с помощью одной CSS-переменной и радиальных градиентов. Изображение кодируется в целое число и декодируется средствами CSS прямо в браузере. Метод обеспечивает мгновенное отображение плейсхолдера.

https://leanrada.com/notes/css-only-lqip/

Современные и малоизвестные фичи JS

Несколько фич JS, которые давно или недавно доступны разработчикам, но редко используются: Promise.withResolvers, .at(), replace c коллбеком, structuredClone и еще несколько.

https://jem-space.ru/js-features/

Lighthouse Scoring Calculator

Простой калькулятор, который показывает как каждая метрика влияет на суммарное количество баллов

https://googlechrome.github.io/lighthouse/scorecalc/

Топ 5 ошибок в CSS меню навигации

Частые ошибки, которые допускают разработчики при реализации навигации. Обратите на них внимание, и вашим меню станет пользоваться намного удобнее.

https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes

Глубокое погружение в React Reconciliation

Подробное объяснение, как React обновляет DOM с помощью алгоритма reconciliation, как React сохраняет или сбрасывает состояние в зависимости от типа и позиции элементов в дереве компонентов. Плюсом обсуждаются внутренние структуры React и даются советы по оптимизации производительности.

https://cekrem.github.io/posts/react-reconciliation-deep-dive/

Погружаемся в работу сети

Как данные передаются от сервера к вашему устройству? Подробная статья о модели OSI и TCP/IP, а также протоколах TCP, UDP и HTTP. Пошаговое описание того, как данные проходят через различные уровни сетевой модели, превращаясь из запроса в браузере в электрические сигналы, которые пересекают океаны, чтобы достичь вашего экрана.

https://www.deepintodev.com/blog/how-data-travels-the-world-to-reach-your-screen

Добавляем визуальных эффектов с backdrop-filter

Методы комбинирования backdrop-filter с другими CSS-эффектами для создания сложных и интересных дизайнов

https://css-tricks.com/using-css-backdrop-filter-for-ui-effects/

Создание перекидного табло на JS

Пошаговый процесс создания анимации табло аэропорта с помощью GSAP.

Демо: https://codepen.io/jh3y/pen/yyLmeJd

https://craftofui.substack.com/p/time-travel-with-javascript

<dl> — еще одна находка, которую вы никогда не используете

Если вы никогда не слышали про элемент <dl>, то вы не одиноки 😁
Для него не так много кейсов, но отображение списков состоящих из пар ключ-значение — самое то!

https://christianheilmann.com/2025/04/18/keeping-it-on-the-dl-another-html-gem-you-never-use/

Продвинутый React в дикой природе

Сборник кейсов от инженерных команд, использующих React и Next.js в крупных проектах за последние пару лет.

Рассматриваются реальные примеры оптимизации производительности, такие как улучшение метрики INP, переход от клиентского к серверному рендерингу и внедрение современных подходов к управлению состоянием и маршрутизации.

https://largeapps.dev/case-studies/advanced/

Новый API Cookie Store

Асинхронный и структурированный способ управления куками в браузерах.
3 ключевых преимущества: улучшение производительности за счёт асинхронного доступа, возможность отслеживания изменений кук через событие change и стандартизация, упрощающая создание общих SDK

https://fotis.xyz/posts/the-new-cookie-store-api/