Найдено в рубрике «Frontend»

 

React — полный гайд: от основ до хуков за одну статью

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

JavaScript для интерфейса: создаем компонент уведомления #1

Эта статья — про то, как спокойно и осознанно писать код интерфейса. Не быстро, не «в лоб», а так, чтобы через полгода в него было не страшно вернуться.
Frontend
2 месяца назад
0 480

Готовая форма обратной связи для сайта: обзор, установка и настройка SMTP

Грамотно сделанная форма обратной связи — один из самых простых и в то же время самых эффективных инструментов коммуникации на сайте.
Frontend
4 месяца назад
0 609

Новые стандарты CSS 2025: nesting, container queries и scoped-стили

CSS в 2025 году переживает крупнейшее обновление со времён появления Flexbox и CSS Grid. Язык стал гораздо мощнее, гибче и ближе к компонентной разработке.
Frontend
4 месяца назад
1 732

React уже не №1? Обзор современных фреймворков: Solid, Qwik, Svelte 5

В течение почти десяти лет React был фактическим стандартом веб-разработки. Его использовали повсюду: от небольших стартапов до крупнейших корпораций. Любой новый разработчик начинал путь именно с него, а любые альтернативы казались экспериментами для энтузиастов.
Frontend
4 месяца назад
0 845

Кредитный калькулятор с диаграммой на JavaScript

Этот кредитный калькулятор — готовый визуальный модуль, который можно вставить на любой сайт. Он рассчитывает ежемесячный платеж, переплату, общую сумму выплат и показывает структуру кредита на диаграмме.
Frontend
4 месяца назад
0 6 734

Что на самом деле делает фронтенд: путь данных от сервера до вашего экрана

Фронтенд обычно представляют как «кнопки» и «красивые интерфейсы». Но это очень поверхностное понимание. На самом деле фронтенд — это слой приложения, который работает между пользователем и сервером, управляет данными, обновляет экран без перезагрузки и обеспечивает взаимодействие с системой.
Frontend
4 месяца назад
0 472

Как строить переиспользуемые фронтенд-компоненты: пример кнопки лайк

Когда проект становится больше, неизбежно появляется вопрос: как писать интерфейс так, чтобы потом не переписывать одно и то же десятки раз?
Frontend
6 месяцев назад
0 801

Интерактивный HTML с Alpine.js на простых примерах

Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.
Frontend
6 месяцев назад
0 1 205

Что должен знать фронтенд-разработчик: база для успешного старта

Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Frontend
7 месяцев назад
0 1 152

Курс по Tailwind CSS: Container query #8

Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Frontend
7 месяцев назад
0 758

Курс по Tailwind CSS: Grid-сетки #7

В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
Frontend
7 месяцев назад
0 1 033