Уеб интерфейси
Всяка програма в другите курсове печата на конзолата. Хората обаче виждат програмата през екран: списък с продукти, бутон „Купи“, формуляр, който казва какво е сгрешено, страница, която се зарежда и не замръзва. Този курс учи как се прави такъв екран: първо платформата на браузъра, после компонентите, с които се строи голям интерфейс.
Продължи оттам, докъдето стигна:
Какво учиш
Раздел „Какво учиш“Курсът има две части.
Част 1: платформата
Раздел „Част 1: платформата“- Структурата на страницата: елементите и дървото, което браузърът строи от тях, текст, връзки и таблици, формуляри, достъпност.
- Как изглежда: каскадата и специфичността, кутиите, flexbox, grid и страница, която работи на телефон.
- JavaScript в страницата: DOM, събития, списък от данни и данни от API, със зареждане, грешка и празно.
Част 2: компоненти с React или Vue
Раздел „Част 2: компоненти с React или Vue“- Компоненти: интерфейсът като функция на данните, props, списъци и ключове, условия.
- Състояние: рисуване наново, непроменими обновявания, изчислено и споделено състояние.
- Ефекти, данни и формуляри: ефекти и почистване, заявки, които се надбягват, формуляри с проверки, общо състояние.
- Цяло приложение: рутиране, бързина, тестове на компоненти и как изглежда истински проект.
- Проект: витрината на магазина: каталог, кошница, поръчка и API в едно приложение.
Как се учи тук
Раздел „Как се учи тук“Всеки урок започва от проблем в онлайн магазин: цената, която изведнъж е връзка, бутонът извън екрана на телефона, списъкът, който показва стари данни. После идеята се показва със сцена: дървото, което браузърът строи, правилото, което печели каскадата, събитието, което се издига, компонентът, който се рисува наново.
Кодът се пуска направо в страницата, в пясъчник без мрежа и с мнимо API на магазина. Задачите се проверяват по поведение: проверката натиска бутоните и търси елементите по роля и име, както ги намира екранен четец. Първата част е еднаква за React и Vue, а във втората избираш библиотеката и можеш да я смениш по всяко време.
Какво трябва да знаеш
Раздел „Какво трябва да знаеш“JavaScript до „Модерен JavaScript“: функции, обекти, масиви с map и filter, модули и async/await. В браузъра не трябва нищо за инсталиране.