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