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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание видеофона с использованием HTML и CSS

В современном веб-дизайне уделяется все больше внимания интерактивности и визуальным эффектам, и одним из способов сделать вашу страницу более привлекательной является добавление видео фона.
Frontend 764
1 год назад

Плавный скролл на JS по якорным ссылкам

Плавная прокрутка – это популярная функция на веб-сайтах, которая обеспечивает плавный переход к разделам страницы при клике на якорные ссылки. Эта статья расскажет о том, как реализовать плавную прокрутку с помощью JavaScript.
Frontend 1 521
2 года назад

Переворачивающиеся карточки в CSS | Flip Card

«Flip card» — это визуальный эффект веб-карточки, которая переворачивается при наведении или клике, показывая лицевую и обратную стороны с помощью CSS-анимации.
Frontend 3 142
2 года назад

Анимация блика на кнопке в CSS

Анимация блика на кнопке — это прекрасный способ придать вашим веб-сайтам интересный и привлекательный вид. В этой статье мы рассмотрим, как создать такую анимацию с использованием CSS.
Frontend 4 155