Як я писав HTML-код 17 років тому. Оновлення інспектора Chrome. Дещо практичне.
Опубліковано: 8 трав. 2021 р.
Підписатися
Telegram-канал для зацікавлених темою створення сайтів, для отримання файлів необхідних для виконання уроку ТА ЗАПИСУ НА ІНТЕНСИВНИЙ КУРС НАВЧАННЯ: https://t.me/htmlcssforall
Програма інтенсивного курсу: https://docs.google.com/document/d/1WLS9Ck_-1VNYF8L19YS95l-xTRMkgR5nQyT11YeRB18/edit?usp=sharing
---
У цьому відео:
Демонструю свій перший код 17 років тому, знайомлю з оновленням у інспекторі Chrome стосовно налаштування flex-елементів. Також пропоную рішення одного невеликого практичного завдання. Тільки прості практичні приклади, нічого зайвого :)
---
#Frontend #БезкоштовнийКурс
---
Інші відео з серії:
01 - Анонс курсу: https://youtu.be/NJfwDM424IQ
02 - VS Code - Середовище для створення коду, його налаштування, загальні моменти до початку роботи https://youtu.be/LKcusz9QFrw
03 - Перша практика з HTML&CSS: код простенької сторінки згідно дизайн-макету. Підключаємо шрифти. https://youtu.be/zjcUgCI_1V8
04 - Як створити просту сторінку з контактною формою за допомогою HTML5 та CSS3. https://youtu.be/6NWWtsiLEQM
05 - Семантика. Навігація, та до чого тут списки? https://youtu.be/4iHhyixBwxw
06 - Що таке Flexbox у CSS - практичні приклади https://youtu.be/6d9L9OqWkgQ
07 - Практика з позиціонуванням елементів, фоновим зображенням та SVG-зображеннями https://youtu.be/PyW5hbeErpc
08 - Псевдоелементи CSS (практика з додаванням зображень за допомогою ::before) https://youtu.be/10qBnyTrWAU
09 - Знайомство з transition, transform та псевдокласом hover https://youtu.be/HrO4F4loAww
10 - Слайдер на сайті - як створити (частина 1). Оголошення запуску інтенсивного курсу по Frontend.
11 - Слайдер на сайті - як створити (частина 2)
https://youtu.be/Qrj3kXVeCww
12 - Адаптів сайту та медіазапити (практичні приклади) https://youtu.be/JWfhjH0sZcU
13 - Як створити "бургер"-меню на сайті (про адаптів - частина 2) https://youtu.be/JWfhjH0sZcU
14 - Практика з CSS-псевдокласами та псевдоелементами, jQuery-плагін Fancybox
https://youtu.be/tepVIbCxjRU
розгорнути опис
згорнути опис