Middleware в Next.js: самое простое объяснение

#почитать

Middleware используется для перехвата входящих запросов и выполнения некоторых действий до их завершения. Действия могут заключаться в изменении ответа, перенаправлении на какой-то маршрут, изменении заголовков и т. д.

Например, мы можем использовать промежуточное ПО для проверки IP-адреса входящих запросов и, если это авторизованное лицо, только отрисовать user/page.tsx, в противном случае мы отрисовываем сообщение об ошибке или перенаправляем на другую страницу.

⏱Читать статью

Всё о циклах JavaScript

#почитать

В каждом языке программирования есть циклы. Циклы выполняют операцию (т. е. часть работы) несколько раз, обычно по одному разу для каждого элемента массива или списка, или просто повторяют операцию до тех пор, пока не будет выполнено определённое условие.

⏱Читать статью

▫️Безопасная разработка во фронтенде

#посмотреть

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

⏱Смотреть на YouTube ⏱️50 минут

Object.freeze и Object.seal

#почитать

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

⏱Читать статью

Подробный гайд по Web Components в JavaScript

#почитать

Web Components состоят из трёх основных технологий:

- Custom Elements (Пользовательские элементы)
- Shadow DOM (Теневой DOM)
- HTML Templates (HTML-шаблоны)

⏱Читать статью

Управление памятью с помощью WeakRef и FinalizationRegistry

#почитать

Эти инструменты помогают работать со слабыми ссылками и асинхронной финализацией объектов.

⏱Читать статью

Предоставление определения типа для CSS с @property

#почитать

Пишите более безопасный CSS, используя @property, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property повышают устойчивость определений пользовательских свойств.

⏱Читать статью

Улучшаем привлекательность сайта с Hover.css

#почитать

Hover.css предоставляет мощный инструмент для создания интерактивных и динамичных элементов на веб-страницах. Он позволяет изменять стили элементов при наведении курсора, что улучшает пользовательский опыт и делает интерфейс более привлекательным. Область применения довольно широка, вы можете использовать к ссылкам, кнопкам, изображениям и др. Библиотека простая в интеграции и совместима со многими современными браузерами, чем привлекает внимание дизайнеров и разработчиков.

⏱Читать статью

5 способов создания DOM-элементов из HTML-строк методами JavaScript

#почитать

Почти все современные JavaScript-фреймворки и библиотеки предоставляют удобные инструменты для создания DOM-элементов из HTML-строк – это одна из основных задач, которую они решают. Если же нужно обойтись возможностями ванильного JavaScript, то это можно сделать несколькими разными способами.

⏱Читать статью

Как вычисляется значение пользовательских свойств в CSS

#почитать

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

⏱Читать статью

Подборка книг по JavaScript для начинающих

#почитать

Книги на русском с практическими уроками.

⏱Читать статью

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

#почитать

Спрос на разработчиков с опытом работы в React остается стабильно высоким, а зарплаты таких специалистов в России колеблются в пределах 120,000–300,000 рублей в месяц в зависимости от региона и опыта.

⏱Читать статью

Обработка ошибок с try...catch

#почитать

Рассмотрим понимание оператора try...catch, его базовую структуру и приведем примеры использования в реальных проектах.

⏱Читать статью

Обзор образовательных площадок для фронтендеров

#почитать

Указаны и недостатки.

⏱Читать статью

require vs import в JavaScript

#почитать

Когда ты начинаешь писать код при создании программы / приложения, периодически сталкиваешься с необходимостью импорта модулей в файлы. Эту задачу можно решить в JavaScript require() или import. Это немного сбивает с толку новичков и необходимо определить какую функцию при каких условиях использовать.

⏱Читать статью

useEffect в React

#почитать

React стала одной из популярных библиотек для создания UI, а с появлением хуков в React 16.8 в распоряжении разработчиков появилось ещё больше мощных инструментов. Один из таких хуков — useEffect, позволяющий выполнять побочные эффекты в компонентах функций. Рассмотрим хук useEffect, его использование и лучшие практики.

⏱Читать статью