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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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