Основи навчання HTML, CSS та JavaScript

Ласкаво просимо на курс!

Для розуміння HTML корисно краще розуміти, що таке HTML насправді. Цей урок розглядає саме це питання.

Важливим питанням, коли ви тільки починаєте: як створюються, відображаються або змінюються HTML-документи? Відповідь ви знайдете в цьому відео.

Основу HTML-документів складають так звані теги. Цю концепцію ти ознайомишся в цьому уроці.

HTML-документи складаються з частини заголовка з інформацією про документ і видимим вмістом. У цьому уроці йдеться спочатку про частину заголовка (head).

Основний вміст розміщується в області body. Ти повинен обов'язково зрозуміти це базове розподіл. Цей урок є обов'язковим у кожному випадку!

Особливо обсягові документи виграють від коментарів, які не відображаються безпосередньо на веб-сайті. Вони можуть зробити код більш зрозумілим та документованим. Навчіться створювати їх.

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

Посилання всередині веб-сайту дуже поширені. Реалізацію можна знайти в цьому дописі.

Посилання на інші веб-сайти так само важливі і теж належать до повсякдення в Інтернеті. Додатково існує покажчик Target, який вказує, як відкриті посилання. Навчися, як це реалізувати.

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

До ієрархічної структури належать, серед іншого, заголовки. Тут ти дізнаєшся про доступні елементи.

Пробіли та переноси рядків в HTML-документах є обмеженими. Важливо, щоб ти розумів цю концепцію.

У тексті абзаци відіграють важливу роль. Тут ти вчишся їх розміщувати.

Так, саме на веб-сайтах текст повинен бути зрозумілим. Списки допомагають користувачам швидко переглядати інформацію. Тому урок про впорядковані та неупорядковані списки є обов'язковим.

Таблиці дуже важливі для табличної обробки даних. Тут ти дізнаєшся основи.

Веб без зображень неможливий. Ти дізнаєшся тут, як вставити зображення.

Вивчай вставляти спеціальні символи як HTML-ентітети в свої документи.

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

JavaScript-сценарії вставляються в HTML-документи. Тут ти дізнаєшся, як це робити.

У першому практичному занятті з HTML розглядаються форматування тексту та встановлення заголовків.

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

Знання щодо таблиць зараз застосовуються тут на практиці.

Вивчай концепцію каскадних таблиць стилів.

Вчися призначати CSS-заявки безпосередньо елементам.

Внутрішні таблиці стилів - це ще один спосіб вказати інструкції безпосередньо в документі.

Дуже поширений випадок: таблиці стилів виносяться в зовнішні файли та підключаються.

Для стилювання надзвичайно важливі атрибути "class" та "id". Познайомся з ними тут.

Саме контейнери відіграють важливу роль у роботі з CSS. Тут ти дізнаєшся про концепцію на прикладі тегу div.

За допомогою атрибуту float можна різно зміщувати елементи. Це центральний елемент в дизайні. Обов'язкова лекція!

Також атрибут позиції є дуже важливим і повинен бути на кожному плані навчання CSS.

Вивчайте різні параметри відступів («padding» та «margin»).

Ширина і висота - це тема цього уроку.

HTML-елементи можуть бути відображені з використанням рамки. Для цього існує атрибут border, який ви дізнаєтеся у цьому відео.

Різні розміри шрифтів використовував кожен. Після цього уроку ти зможеш задати їх за допомогою CSS.

Шрифти не завжди доступні на кожному комп'ютері. Тому в інтернеті визначаються в основному шрифтові сім'ї. Дізнайся в цьому відео, як це зробити.

Основа оформлення тексту: жирний, курсивний та підкреслений текст. У цьому уроці я представлю тобі CSS-інструкції.

Вирівнювання тексту відоме також з текстового процесора і не є рідкістю в Інтернеті. Дізнайся, як це працює з CSS.

Стандартний дизайн посилань можна значно покращити за допомогою CSS. Вивчай різні стани посилань та відповідні CSS-інструкції.

Короткий огляд питання: "Що насправді таке JavaScript?

У цьому курсі ти вставляєш JavaScript у HTML-документ. Спочатку ти вчишся робити це прямо в документі.

Зовнішні JavaScript-скрипти також важливі і завжди присутні в Інтернеті.

Вивчайте „Document Object Model“.

Ти не повинен виводити дані у TVML/TVJS цим чином, але це все одно важливо для подальших прикладів.

Однією із ключових функцій JavaScript є управління подіями. Тут ти дізнаєшся про концепцію на прикладі подій кліку.

Вивчайте, як отримати доступ до елементів та змінювати їх значення.

Змінні - центральна концепція кожної мови програмування. Тут ти навчишся, як їх створювати в JavaScript.

Навіть якщо JavaScript не використовує явні типи даних при декларації, все одно важливо зрозуміти цей концепт.

Комп'ютер (німецькою «Rechner») не може обчислювати нічого без простої арифметики. JavaScript, звичайно, також може це зробити.

Навіть якщо ти не використовуєш їх безпосередньо, комбіновані або складені присвоєння часто зустрічаються тобі на практиці. Добре, якщо ти можеш читати синтаксис!

Без умов програмування важко уявити.

Також поняття повторення є надзвичайно важливим. Тут ти дізнаєшся один варіант на JavaScript.

Також цикли `while` мають своє використання. Добре, якщо ти також їх знаєш.

Ти також будеш використовувати функції в TVJS. Важлива концепція, яку слід зрозуміти.

Щоб розуміти код належним чином, тобі потрібно знати області видимості JavaScript (Scopes).

Тут ще раз і трохи більше детальності про події.

Рядки, мабуть, зустрічаються вам у кожній програмі. Тому вони обов'язково повинні бути у курсі зіткнень.

Теми, такі як випадкові числа та інші складні обчислення, також важливі.

Також масиви точно зустрінуться з вами в середовищі JavaScript та TVJS. Добре, якщо ви їх знаєте.

Також в TVJS використовуються об'єкти. Тому тобі слід знати принаймні JavaScript-реалізацію.

Властивості належать до об'єктно-орієнтованого програмування і в принципі повинні бути зрозумілими.

Також важливі методи, які ти частіше зустрінеш у прикладах з TVJS.