Frontend-розробка
Старт: уточнюйте
Розклад:
ПН: 20:00 - 22:00
СР: 20:00 - 22:00
СУБ: 17:00 - 21:00
Курс складається з трьох частин. Наведені нижче переліки тематичних блоків не є вичерпними. Крім наведених нижче технологій окрема увага приділяється налаштуваню та використанню інструментів розробника (VS Code, Chrome DevTools, Git/GitHub/GitHubPages, npm тощо)
HTML/CSS (90 годин)
Структура сторінокHTML-елементиСемантикаТекст, зображення та посиланняФорми та ix стилізаціяМультімедіаCSS-селектори та специфічністьШрифтиBox-model, ПозиціонуванняFlexbox та Grid LayoutКольори та фонові зображенняЗмінні та функції в CSSПереходи та Анімація@media, адаптивні зображення, бургер-меню@layer, Popover API, Carousel APIПрепроцесори (SCSS)CSS-бібліотеки та фреймворки (MVP, Bootstrap, Tailwind)Багато практики на уроках та не менш ніж 10 домашніх завдань/проектів з перевіркою та фідбекомбонус: Доступ до 100+ високоякісних figma-макетів з frontendmentor.ioJavaScript/TypeScript (180 годин)
Лексична структура, змінніТипи даних та їх методиОператориУмовні конструкції та циклиОб'єкти, масиви та їх методиФункціїОбробка помилокКласиМодуліDOM, EventsCanvasАсинхронний JavaScriptВалідація форм та RegExpURL, History, WebstorageТестування коду (Jest)Документація до проекту (jsDoc)TypeScript - базові типи данихTypeScript - Union Types, Type Aliases, InterfacesTypeScript - Type Assertion та Literal TypesTypeScript - Generics, Conditional TypesTypeScript - Void, Unknown, NeverTypeScript - Типізація функційБагато практики на уроках та не менш ніж 30 домашніх завдань/проектів з перевіркою та фідбекомReact/Next.js (50 годин)
Налаштування середовища розробки з ViteJSX та TSX синтаксисReact Components, Props, StateReact Hooks (useState, useEffect, useContext, useRef)Нові хуки React (useOptimistic, useFormStatus, useFormState)Actions в ReactАсинхронні компоненти в ReactSuspense та lazy loadingОптимізація рендерингу та Server ComponentsNext.js - розгортання проектуNext.js App RouterNext.js Data FetchingNext.js Rendering стратегіїNext.js Partial PrerenderingNext.js Caching та RevalidationNext.js Styling (CSS Modules, Tailwind)Next.js Оптимізація та аналітикаNext.js Authentication з NextAuth.jsNext.js Deploying (Vercel, Render)Багато практики на уроках: Проект з Vite та React, Проект з Next.js App Router, Великий проект з використанням Next.js, React, TypeScript, Tailwind CSS та Server Components