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

 

Иконка Рубрики
9 месяцев назад

Курс по Vue.js 3: Повторное использование кода: Composables #13

Вы уже наверняка заметили, что в разработке бывают моменты, когда какой-то код хочется использовать не один раз. Например, у нас может быть логика для работы с API, валидация данных или какая-нибудь хитрая работа с состоянием.
Frontend 652
9 месяцев назад

Курс по Vue.js 3: Продвинутые компоненты #12

Ну что ж, если вы добрались до этой статьи, значит, вы уже довольно уверенно чувствуете себя в мире Vue и готовы к тому, чтобы подняться на новый уровень — разобраться с продвинутыми компонентами.
Frontend 643
9 месяцев назад

Курс по Vue.js 3: Основы компонентов #11

Итак, мы добрались до одной из самых интересных тем в Vue.js — компонентов. Если вы работаете с Vue, то компоненты будут вашим основным строительным материалом.
Frontend 503
9 месяцев назад

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

Если вы когда-нибудь работали с JavaScript, то, вероятно, использовали document.getElementById или querySelector, чтобы получить доступ к конкретному элементу DOM. Но Vue.js,
Frontend 545
9 месяцев назад

Курс по Vue.js 3: Жизненные циклы компонентов #9

Жизненные циклы компонентов — это ключевая концепция во Vue.js, и понимание их работы может значительно облегчить разработку. В этой статье мы подробно рассмотрим, как компоненты "живут" и "умирают" в вашем приложении, когда они создаются, обновляются и уничтожаются, а также как можно использовать жизненные циклы для управления поведением ваших компонентов.
Frontend 581
10 месяцев назад

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем простой квиз на JavaScript

В этом статье мы создадим простой, но функциональный квиз с вопросами и вариантами ответов. Такой квиз отлично подходит для сбора данных, проведения опросов или создания тестов на сайте.
Frontend 1 599
10 месяцев назад

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

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

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

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

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

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

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

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

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

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

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

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