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

Веб, которым удобно пользоваться.

HTML, CSS и Vue без лишней сложности. Учимся делать страницы, которые работают на узком экране и с клавиатуры.

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

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

{{ count }}

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

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

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

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

Доступность

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

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

Компоненты

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

CSS

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