Найдено по тему «Frontend»

 

Иконка Рубрики
1 год назад

Курс по Vue.js 3: Работа с формами #8

Формы — это основа почти любого веб-приложения. От простых текстовых полей до сложных форм с валидацией и отправкой данных на сервер.
Frontend 1 268
1 год назад

Курс по Vue.js 3: Обработка событий #7

Когда мы создаём интерактивное приложение, важно уметь отслеживать действия пользователя: клики, нажатия клавиш, движения мыши и другие события. Именно обработка этих событий позволяет вашему приложению реагировать на пользователя, делая интерфейс живым и динамичным.
Frontend 1 462
1 год назад

Курс по Vue.js 3: Отрисовка списков #6

Работа с данными в приложении часто сводится к выводу списков. Это могут быть карточки товаров в интернет-магазине, посты в блоге или комментарии к статье.
Frontend 1 977
1 год назад

Курс по Vue.js 3: Условная отрисовка #5

Когда создаёшь интерактивное веб-приложение, одна из самых распространённых задач — управлять видимостью элементов на экране. Иногда нужно показать один блок, а скрыть другой в зависимости от каких-то условий.
Frontend 1 054
1 год назад

Курс по Vue.js 3: Работа с классами и стилями #4

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

Курс по Vue.js 3: Вычисляемые свойства и наблюдатели #3

Когда мы разрабатываем приложения, особенно сложные, часто возникает потребность работать с производными данными. Представьте: у вас есть исходные данные, но для отображения или логики вам нужны данные, основанные на них.
Frontend 1 516
1 год назад

Курс по Vue.js 3: Синтаксис шаблонов и основы реактивности #2

Vue.js известен своей простотой и элегантностью, и многое из этого связано с тем, как Vue работает с шаблонами и реактивностью. В этой статье мы разберем, как организовать шаблоны в Vue 3 и использовать реактивность с помощью Composition API.
Frontend 1 656
1 год назад

Курс по Vue.js 3: Настройка окружения с Vite, TypeScript, SCSS и Pinia #1

Vue.js 3 с его Composition API открыл новые горизонты для фронтенд-разработчиков. Он стал мощнее, быстрее и гибче. Но чтобы использовать эти возможности, нужно грамотно настроить окружение для разработки.
Frontend 2 674
1 год назад

Создаем универсальный квиз на JavaScript

Квиз показывает по одному вопросу за раз. Пользователь выбирает один из вариантов ответа и нажимает кнопку «Далее». Шаги идут последовательно, прогресс-бар сверху заполняется, а после последнего вопроса все ответы собираются в объект и выводятся в формате JSON (сейчас — в консоль браузера).
Frontend 2 260
1 год назад

Создаем двойной ползунок с помощью плагина NoUiSlider

Создание двойного ползунка (double range slider) с помощью NoUiSlider — это отличное решение, когда нужно дать пользователям возможность выбирать диапазон значений, например, для фильтрации цен или других числовых параметров.
Frontend 1 604
1 год назад

Подробный гайд по Web Components в JavaScript

Если вы когда-либо сталкивались с разработкой веб-приложений, то наверняка знаете, как много времени уходит на повторяющиеся задачи: создавать кнопки, формы, выпадающие списки, таблицы.
Frontend 1 374
1 год назад

Форма ввода пароля с проверкой надежности на JavaScript

Проверка сложности пароля необходима для повышения безопасности аккаунтов пользователей и защиты их личных данных от несанкционированного доступа. Сложные пароли, содержащие буквы, цифры и специальные символы, значительно сложнее угадать или подобрать.
Frontend 917
1 год назад

Подборка бесплатных ресурсов для изучения React

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

Что такое ленивая загрузка (lazy loading) и пример ее реализации на Vue.js

Ленивая загрузка (или "lazy loading") — это техника оптимизации производительности, при которой ресурсы (данные или файлы) загружаются по мере их необходимости, а не сразу.
Frontend 757
1 год назад

Создаем гибкие выпадающие списки с помощью Virtual Select

Веб-разработчики сталкиваются с необходимостью предоставления пользователям удобных и отзывчивых элементов управления. Один из таких элементов — выпадающий список выбора (select box).
Frontend 843
1 год назад

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

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

Практический курс по Vue.js: настройка окружения

В этом руководстве мы настраиваем окружение для проекта на Vue.js с использованием TypeScript, SCSS, Vite и Pinia. Объясним назначение каждого инструмента и пакета, а также шаги по их установке.
Frontend 629
1 год назад

Практический курс по Vue.js: описание курса

Добро пожаловать на наш курс по современному Vue.js! В этом курсе мы погрузимся в мир веб-разработки, изучая передовые технологии и инструменты для создания современных приложений.
Frontend 598
2 года назад

Практический курс по TypeScirpt: Настройка tsconfig.json

При разработке проектов на TypeScript ключевым элементом является файл конфигурации tsconfig.json. Этот файл определяет параметры компиляции TypeScript для вашего проекта. В этом гайде мы рассмотрим основные настройки tsconfig.json
Frontend 1 781
2 года назад

Практический курс по TypeScript: Создаем приложение "Список покупок"

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