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
»
