Принципи верстки сторінок.
Робота з макетами.

• Сервіс figma
• Оптимізація зображення за допомогою сервіса squoosh

1. Проаналізувати дизайну макету
2. Розгорнути новий проект в редакторі VS Code
3. Експортувати зображення із макету до проєкту та оптимізувати їх
4. Написати HTML-розмітку сайту
5. Перевірити валідність коду!!!

☢

☢

☢

• Керівництво від @mdo для написання коду в процесі вивчення технологій.

Для чого необхідні інструменти розробника в браузері Chrome Devtools і як вони допомагають у тестуванні:

Інструменти розробника Chrome – це набір інструментів веб-розробника,
вбудованих у веб-переглядач Google Chrome.
За їх допомогою можна перевіряти відображений HTML-код (DOM)
і активність мережі для ваших сторінок.

Приклад використання інструментів розробника Devtools в браузері Chrome:

• Огляд всіх можливостей DevTools
• Chrome DevTools : налаштування, можливості та способи перевірки коду