FrontEndDev

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

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

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

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

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

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

React Explorer

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

https://react-explorer.com/

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

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

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

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

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

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

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

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

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

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

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

Теперь селект можно стилизовать с помощью CSS

В Chrome 135 теперь доступна стилизация селекта с помощью свойства appearance: base-select, который превращает элемент в настраиваемый.

https://developer.chrome.com/blog/a-customizable-select?hl=en

Настраиваем проект TypeScript с Node.js и Express

Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.

https://blog.logrocket.com/express-typescript-node/

Адаптивный стриминг видео с помощью Dash.js

Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.

https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/

#css #вопросы_и_ответы

Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 2

⭐️⭐️◽️◽️◽️

📖 Читать

Погружение в SSR для React разработчиков

Большая статья о том, как работает SSR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.

https://www.developerway.com/posts/ssr-deep-dive-for-react-developers

Rsdoctor 1.0

Релиз еще одного инструмента позволяющего анализировать билд. Подходит для сборок на Rspack и Webpack.

https://rsdoctor.dev/blog/release/release-note-1_0

React Trends 2025

Робин Вирух рассказывает о том, куда движется экосистема React: React Server Components, Biome, React Compiler, React Form, TanStack Start, React Router.

https://www.robinwieruch.de/react-trends/

Пишем змейку с AI

Руководство по созданию классической игры змейка с TensorFlow.js и Docker.

https://www.docker.com/blog/leveraging-docker-with-tensorflow/

command и commandfor в Сhrome 135

О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.


https://developer.chrome.com/blog/command-and-commandfor

Освежаем знания по CSS border-image

Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.

https://css-tricks.com/revisiting-css-border-image/

Пользуемся CSS переменными как профессионалы

Большая статья с примерами по работе с CSS переменными: создание, наследование, переопределение, фолбек значения.

https://blog.logrocket.com/how-to-use-css-variables/

☁ Облако — идеальная платформа для воплощения самых смелых IT-идей

Неважно, создаете ли вы корпоративное приложение или будущий Telegram.

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

❄ А главное: провайдер замораживает цены для новых клиентов на три года. Вы точно знаете, сколько тратите, и можете планировать IT-бюджет без неожиданных расходов. Спецпредложение действует для юридических лиц и ИП.

👉 Оставьте заявку до 31 марта 2025 года

20 новых CSS фич, которые вам стоит знать в 2025 году

Очередной кликбейтный заголовок, но есть несколько интересных и полезных функций, которые помогут писать стили проще.

https://www.youtube.com/watch?v=VA975GOUFmM

Базовый курс по JavaScript

Курс для начинающих, включающий как основы, так и продвинутые асинхронные техники.

https://www.youtube.com/watch?v=876aSEUA_8c

Делаем игру на память

Таня Раския рассказывает и показывает, как создать простую игру с карточками на JavaScript.

Демо | Github

https://tania.dev/how-to-create-a-memory-game-super-mario-with-plain-javascript/