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

 

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

Быстрый старт в Bootstrap 5: Формы и валидация #5

Bootstrap предлагает продуманные стили для форм, а также стандартный подход к валидации. При оформлении формы важно не только «красиво» сделать поля, но и обеспечить доступность (доступ) для всех пользователей.
Frontend 97
3 недели назад

Быстрый старт в Bootstrap 5: Утилиты и кастомизация #4

Bootstrap предлагает обширный набор утилит-классов для быстрой стилизации без написания CSS. Это классы для отступов, цветов, теней, обтекания и прочего. Рассмотрим ключевые из них.
Frontend 134
3 недели назад

Быстрый старт в Bootstrap 5: Компоненты интерфейса #3

Bootstrap содержит множество готовых компонентов, которые можно быстро встраивать в интерфейс. Рассмотрим некоторые из них. Кнопки (Buttons) Класс .btn служит основой для кнопок Bootstrap: он задаёт базовые отступы и выравнивание текста.
Frontend 199
3 недели назад

Быстрый старт в Bootstrap 5: Сетка и адаптивная верстка #2

Одним из ключевых механизмов Bootstrap является сетка (Grid) – система на основе Flexbox, позволяющая легко строить адаптивные раскладки. Сетка разбивает страницу на 12 колонок по горизонтали и адаптируется под шесть основных «точек перелома» (размеров экранов) – от самых маленьких до очень больших.
Frontend 138
3 недели назад

Быстрый старт в Bootstrap 5: Установка, структура, первые шаги #1

Bootstrap – это бесплатный и открытый фреймворк для адаптивной верстки (mobile-first), который предоставляет готовые HTML, CSS и JavaScript шаблоны для типографики, форм, кнопок, навигации и других элементов интерфейса.
Frontend 145
4 недели назад

Быстрый старт в Next.js: Как работает рендеринг #2

Когда вы создаёте страницу в Next.js, вы должны понять: где она будет рендериться — на сервере, на клиенте или заранее при сборке.
Frontend 141
4 недели назад

Быстрый старт в Next.js: Создание маршрутов и страниц #1

React — это мощный инструмент для создания пользовательских интерфейсов. Однако он предоставляет только "видимую часть айсберга": сам React не решает задачи маршрутизации, рендеринга на сервере, работы с данными или оптимизации загрузки.
Frontend 266
1 месяц назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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