ВивчайВивчай

Домашні завдання

Практичні завдання для закріплення знань

Знайдено: 26 з 26

#1 · Основи HTML — створення багатосторінкового сайту

Домашнє завдання #1: Створення багатосторінкового сайту

#2 · HTML-теги для форматування тексту, списки, таблиці

Домашнє завдання #2: Відтворення текстового документа

#3 · Командний рядок, Git та GitHub

Домашнє завдання #3: Структура проєкту + Git + GitHub

#4 · Node.js, npm, package.json та VS Code

Домашнє завдання #4: Налаштування VS Code та npm

#5 · Семантичний HTML5, таблиці, форми

Домашнє завдання #5: Мій продукт — семантичний лендінг

#6 · CSS: селектори, Box Model, типографіка

Домашнє завдання #6: Стилі для твого лендінгу

#7 · CSS-позиціонування: relative, absolute, fixed, z-index

Верстка з Figma: position та absolute

#8 · Flexbox-верстка лендінгу за макетом

Верстка лендінгу з Figma

#9 · Умовні конструкції, функції та валідація даних

Домашнє завдання #9: Вечір у кафе — рахунок, чайові та паролі

#10 · Цикли, вкладені цикли, функції та робота з рядками

Домашнє завдання #10: ASCII-майстерня і таємні послання

#11 · Методи масивів: map, filter, reduce, sort, find

Домашнє завдання #11: Кіноаналітика — вижми все з датасету

#12 · DOM-маніпуляції, події, модальні вікна та випадаючі меню

Домашнє завдання #12: Модалка та dropdown для твого продукту

#13 · Події, валідація форм, localStorage

Домашнє завдання #13: Жива форма — валідація та localStorage

#14 · Фінальний проєкт блоку: DOM, події, форми, localStorage

Домашнє завдання #14: Мій каталог

#15 · ES6+: let/const, template literals, arrow functions, destructuring, spread/rest, optional chaining

Домашнє завдання #15: Рефакторинг легасі-коду на ES6+

#16 · Fetch API, async/await, обробка помилок, стани завантаження

Домашнє завдання #16: Підключаємо продукт до світу — дані з API

#17 · Класи, наслідування, приватні поля, getters

Домашнє завдання #17: Система ролей для блог-платформи

#18 · Type annotations, type aliases, union/literal types, keyof

Домашнє завдання #18: Типізація функцій та змінних

#19 · Interfaces, optional/readonly, extends, utility types, generics

Домашнє завдання #19: Типи для твого продукту

#20 · TypeScript у DOM: рефакторинг застосунку, generic storage, typed events

Домашнє завдання #20: Твій каталог на TypeScript

#21 · React: компоненти, props, state, списки

Домашнє завдання #21: Pokedex — каталог з пошуком і фільтрами

#22 · React: форми, події, Context API

Домашнє завдання #22: DevProfile — форма з прев'ю та темами

#23 · React: routing, useEffect, Context, робота з API

Домашнє завдання #23: Твій каталог у великому світі — React + API

#24 · Next.js: App Router, SSG, MDX

Домашнє завдання #24: Довідник твого продукту на Next.js (SSG)

#25 · Next.js: API Routes, CRUD, Server/Client Components

Домашнє завдання #25: CRUD твого каталогу на Next.js

#26 · Next.js: деплой, SEO, фінальний проєкт

Домашнє завдання #26: Фінальний проєкт — портфоліо і deploy на Vercel