Практика веб-разработки

Разобраться. Написать. Проверить.

Короткие уроки по фронтенду: от первой реактивной переменной до доступной формы. С примерами кода и небольшими заданиями.

Vue 3 / реактивность в действии

const count = ref(0)
const doubled = computed(
  () => count.value * 2
)

{{ count }}

computed: {{ doubled }}
Измените состояние — Vue обновит DOM.

Разобрать на примере

Поиск по материалам

Материалов: 4

От обычной переменной к интерфейсу, который обновляется вместе с данными.

Компоненты

Небольшой компонент с понятными входными данными и одним действием.

CSS

Grid для структуры, Flexbox для небольших групп элементов.

Доступность

Подписи, фокус и ошибки — базовая часть работающего интерфейса.