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

 

Иконка Рубрики
4 дня назад

Как сделать галерею-карусель со слайдером на OwlCarousel2 и FancyBox

Галерея-карусель со слайдером — это удобный способ показать изображения на сайте с возможностью листания и полноэкранного просмотра. В этом руководстве мы создадим такой компонент с помощью библиотек OwlCarousel2 и FancyBox.
Frontend 82
5 дней назад

Vue.js на практике: классический Todolist с сохранением состояния

Todolist — это не просто «список задач», а идеальный проект для освоения основ любого фронтенд-фреймворка. Сегодня мы сделаем именно такой проект на Vue 3, используя Vite, Pinia для управления состоянием и SCSS для стилей.
Frontend 114
1 неделя назад

Создаем галерею-сетку со слайдером: HTML, CSS и JavaScript

В этом проекте мы реализуем красивую галерею на примере направлений путешествий для турагентства. Карточки располагаются в сетке, при клике открывается модальное окно со слайдером.
Frontend 67
3 недели назад

Библиотеки JavaScript для создания фотогалереи

Веб-разработчики часто сталкиваются с задачей создания фотогалерей для сайтов. Хорошая галерея не только облегчает пользователям просмотр изображений, но и делает сайт более привлекательным и удобным.
Frontend 67
1 месяц назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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