Загалом html курс це відмінна можливість для усіх бажаючих вивчити основи створення веб-стерінок.

Також важлива риса даного курсу є те, що вам не потрібно попередні знання у цій області. Ми починаємо все з початку і вивчаємо все, що вам потрібно, щоб створювати красиві та функціональні сторінки. На даному курсі ви дізнаєтеся як створювати html сторінку та як її стилізувати за допомогою css.

Також ви вивчити основні теги html, такі як заголовки, теги, абзаці, списки, посилання та багато іншого. Також ви дізнаєтесь як взаємодіятися з таблицями, формами та взагалі взаємодіятися з користувачем.

Після того ви також зануритеся в css. Css дозволяє стилізувати ваші сторінки за допомогою кольорів, шрифтів, розмірів.

Ви дізнаєтесь як додавати фонові зображення та створювати анімацію. Загалом, якщо порівнювати веб-розробку із розробкою автомобіля, якщо звісно це можна робити, то html – це каркас автомобіля та основні стетичні частини.

Css – це стилізація, кольори, зовнішній вигляд та стиль. Тут також на зображенні є javascript, але це поза межами даного курсу. Це вже далі, якщо вам буде цікаво. В курсі ви будете мати можливість практично відпрацювати свої знання,

створювати власні веб-сторінки, виконуючи домашні завдання. Загалом курс початкового рівня, тому домашні завдання не будуть складимі, і ми будемо з вами створювати наше власне CV. Отже, першою частиною даного курсу є html – це мова розмітки,

веб-сторінок та веб-додатків. Вона використовується для створення структури і організацію місту веб-сторінок, такі як текст, зображення, аудіо, відео та інші елементи. Загалом це можна порівняти з газетою, тобто коли йде форматування колонок.

Це загалом гарний приклад, якщо ми говоримо про html. Так, говорити про те, що html дуже важливий, я гадаю, також не має сенсу, тому що хоч і далі там йде джевоскрипт і тому подібне,

але все рівно основа всьому html, і його потрібно гарно знати, якщо ви хочете займатися саме веб-розробкою. Тому пропоную, пропоную не зволікати, пропоную відразу почати зі створення абсолютно простої html-сторінки.

Ось покажу, як ми її будемо робити. Для того, щоб створити html-файл, відкрите будь-який редактор на вашому коді, наприклад, notepad, якщо ви користувач Windows. Додайте код з посилання у відкритий редактор або перепишіть його із відео.

Потім потрібно створити новий документ, натиснувши файл, а потім new. Збережіть документи з розширенням html, наприклад, індекс. Для цього натисні файл, а потім save as у вікні збереження, видіть розташування та видіть назву файлу,

index.html в поле name. Збережіть файл зі змінами, натиснувши save. Потім, відповідно, цей файл потрібно відкрити у браузері.

Щоб відкрити файл, натисні правою кнопкою мыші на нього та із списку open with і оберіть той браузер, в якому ви хочете відкрити. Ви поринули в чудові часи розробки 90-ти,

робота з блокнотом, це не зовсім зручно, давно вже вигадані рішення для розробки, як це все спрощувати, тому що файло і кількість файлів може бути майже безкінечно величезна. Тому для цього вигадані IDE – це спеціальне середовище для розробки.

Ось тут виділені основні, тобто VS Code, Sublime, Atom, Vim, Notepad++. Тобто ми навіть по цій таблиці можемо зрозуміти, що найкраще рішення

і найпростіше саме для фронтенд розробки – це VS Code. Саме в ньому я зараз і відкрив ці всі файли, тобто як ви бачите, зображення все працює. Ось що ми з вами зробимо, тут мене вже готово, але ми з вами відкривмо це через VS Code,

і наскільки це простіше робити. Тобто ось ми віддаляємо зараз відкрити папку, вбираємо, яку нам потрібно. Я заходжу на Desktop, HTML, CSS, і відкриваю першу папку. Ось першу папку відкриваю,

на праву кнопку Image, New File, також Index HTML створили. Все круто. Заходжу на GitHub, копіюю, вставляю, зберігаю. Все є. Тепер заходжу через робочий стіл,

відкриваю першу папку, Open with Chrome. Ось, прошу. Наш веб-сайт перший створений, вже відкрився. Уже доволі все гарно виглядає. Тому домашнім вашим завданням буде встановлення VS Code,

тому що це набагато спростить процес розробки для вас, і ви зрозумієте, наскільки це зручно ви користовуєте саме VS Code, бо можливо інша ідея, яка ви забажаєте, але в межах цього курсу будемо використовувати саме VS Code, я буду його використовувати.

Тому бажаю успіху з першим домашнім завданням.