Code Lab
Главная
Блог
Готовые решения
Практикумы
Обратная связь
Найдено по тему «Frontend»
Выберите категорию
Backend
CMS
Frontend
GameDev
GIT
Linux
Machine learning
No-code
Автоматизация
Блокчейн
Железо
Инструменты сборки
Контейнеры
Мобильная разработка
Нейросети
Обзоры
Обучение
Общее
Проекты
Сервера
Софт
Тестирование
Рубрики
Обучение
Frontend
Обзоры
Мобильная разработка
Backend
Сервера
CMS
Софт
Железо
Общее
Инструменты сборки
GameDev
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
1
…
3
4
5
…
9