Практичний HTML – відеокурс

Мова викладання в курсі – російська. Незабаром буде доступна українська версія цього курсу.

Відеозаписи лекцій без зворотного зв’язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.

ЩО РОБИМО?

Цей курс складається з двох частин. У першій частині ми верстаємо інтернет-магазин, що складається з декількох сторінок.

Ми верстаємо:

– головну сторінку інтернет-магазину
– сторінку каталогу товару з фільтрами
– сторінку одиничного товару зі слайдером
– кошик товару
– крім цього робимо мобільний адаптивний дизайн
– також ми верстаємо односторінковий сайт про евакуатори

Крім цього, вам доступні 14 відеоуроків з теорії та практики HTML CSS з практичними прикладами.

ЩО ВИВЧАЄМО?

– теги
– властивості CSS
– види елементів: блокові, рядкові
– позиціонування елементів: static, relative, absolute, fixed, flex
– ми вивчаємо HTML5 – семантичну верстку і всі нові теги (понад 20)
– ми верстаємо односторінковий сайт на HTML5 з продажу пропелерів, виправляємо помилки в HTML і проводимо валідацію верстки
– ми виконуємо практичне перенесення сайту з HTML4 на HTML5
– ми вчимо МЕРЕЖКИ – три уроки присвячено сіткам
– псевдоелементи і псевдокласи
– працюємо з формами
– підключаємо слайдери (з налаштуванням)
– вивчаємо адаптивну верстку під мобільні пристрої

ЩО ВИ ОТРИМУЄТЕ?

Результатом курсу ви вивчите верстку сайтів від створення файлу і структури папок до створення сайту адаптованого під мобільні дозволи. Вивчите на практиці теорію роботи з HTML і CSS, підходи до верстки та реалізації елементів сайту.

– Повний доступ до відеоуроків
– Можливість скачування уроків на комп’ютер
– Всі розглянуті в уроках вихідні коди
– Глибокі знання з HTML, CSS
– Практику написання коду розмітки та оформлення сайтів за допомогою CSS
– Практику побудови макета сайту на HTML
– Семантичні підходи до верстки
– Практику з верстки елементів сайту, різні підходи до оформлення, оптимізацію коду
– Бонусні уроки

Приклади верстки сторінок з курсу

УРОКИ КУРСУ

01. ОСНОВНІ ТЕГИ HTML

02. CSS. ОФОРМЛЕННЯ ТЕКСТУ

03. БЛОКОВІ ТА РЯДКОВІ ЕЛЕМЕНТИ

04. ПОЗИЦІОНУВАННЯ ЕЛЕМЕНТІВ

05. FLOAT, ПЛАВАЮЧІ ЕЛЕМЕНТИ

06. ПСЕВДОЕЛЕМЕНТИ ТА ПСЕВДОКЛАСИ

07. HTML5 СЕМАНТИКА

08. HTML5 ПРАКТИКА

09. МІГРАЦІЯ HTML4 TO HTML5

10. НОВІ ТЕГИ HTML5

11. РОБОТА З ФОРМАМИ

12. ДОДАВАННЯ СЛАЙДЕРІВ

13. АДАПТИВНІ РОЗМІРИ САЙТУ ТА ШРИФТИ.

14. АДАПТИВНА ВЕРСТКА

15. ВЕРСТАЄМО БЛОК ТОВАРІВ

16. ВЕРСТАЄМО БЛОК РЕКЛАМИ

17. ВЕРСТАЄМО ФУТЕР

18. ВЕРСТАЄМО ЗАГОЛОВОК

19. ВЕРСТАЄМО СТОРІНКУ КАТАЛОГУ

20. КАРТА ТОВАРУ

21. ДОДАЄМО СЛАЙДЕР ПЕРЕМИКАННЯ ФОТОГРАФІЙ ТОВАРУ

22. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 1)

23. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 2)

24. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 3)

25. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 4)

26. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 5)

27. СКЛАДАННЯ ПРОЄКТУ (ЧАСТИНА 6)