Статьи на тему «Frontend»

 

Иконка Рубрики
3 недели назад

Библиотеки JavaScript для всплывающих окон: обзор лучших решений

Всплывающие окна (popups, модальные окна) — важный инструмент в веб-разработке. Они помогают отображать уведомления, формы, изображения и другие элементы без перезагрузки страницы.
Frontend 60
3 недели назад

Библиотеки JavaScript для работы с таблицами: обзор лучших решений

Таблицы в веб-разработке — вещь незаменимая. Они помогают удобно структурировать данные, будь то финансовые отчёты, списки товаров или статистика пользователей. Но просто сверстать таблицу — половина дела, ведь часто нужно добавить сортировку, фильтрацию, редактирование и другие функции.
Frontend 85
3 недели назад

Создаем полноэкранный слайдер с помощью Swiper.js

Swiper.js — один из самых мощных и гибких инструментов для создания слайдеров. Он легкий, адаптивный и поддерживает массу функций, включая кастомные анимации, ленивая загрузка изображений и гибкую настройку управления.
Frontend 304
3 недели назад

Подборка библиотек для создания слайдеров на JavaScript в 2025 году

Слайдеры – это один из самых популярных UI-элементов, который часто используется в веб-разработке. Будь то карусель изображений, отзывы пользователей или список товаров, хороший слайдер делает сайт динамичным и удобным.
Frontend 113
1 месяц назад

Простой интернет-магазин на HTML, CSS, JS с отправкой данных на почту

В этой статье я покажу вам, как создать минималистичный интернет-магазин с базовыми функциональными элементами, такими как карточки товаров, корзина на JavaScript и отправка данных с заказами на почту.
Frontend 271
2 месяца назад

Подробное руководство по Vite

Если вы разработчик, который хоть раз сталкивался с веб-проектами, вы наверняка знаете, что сборка фронтенда может быть настоящим кошмаром. Долгие минуты (иногда часы) на сборку, настройки, конфигурации, которые выглядят как древняя магия, и общая тяжесть инструментов, таких как Webpack.
Frontend 334
2 месяца назад

Подробное руководство по Pinia

Если вы работаете с Vue 3, скорее всего, вы уже слышали о Pinia — современном, легком и мощном инструменте для управления состоянием.
Frontend 379
2 месяца назад

Курс по React 2025: Деплой приложения #15

Вы создали React-приложение, добавили в него крутые функции, и теперь готовы показать его миру. Но как сделать так, чтобы ваше приложение заработало в интернете?
Frontend 268
2 месяца назад

Курс по React 2025: Управление глобальным состоянием #14

В React-компонентах легко управлять локальным состоянием с помощью useState или useReducer. Но что, если нам нужно делиться состоянием между несколькими компонентами, часто находящимися в разных частях дерева?
Frontend 200
2 месяца назад

Курс по React 2025: Оптимизация производительности #13

Ваше React-приложение работает, но со временем становится медленным: при обновлении состояния компоненты рендерятся чаще, чем нужно. Это происходит, потому что React заботится об актуальности интерфейса, но не всегда понимает, когда можно избежать лишней работы.
Frontend 195
2 месяца назад

Курс по React 2025: Работа с API #12

Почти каждое приложение взаимодействует с сервером: загрузка данных пользователей, отправка сообщений, получение списка товаров. Всё это делается через запросы к API.
Frontend 372
2 месяца назад

Курс по React 2025: Маршрутизация в приложении #11

Создание современного веб-приложения невозможно представить без навигации. Как пользователь попадёт с главной страницы на страницу «О нас»? Как переключаться между страницами, не перезагружая сайт?
Frontend 267
2 месяца назад

Курс по React 2025: Формы #10

Формы — это сердце любого приложения, где пользователь взаимодействует с интерфейсом: регистрация, логин, отправка комментариев или фильтрация товаров. Но работа с формами в React немного отличается от традиционного подхода в HTML, и сегодня мы разберёмся, как это устроено.
Frontend 152
2 месяца назад

Курс по React 2025: Context API #9

Работа с данными — одна из самых важных задач в React. Когда ваши компоненты начинают обмениваться данными, это может превратиться в настоящий хаос, особенно если данные нужно передать через несколько уровней компонентов.
Frontend 189
2 месяца назад

Курс по React 2025: Жизненный цикл компонентов и хуки #8

В мире React каждый компонент проходит три этапа: монтирование, обновление и размонтирование. Этот процесс называют жизненным циклом компонентов. Понимание того, что происходит на каждом этапе, поможет вам создавать более эффективные и удобные приложения.
Frontend 213
2 месяца назад

Курс по React 2025: Условный рендеринг #7

Условный рендеринг — это фундаментальная концепция React, которая позволяет динамически отображать или скрывать компоненты в зависимости от определённых условий. Это похоже на условные конструкции if или тернарный оператор в JavaScript, но с учётом особенностей React.
Frontend 169
2 месяца назад

Курс по React 2025: Списки #6

Списки — это неотъемлемая часть практически любого приложения. Список товаров в интернет-магазине, сообщения в чате, результаты поиска — всё это примеры использования списков.
Frontend 140
2 месяца назад

Курс по React 2025: События #5

Каждое приложение, которое вы видите в интернете, каким-то образом взаимодействует с пользователем: клики по кнопкам, ввод текста, прокрутка страницы. Эти действия называются событиями, и React даёт нам удобный способ работать с ними.
Frontend 190
2 месяца назад

Курс по React 2025: Состояние компонентов #4

Когда мы говорим о современных веб-приложениях, мы почти всегда подразумеваем, что они должны быть интерактивными. Кнопка, которая изменяет текст, переключатель темы, счётчик – всё это примеры интерфейсов, которые реагируют на действия пользователя.
Frontend 150
2 месяца назад

Курс по React 2025: Функциональные компоненты и пропсы #3

Когда вы начинаете разбираться в React, то быстро сталкиваетесь с ключевой идеей: всё в React — это компоненты. Они как кирпичики, из которых вы строите ваше приложение.
Frontend 200