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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Структура Sass-файлов в проекте

Sass — это мощный препроцессор, который расширяет возможности CSS. При работе над более крупными проектами наличие хорошо организованной структуры проекта может сделать ваш код более удобным для поддержке.
Frontend 1 734
2 года назад

Структура React приложения

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

Продвинутая CSS-анимация с примерами

CSS-анимация — это мощный инструмент для создания привлекательного и динамичного UI на сайте. Она позволяет дизайнерам воплощать в жизнь динамичный дизайн и делать веб-сайты более интерактивными и визуально привлекательными.
Frontend 3 302
2 года назад

Обзор популярных библиотек для верстки сайтов

Создание визуально привлекательного и удобного для пользователя веб-сайта требует тщательного рассмотрения различных элементов дизайна, включая макет. Хорошо продуманный макет может значительно улучшить пользовательский опыт, стимулировать вовлеченность и повышать конверсии на сайте.
Frontend 1 133