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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Практический курс по TypeScript: Модули

Если вы уже прошли путь TypeScript, то знаете, что он - это замечательный инструмент для добавления типовой безопасности в ваш JavaScript код.
Frontend 753
1 год назад

Практический курс по TypeScript: Generic

Generic (или Обобщения) в TypeScript позволяют создавать более гибкие и многократно используемые компоненты. В приведённых примерах мы рассмотрели обобщённые функции, классы и интерфейсы, которые могут работать с различными типами данных, что делает код более универсальным и типобезопасным.
Frontend 608
1 год назад

Практический курс по TypeScript: Классы

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

Практический курс по TypeScript: Функции

После того как мы углубились в базовые типы данных, переменные и интерфейсы в TypeScript, настало время рассмотреть еще один важный аспект этого языка программирования - функции.
Frontend 821