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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Курс по Tailwind CSS: Flexbox #6

Flexbox — мощный инструмент для построения макетов. Он упрощает управление расположением элементов по горизонтали и вертикали. В Tailwind всё это сводится к простым утилитам, которые легко комбинировать и читать прямо в разметке.
Frontend
6 месяцев назад
0 703