Заметки Фронтендера

❗️5 библиотек для UX в React Native

Разрабатываешь MVP на React Native и хочешь, чтобы приложение выглядело как полноценный продукт, а не сырая версия?

Что разбираем: react-native-reanimated для плавных анимаций на UI-потоке, react-native-gesture-handler для нативных жестов, react-native-svg для векторной графики, react-native-fast-image для быстрой загрузки изображений и react-native-haptic-feedback для тактильного отклика

Отличный набор для тех, кто хочет быстро добавить профессиональный лоск в мобильное приложение без лишних затрат времени

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️Виртуальные Scroll-контейнеры для Angular

Работаешь с большими списками в Angular и столкнулся с тормозами при рендеринге тысяч элементов?

Решение — библиотека ng-virtual-scroll-view, которая рендерит только видимую часть контента вместо всего списка. Под капотом: автоматическое управление DOM, поддержка динамических высот элементов, нативная интеграция с Angular CDK и оптимизация производительности для сложных интерфейсов.

Отличный выбор для разработчиков Angular, которые хотят сохранить плавность интерфейса при работе с большими объёмами данных

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️Курс Django в продакшене: советы экспертов, стратегии и ключевые инструменты для написания масштабируемого и удобного в сопровождении кода на Django

❓О курсе:

Возможно, вы получили свою первую работу Django-разработчика после шестинедельного буткемпа или онлайн-курса — и это замечательно, но что дальше? В небольших компаниях бывает трудно найти наставника, а без этого становление уровня Senior может затянуться. Именно здесь на помощь приходит курс «Django in Production».

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️DaisyUI — компоненты для Tailwind CSS

Ищешь способ ускорить разработку интерфейсов без потери кастомизации? DaisyUI решает эту задачу — это популярная библиотека компонентов, которая расширяет возможности Tailwind CSS.

Основная проблема: Tailwind даёт гибкость, но требует много ручной работы над компонентами. DaisyUI добавляет готовые UI-элементы — кнопки, формы, навигацию, модальные окна — которые можно легко кастомизировать через стандартные классы Tailwind.

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

🔥Ссылка на репозиторий

Заметки Фронтендера & Max

❗️Процедурная геометрия в Three.js и WebGPU

Как превратить обычный штрих в сложные кристаллические структуры или биолюминесцентные рифы? В этом туториале разбирают создание Geometry Painter — инструмента для генерации процедурной геометрии прямо на поверхности 3D-объектов.

Система позволяет рисовать на сфере и мгновенно генерировать кристаллы, трещины, сияющие узоры или живые рифы. Ключевые возможности: работа с WebGPU и TSL, выбор поверхности, процедурная геометрия, кастомные шейдеры, динамическое освещение и постобработка. Архитектура построена так, что новые режимы рисования добавляются без изменения основного кода.

Отличный вариант для разработчиков, которые хотят освоить современную графику в вебе и создавать интерактивные визуальные эффекты без сложных инструментов

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️Курс Классические задачи информатики на Python

❓О курсе:

Задачи по программированию, которые кажутся новыми или уникальными, как правило, опираются на хорошо известные инженерные принципы. Книга «Классические задачи Computer Science на языке Python» знакомит с проверенными временем сценариями, упражнениями и алгоритмами, которые подготовят вас к решению «новых» задач, возникающих при работе над очередным проектом.

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️Анимированные CSS Grid с Anchor Positioning

Видел когда-нибудь плавную перестройку сетки при изменении размера окна? Браузер Brave использует такую анимацию на своей стартовой странице, и теперь можно повторить этот эффект без View Transitions.

Секрет в комбинации CSS Anchor Positioning и обычных CSS Transitions. Нужно создать дополнительный враппер внутри каждой ячейки сетки, который будет служить якорем для контента, а затем анимировать перемещение элементов при изменении макета.

Отличный способ добавить интерактивности адаптивным интерфейсам и сделать пользовательский опыт более плавным и приятным

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️Забытые HTML/CSS фичи, которые всё ещё работают

Думаешь, что знаешь всё о HTML и CSS? Эта подборка показывает старые возможности браузеров, которые многие разработчики обходят стороной, хотя они уже лет 8+ полностью поддерживаются и могут решить реальные задачи.

Что разберём: contenteditable для инлайн-редактирования контента, inputmode для подсказок клавиатуры на мобильных, details/summary для аккордеонов без JavaScript, а также старые селекторы CSS вроде :not(:empty), которые до сих пор могут упростить вёрстку.

Неплохой способ освежить знания о возможностях веб-платформы и найти готовые решения вместо переизобретения велосипедов на JavaScript

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️Курс Внутреннее устройство системы безопасности Windows: углубленный анализ аутентификации, авторизации и аудита в Windows

❓О курсе:

Книга Внутреннее устройство системы безопасности Windows — обязательное чтение для всех, кому необходимо понимать низкоуровневые механизмы работы операционной системы Windows, будь то для поиска новых уязвимостей или для защиты от уже известных. Разработчики, специалисты DevOps и исследователи в области информационной безопасности получат уникальные, глубокие знания о ключевых компонентах и ​​уязвимых местах системы — сведения, превосходящие по своей полноте даже официальную документацию Microsoft.

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️React 19.3 с View Transitions и Fragment Refs

Нужны плавные анимации при изменениях UI без ручной работы с CSS? React 19.3 стабилизировал экспериментальные API, которые позволяют легко добавлять переходы между состояниями компонентов.

Ключевые фичи: ViewTransition для автоматических анимаций входа/выхода элементов через браузерный View Transition API, Fragment Refs для доступа к DOM-узлам фрагментов. Также добавлена поддержка Trusted Types в React DOM и возможность рендерить Context напрямую в Server Components.

Отличное обновление для тех, кто хочет современные анимации "из коробки" без дополнительных зависимостей и ручной работы с CSS-переходами

🔥Ссылка на ресурс

Заметки Фронтендера & Max

❗️Курс Чистый код: создание, анализ и рефакторинг

❓О курсе:

В этой книге известный эксперт в области разработки программного обеспечения Роберт К. Мартин представляет революционный подход. Объединив усилия с коллегами из компании Object Mentor, Мартин обобщил их лучшие практики Agile по «наведению порядка» в коде в процессе работы и изложил их в книге, которая привьет вам ценности настоящего мастера программирования и поможет стать более квалифицированным специалистом — разумеется, при условии, что вы будете усердно работать над собой.

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️Полифилл для CSS random() во всех браузерах

Хочешь использовать генерацию случайных значений прямо в CSS, но браузеры пока не поддерживают новую функцию? Решение есть уже сейчас.

Как устроить контролируемый хаос в дизайне с помощью полифилла CSS random(). Разбор реальных кейсов: создание "конфетти" с брендовыми цветами, динамическое обновление элементов, контроль уровня рандомизации для UX без хаоса.

Идеальный инструмент для фронтендеров, которые хотят экспериментировать с генеративным UI без ожида

🔥Ссылка на ресурс

Заметки Фронтендера & Max

❗️Курс План построения карьеры в веб-разработке: узнайте, что значит быть веб-разработчиком, и начните свой путь в этой сфере

❓О курсе:

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

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️Легкий TradingView на React

Нужны профессиональные графики для трейдинга, но не хочется тащить тяжелые библиотеки? Это приложение собрало всё необходимое для технического анализа в компактном формате.

Поддержка свечных графиков в реальном времени, полный набор инструментов для рисования (линии тренда, прямоугольники, уровни Фибоначчи) и технические индикаторы RSI/MACD. Работает с криптовалютными и форекс-рынками через WebSocket-подключения.

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

🔥Ссылка на репозиторий

Заметки Фронтендера & Max

16 сентября в Arena Breakout: Infinite выходит седьмой сезон — «Утопия»

Если не сталкивались с игрой: это бесплатный тактический шутер про вылазки за добычей. Заходишь на локацию со своим снаряжением, набираешь лут и пытаешься уйти живым. Погиб — потерял всё, что было с собой.

Что завозят в новом сезоне:

• Заражённая зона — три карты превращаются в биоопасные локации с ночью, туманом и ливнем, по ним бродят шесть видов мутантов. Другие игроки при этом никуда не делись
• Режим на выживание — отдельный PvE без риска: снаряжение с собой не берёшь и ничего не теряешь, просто отбиваешься от волн и открываешь усиления
• Торговец прямо в рейде — можно обменять припасы и разведданные или докупить снаряжение
• Два новых ствола, сезонные обвесы и переработанная стрельба: дальность выше, попадания в голову ощутимее
• На старте бесплатно выдают прокачиваемую сапёрную лопату, скины и билеты, а между игроками разыгрывают 200 000 очков

Игра бесплатная, качается в Steam, российский регион поддерживается → https://abi.go.link/2wzTb

❗️Электротехника без предварительных знаний: освойте основы за 7 дней

❓О курсе:

Хотите разобраться в электрических цепях и научиться применять на практике основы электротехники?
Нет проблем: с помощью этого руководства для начинающих вы в кратчайшие сроки освоите базовые принципы, касающиеся электрического тока, напряжения и энергии.

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️История frontend-разработчика с ошибками и уроками

Погрузился в историю пути фронтендера от jQuery и Bitrix до современных технологий? Автор делится реальным опытом, смешными ситуациями и важными выводами, которые помогут не наступать на те же грабли.

Личный путь от работы с Bitrix через data-атрибуты до сложностей с микрофронтендами. Автор показывает, как простые решения часто оказываются эффективнее хайповых технологий, и делится принципом, что все сложности должны быть обоснованными, а не модными.

Интересный взгляд на эволюцию фронтенда через призму реального опыта — полезно как новичкам, чтобы не повторять чужие ошибки, так и опытным разработчикам для рефлексии над архитектурными решениями

🔥Ссылка на статью

Заметки Фронтендера & Max

❗️CockroachDB: Полное руководство. Распределенные данные в масштабе

CockroachDB — это распределенная SQL-база данных, отвечающая требованиям современных приложений, работающих с большими объемами данных. Во втором издании этого популярного практического руководства разработчикам, архитекторам и специалистам DevOps/SRE рассказывается, как использовать CockroachDB для создания приложений, способных к эластичному масштабированию и обеспечивающих бесперебойную работу для конечных пользователей, сохраняя при этом исключительную отказоустойчивость.

🔥СКАЧАТЬ

Заметки Фронтендера & Max

❗️React Router DOM за 5 минут

Запутался с навигацией в React и ищешь понятное объяснение как работают роуты?

В этом видео за 9 минут показывают весь базовый стек для навигации: BrowserRouter, Routes, Route и Link компоненты. Наглядная демонстрация настройки маршрутов и переходов между страницами без перезагрузки.

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

🔥Ссылка на видео

Заметки Фронтендера & Max