Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
IT-блог
IT
Техно
175 публикаций
Рубрики
Все
Обучение
Frontend
Мобильная разработка
Backend
Электроника
Сервера
CMS
Общее
GameDev
Инструменты сборки
GIT
Проекты
Нейросети
Machine learning
Linux
Тестирование
Автоматизация
Блокчейн
Теги
подборки
курс
JavaScript
курсы
Python
CSS
обзор
React
roadmap
UI
новичкам
Vue
верстка
исходники
HTML
теория
синтаксис
плагины
PHP
сравнение
modx
анимация
Laravel
библиотеки
TypeScript
формы
кнопки
интернет-магазин
сайты
установка
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
React — полный гайд: от основ до хуков за одну статью
React — библиотека для пользовательских интерфейсов. Его главная идея: интерфейс описывается как функция от состояния приложения. Вместо того чтобы вручную управлять DOM: искать элементы менять текст добавлять классы синхронизировать состояние React предлагает описать, как интерфейс должен выглядеть при текущем состоянии.
JavaScript для интерфейса: создаем компонент уведомления #1
Эта статья — про то, как спокойно и осознанно писать код интерфейса. Не быстро, не «в лоб», а так, чтобы через полгода в него было не страшно вернуться.
Готовая форма обратной связи для сайта: обзор, установка и настройка SMTP
Грамотно сделанная форма обратной связи — один из самых простых и в то же время самых эффективных инструментов коммуникации на сайте.
Новые стандарты CSS 2025: nesting, container queries и scoped-стили
CSS в 2025 году переживает крупнейшее обновление со времён появления Flexbox и CSS Grid. Язык стал гораздо мощнее, гибче и ближе к компонентной разработке.
React уже не №1? Обзор современных фреймворков: Solid, Qwik, Svelte 5
В течение почти десяти лет React был фактическим стандартом веб-разработки. Его использовали повсюду: от небольших стартапов до крупнейших корпораций. Любой новый разработчик начинал путь именно с него, а любые альтернативы казались экспериментами для энтузиастов.
Кредитный калькулятор с диаграммой на JavaScript
Этот кредитный калькулятор — готовый визуальный модуль, который можно вставить на любой сайт. Он рассчитывает ежемесячный платеж, переплату, общую сумму выплат и показывает структуру кредита на диаграмме.
Что на самом деле делает фронтенд: путь данных от сервера до вашего экрана
Фронтенд обычно представляют как «кнопки» и «красивые интерфейсы». Но это очень поверхностное понимание. На самом деле фронтенд — это слой приложения, который работает между пользователем и сервером, управляет данными, обновляет экран без перезагрузки и обеспечивает взаимодействие с системой.
Как строить переиспользуемые фронтенд-компоненты: пример кнопки лайк
Когда проект становится больше, неизбежно появляется вопрос: как писать интерфейс так, чтобы потом не переписывать одно и то же десятки раз?
Интерактивный HTML с Alpine.js на простых примерах
Большие фронтенд-фреймворки часто требуют сложной настройки: сборщики, роутинг, состояния, хуки, конфигурации. Но для небольших задач вроде выпадающих меню, модалок или табов этого слишком много — иногда хочется просто взять HTML и быстро добавить в него немного интерактивности.
Что должен знать фронтенд-разработчик: база для успешного старта
Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Курс по Tailwind CSS: Container query #8
Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Курс по Tailwind CSS: Grid-сетки #7
В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
1
2
3
…
15
»
