Управление памятью с помощью 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, его использование и лучшие практики.

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

Что означает гидратация

#почитать

Короткий ответ: это процесс, в ходе которого JavaScript выполняет, согласовывает и делает интерактивным HTML, уже находящийся в DOM, посредством рендеринга на стороне сервера (SSR).

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

Система типов и настройки TS

#почитать

Обязательно устанавливайте флажок strict. Он подключает дополнительные проверки типов.

При реализации интерфейсов, и работе с объектами корректность соблюдения принципа подстановки Барбары Лисков ложится на плечи разработчиков.

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

Как фронтенд-разработчику затащить на собесе

#почитать

Фронтендеру мало знать один только JavaScript. Разработчик, который ориентируется в понятиях из этого чеклиста, намного ценнее для команды, чем «энтузиаст», прорешавший тысячу задач на leetcode, поскольку владение нужными навыками и хотя бы базовое знакомство со смежными технологиями позволяет видеть и понимать фронтенд намного глубже, чем просто в разрезе голого кода. Благодаря перечисленным компетенциям опытный девелопер способен учесть запросы пользователя, потребности команды и возможности системы, а значит – сделать качественный фронтенд.

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

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

Горизонтальная галерея-аккордеон на CSS

#почитать

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

Идеально подходит для демонстрации фотографий продуктов, портфолио или воспоминаний о путешествиях.

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

React и FormData

#почитать

О новейшем и одновременно старейшем стандарте React для доступа к данным формы, а также о том, как использовать его с TypeScript.

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