Повний шлях від першого тегу HTML до серверного API на Node.js. 28 модулів, 84 уроки, 93 практичних завдання — все що потрібно для старту як junior fullstack розробник.
HTTP, клієнт-серверна архітектура, URL, DNS — фундамент перед написанням першого рядка коду.
Структура HTML-документа, основні теги, підключення CSS — будуємо першу сторінку з нуля.
Заголовки, параграфи, посилання, зображення — основні блоки будь-якої сторінки.
Семантичні теги HTML5 — header, footer, nav, main, section, article, aside — правильна структура документа.
Форми, поля вводу, кнопки, аудіо, відео та вбудовані фрейми.
Синтаксис CSS, каскад, специфічність, типи селекторів — фундамент стилізації.
Box model, display, margin, padding, border, box-sizing — як браузер рахує розміри елементів.
Float, position, Flexbox — три підходи до розташування елементів на сторінці.
Шрифти, Google Fonts, фони, градієнти та стилізація списків.
CSS transitions, animations, media queries та принципи адаптивного дизайну.
Застосовуємо знання: верстаємо реальну сторінку — header, hero, cards, footer.
Перше знайомство з JavaScript: var/let/const, типи даних, оператори, шаблонні літерали.
Вбудовані методи для роботи з рядками та математичними обчисленнями.
Створення масивів, базові методи, ітерація, map/filter/reduce та деструктуризація.
Об'єкти, властивості, методи, деструктуризація, Object API та серіалізація JSON.
if/else, switch, цикли for/while/for...of, функції всіх видів, замикання.
DOM API у браузері: пошук елементів, маніпуляції, події.
Node.js як середовище виконання JS, модульна система CommonJS/ESM, вбудовані модулі, асинхронний код.
Побудова веб-серверів і REST API з Express.js: маршрути, middleware, обробка запитів.
Реляційні бази даних: основи SQL, CREATE TABLE, CRUD-запити, JOIN та агрегатні функції.
CSS Grid Layout — потужна система для двовимірної розкладки сторінок, рядки та колонки одночасно.
CSS-змінні (Custom Properties), динамічна зміна тем, темний режим через prefers-color-scheme.
class, constructor, наслідування extends, статичні методи, гетери/сетери та прототипна система.
try/catch/finally, типи помилок, власні класи помилок, обробка помилок у async/await та Promise.
Fetch API для роботи з REST API, заголовки, методи, обробка відповідей, axios як альтернатива.
RegExp у JavaScript: шаблони, квантифікатори, групи, методи рядків та практичні приклади.
npm/yarn/pnpm, package.json, scripts, залежності, semver, ESLint, Prettier, Vite.
Unit-тести з Jest: describe/it/expect, мок-функції, тестування async коду та coverage.