Уеб интерфейси: Vue

Библиотека:ReactVue

Курсът е един за React и Vue, а примерите тук са с Vue. Първата част (HTML, CSS, DOM) е обща, втората е компоненти. Всеки пример се пуска и променя направо в страницата.

Модул 0

Добре дошъл

1 урок · как браузърът показва страница, пясъчникът, React или Vue

1. 1Добре дошъл

Модул 1

HTML: структурата на страницата

4 урока · елементи, текст, формуляри, достъпност

1. 1HTML документът
2. 2Текст, връзки, картинки, таблици
3. 3Формуляри
4. 4Достъпност

Модул 2

CSS: как изглежда страницата

5 урока · каскада, кутии, flexbox, grid, за телефон

1. 1Селектори и каскада
2. 2Box model
3. 3Flexbox: ред и колона
4. 4Grid: редове и колони
5. 5Responsive дизайн

Модул 3

JavaScript в страницата

4 урока · DOM, събития, списък от данни, fetch

1. 1DOM: страницата от JavaScript
2. 2Събития
3. 3Списък от данни
4. 4Данни от API

Модул 4

Компоненти

4 урока · JSX и шаблон, props, списъци, условия

1. 1Първият компонент
2. 2Props: данни отгоре
3. 3Списъци и ключове
4. 4Условия: празно, грешка, зарежда

Модул 5

Състояние

4 урока · useState и ref, обновявания, изчислено, споделено

1. 1Състояние
2. 2Обновяване на обекти и масиви
3. 3Изчислено състояние
4. 4Вдигане на състоянието

Модул 6

Ефекти, данни и формуляри

4 урока · ефекти, данни от API, формуляри, общо състояние

1. 1Ефекти
2. 2Данни от API в компонент
3. 3Формуляри в компонент
4. 4Общо състояние

Модул 7

Цяло приложение

4 урока · рутиране, бързина, тестове, истински проект

1. 1Рутиране
2. 2Бързина: кога се рисува наново
3. 3Тестове на компоненти
4. 4От пясъчника към проект

Модул 8

Проект: витрината на магазина

1 урок · каталог, кошница, поръчка и API в едно

1. 1Витрината на магазина

Упражнение

Задачи

Всички задачи от уроците на едно място, по модули.