FullStack Course

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

Це головна сторінка для всіх моїх домашніх робіт на курсі FullStack від школи iTHillel. Кожне завдання лежить в окремій папці та відкривається через свій власний index.html.

12 home works HTML / CSS / JavaScript / SVG Окремі папки для кожного ДЗ

Навігація по роботах

Оберіть потрібне завдання зі списку нижче. Посилання ведуть на головну сторінку кожної домашньої роботи всередині відповідної папки.

Home Work 1

Базова HTML сторінка

Перше домашнє завдання з базовою структурою сторінки та початковою HTML-розміткою.

Home Work 2

Багатосторінковий HTML сайт

Навігація між кількома сторінками: about, articles, contacts, gallery, form та anchors.

Home Work 3

HTML + CSS сторінки

Продовження багатосторінкового сайту з окремими стилями та розширеною структурою сторінок.

Home Work 4

Верстка сторінки

Окрема практична робота з HTML і CSS для відпрацювання макету та стилізації сторінки.

Home Work 5

Git та двосторінковий сайт

Практика базового Git-процесу та невеликий сайт з окремою сторінкою про виконану роботу.

Home Work 6

Таблиця у стилі Мондріана

Відтворення композиції у стилі Піта Мондріана через HTML-таблицю, rowspan та colspan.

Home Work 7

Практика блокової моделі

Серія сторінок з display, float, overflow, позиціонуванням, normalize.css та reset.css.

Home Work 8

Float Layout та BEM

Практика семантичної розмітки, BEM-іменування та побудови макетів на основі float.

Home Work 9

Landing Page

Адаптивний лендинг за макетом з секціями статистики, відеоблоком та окремими ассетами.

Home Work 10

Responsive Simple Site

Респонсивна адаптація шаблону Simple Site Template з media queries, гнучкими відступами та коректним відображенням від 375px.

Home Work 11

SCSS Simple Site

Рефакторинг шаблону Simple Site у модульну SCSS-структуру з використанням змінних, міксинів, вкладеності та @use/@forward.

Home Work 13

SVG Figures and A11Y Basics

Практика з SVG-фігурами, кольоровими контурами, заливкою, CSS-анімацією та базовою доступністю через title і desc.