👀 Прочтите это, если планируете работать с Next.js

В статье разбирается, почему выбор Next.js как основы для проекта может обернуться ловушкой зависимости от Vercel, несмотря на его опенсорсную оболочку. Рассматриваются последствия и реальные ограничения.

Читать...

🔎 Подборка вакансий для джунов

​​Middle Frontend Developer
🟢TypeScript, React, Next.js, MUI, CSS-in-JS
🟢от 250 000 ₽ | 1–3 года​

Frontend developer (React)
🟢JavaScript, React.js, Redux, TypeScript, CSS Modules, REST API
🟢Уровень дохода не указан | 1–3 года​

Frontend разработчик (Junior/Middle)
🟢JavaScript, TypeScript, React
🟢Уровень дохода не указан | 1–3 года

⚙️ Скрываем без JavaScript элементы, требующие JavaScript

Автор делится способом спрятать JS-зависимые элементы, если скрипты отключены. Без костылей и стыда — всего пара строк CSS решают проблему красиво. Даже кнопка "Поделиться" теперь без стресса.

Читать...

⚙️ Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты

Автор размышляет, как правильно подбирать брейкпоинты для адаптива, делится выводами из личной практики и пересобирает Bootstrap с новыми подходами. Полезно всем, кто пишет под любые экраны.

Читать...

👩‍💻 Обзор курса “Полное введение в React” от Frontend Masters

Стоит ли тратить время и деньги на изучение курса “Полное введение в React, v8” от Frontend Masters? Ответить на этот вопрос поможет подробный обзор курса с оценкой его содержания, структуры, подхода к обучению и результатов, которых можно достигнуть.

Читать...

👩‍💻 3D wave animation

Анимированная галерея с эффектом волны. Сделана на чистом CSS.

Открыть код...

➡️ 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта

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

Читать...

👩‍💻 7 GitHub-проектов, которые нужны каждому JavaScript-разработчику

Прокачиваем свои навыки в JavaScript с этими семью топовыми репозиториями на GitHub.

Читать...

⚙️ Шаблоны рендеринга Next JS: полное руководство

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

Читать...

🌀 Работай с хаосом через ритуалы

Большие проекты — это всегда немного хаос. Новые задачи, баги, срочные фичи.

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

👩‍💻 Приложение для прогноза погоды на Vue JS

В данной статье описывается созданный Vue JS проект для извлечения данных о погоде на основе местоположения, которое задает пользователь.

Читать...

❓ Фронтенд-разработка: чем занимаются и сколько зарабатывают специалисты

Профессия фронтенд-разработчика сейчас в числе самых востребованных в IT. Разбираем базовые вопросы для тех, кто планирует стать фронтенд-разработчиком.

Читать...

🔄 React не обязателен: 5 крутых альтернатив для фронтенда

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

Читать...

🔎 Подборка вакансий для джунов

​Frontend developer (React)
🟢React, HTML, CSS, JavaScript, SASS
🟢от 60 000 до 80 000 ₽ | 1–3 года​

Junior PHP-разработчик
🟢PHP, Vue 2, jQuery, MySQL, Docker, Git
🟢от 60 000 ₽ | Без опыта​

Junior PHP разработчик
🟢PHP, MODX, MySQL, Git, HTML, CSS, JavaScript, Linux
🟢Уровень дохода не указан | Без опыта

👩‍💻 Абортим асинхронные задачи в JavaScript с методами AbortSignal.timeout() и AbortSignal.any()

Скорее всего, ты ещё не слышал про два полезных метода в JavaScript — AbortSignal.timeout() и AbortSignal.any(). Они помогают правильно останавливать асинхронные операции и работают в большинстве веб-браузеров.

Читать...

🛠 17 топовых инструментов для фронтенда

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

Читать...

👩‍💻 Напишите функцию flattenArray

Создайте функцию flattenArray, которая преобразует вложенные массивы в один плоский массив. Это полезно, если структура данных может содержать массивы произвольной вложенности.

Решение задачи🔽

function flattenArray(arr) {
const result = [];

for (const item of arr) {
if (Array.isArray(item)) {
result.push(...flattenArray(item)); // рекурсивно разворачиваем
} else {
result.push(item);
}
}

return result;
}

// Пример использования:
const nested = [1, [2, [3, 4], 5], 6];
console.log(flattenArray(nested)); // [1, 2, 3, 4, 5, 6]

👩‍💻 React Native: полное руководство по созданию виджета для домашнего экрана для iOS и Android

Виджеты - это инструменты, которые делают домашний экран более привлекательным и предоставляют полезную информацию. Рассказываем, как создавать виджеты для Android и iOS и как внедрить их в приложение на React Native.

Читать...

📈 Подборка статей для вашей карьеры

• Пришёл на вакансию дизайнера, а стал питонистом: как IT-специалисты нашли свою первую работу

• На сколько денег может рассчитывать ИТ-предприниматель в разных ветках развития

• Анализ задачи с собеседования в Google: конь и телефонные кнопки

• Быстрый старт в QA Fullstack: чем вооружиться будущему стажеру в Альфа-Банке

• Как убить самоорганизацию в команде: вредные советы для лидера

👩‍💻 Сбросы базовых CSS-стилей для применения в любом приложении

Устали переписывать снова и снова базовые CSS-стили? Предлагаем код со сбросами, который можно вставить в корневой CSS-набор любого проекта.

Читать...