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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Эффект матового стекла в CSS | Glass Effect

Эффект матового стекла в CSS - стильный дизайнерский трюк, который придает веб-страницам современный и привлекательный внешний вид, создавая иллюзию матовой поверхности с небольшой прозрачностью.
Frontend 2 731
2 года назад

Многошаговая форма на JavaScript | Multi-Step Form

Давайте поговорим о многошаговых формах. Вы, наверное, сталкивались с длинными и запутанными онлайн-формами, которые приходится заполнять. Многошаговые формы разбивают процесс заполнения на несколько коротких этапов, делая жизнь пользователей проще.
Frontend 2 058
2 года назад

Реализуем механизм Lazy Loading на JS и PHP

Lazy loading - это современная техника, которая позволяет значительно улучшить производительность веб-страниц, особенно при отображении больших объемов контента, таких как лента постов.
Backend 1 669
2 года назад

Курс по React: основы JSX

JSX - это мощный инструмент в React, который позволяет вам создавать ваши пользовательские интерфейсы в стиле HTML, но с возможностью интегрировать JavaScript.
Frontend 1 446
2 года назад

Как оформить элемент input file

Стилизация элемента <input type="file"> - это способ сделать загрузку файлов на вашем веб-сайте более привлекательной и интуитивно понятной для пользователей. Вместо стандартного внешнего вида кнопки "Обзор" можно создать настраиваемую кнопку, которая лучше впишется в дизайн вашего сайта.
Frontend 2 202
2 года назад

Рендеринг верстки в JavaScript: Как создавать динамический UI

Рендеринг верстки в JavaScript - это процесс, который позволяет разработчикам создавать динамические и интерактивные пользовательские интерфейсы. Вместо того, чтобы иметь заранее заданный статический макет веб-страницы, мы можем использовать JavaScript для создания, изменения и удаления элементов прямо на ходу, адаптируя интерфейс к потребностям и действиям пользователя.
Frontend 2 977
3 года назад

Курс по React: Компоненты

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

Курс по React: Пропсы

В React props (сокращение от properties) - это механизм передачи данных от родительского компонента дочернему компоненту. Пропсы являются одними из фундаментальных строительных блоков React, и они используются для создания повторно используемых и динамических компонентов.
Frontend 3 363
3 года назад

Курс по React: JSX и рендеринг элементов

Одной из ключевых особенностей React является его способность использовать синтаксис JSX для отображения элементов в DOM. В этой статье мы подробнее рассмотрим, что такое JSX и как он используется для рендеринга элементов в React.
Frontend 769