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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если вы уже прошли путь TypeScript, то знаете, что он — это замечательный инструмент для добавления типовой безопасности в ваш JavaScript код.
Frontend 367
9 месяцев назад

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

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

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

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

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

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

Практический курс по TypeScript: Интерфейсы

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

Практический курс по TypeScript: Базовые типы данных и переменные

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

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

Добро пожаловать в увлекательный мир TypeScript – языка программирования, который стал настоящим спутником разработчиков по всему миру. Но что же такое TypeScript и в чем его секрет его популярности?
Frontend 331
11 месяцев назад

Как сделать видео на фон с помощью CSS

В эпоху цифрового дизайна, фоновое видео на веб-странице становится не просто трендом, но и эффективным инструментом для привлечения внимания посетителя. Отлично подобранное и качественно интегрированное видео способно усилить визуальное воздействие, добавить динамики и глубины в общее впечатление от сайта.
Frontend 380
12 месяцев назад

Быстрый старт в Chart.JS на примере диаграммы кредита

Chart.js — библиотека JavaScript, которая стала стандартом для визуализации данных на веб-страницах. В этой статье мы шаг за шагом разберем процесс создания диаграммы кредита, начиная от установки Chart.js
Frontend 519
12 месяцев назад

7 лучших библиотек для рисования графиков в JavaScript

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

Граница с градиентным фоном в CSS

Добавление градиентных границ к элементам веб-страницы — это прекрасный способ сделать дизайн более креативным и привлекательным. CSS предоставляет возможность легко реализовать такие границы, используя градиенты.
Frontend 549