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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Курс по React: Настройка среды разработки

React — это популярная библиотека JavaScript, используемая для создания пользовательских интерфейсов. Прежде чем вы сможете приступить к созданию приложений React, вам необходимо настроить свою среду разработки.
Frontend 917
2 года назад

Знакомство с React и его экосистемой

React — популярная библиотека JavaScript для создания пользовательских интерфейсов. Разработанный Facebook, React на сегодняшний день стал одним из наиболее широко используемых интерфейсных инструментов в веб-разработке.
Frontend 761
2 года назад

Рекомендации по организации компонентов в React

React — это популярная библиотека JavaScript, используемая для создания пользовательских интерфейсов. При работе над проектом с React организация компонентов является важнейшим аспектом создания масштабируемого и поддерживаемого кода.
Frontend 1 264
2 года назад

Что нужно знать перед изучением React

React — это популярная библиотека JavaScript, используемая для создания пользовательских интерфейсов. React широко используется веб-разработчиками и имеет большое сообщество участников. Если вы заинтересованы в изучении React, есть определенные разделы JavaScript, с которыми вам следует ознакомиться, прежде чем погружаться в библиотеку.
Frontend 663
2 года назад

Препроцессоры в CSS: зачем они нужны и какой выбрать

Каскадные таблицы стилей (CSS) являются неотъемлемой частью веб-разработки, позволяя разработчикам контролировать представление веб-страниц. CSS-препроцессоры — это инструменты, которые помогают разработчикам писать более поддерживаемый и организованный CSS-код.
Frontend 1 004
2 года назад

Подробное руководство про анимацию в JavaScript

Анимация в JavaScript — это мощный инструмент для создания динамичных и интерактивных веб-интерфейсов, которые привлекают пользователей и улучшают общий пользовательский опыт.
Frontend 4 494
2 года назад

Курс по HTML: метатеги

Метаданные — это важная информация, которая описывает содержимое веб-страницы для поисковых систем. В HTML метаданные добавляются с помощью мета-тегов, предоставляющие информацию о веб-странице, которую поисковые системы могут использовать для правильного индексирования и отображения.
Frontend 1 657