Український веб-довідник

Веб-довідник створено, щоб допомогти вам здобути нові знання й ефективніше застосовувати вже здобуті.

Його мета — щоб будь-хто легко увійшов у світ веб-розробки та без зайвих зусиль створив свій перший сайт.

Ми — спільнота українських веб-розробників, і ми постійно працюємо, щоб український сегмент інтернету ставав кращим. Ми відкриті до нових ідей — приєднуйтесь.

Сьогодні ви можете дізнатися про такі технології:

HTML

Мова розмітки гіпертексту (англ. HyperText Markup Language - HTML).

Основна мова для опису змісту веб-сторінок.

Посилання, параграфи, форми та інші елементи веб-сторінки створюються за допомогою HTML.

HTML теґи HTML Події HTML глобальні атрибути

HTML приклад:

<!DOCTYPE html>
<html>
    <title>HTML Довідник</title>
    <body>

        <h1>Визначення заголовка</h1>
        <p>Визначення параграфа.</p>

    </body>
</html>

CSS

Каскадні таблиці стилів (англ. Cascading Style Sheets - CSS).

Мова для запису стильового оформлення веб-сторінок.

Колір тла, розмір літер та найрізноманітніші візуальні ефекти створюються за допомогою CSS.

CSS властивості CSS селектори

CSS приклад:

body {
    background-color: lightblue;
}
h1 {
    color: white;
    text-align: center;
}
p {
    font-family: verdana;
    font-size: 20px;
}

JS

JavaScript (скорочено - JS) - це високорівнева мова програмування, яка використовується для надання динамічної поведінки веб-сторінкам. Дозволяє створювати інтерактивні елементи, анімації, змінювати вміст сторінок без їх перезавантаження, може маніпулювати об'єктами та подіями на веб-сторінці, змінюючи їх властивості.

Javascript - клієнтська мова програмування й виконується в браузері користувача, але в останні роки JavaScript також отримав можливість виконуватися на серверній стороні за допомогою середовищ, таких як Node.js чи подібних.

JS обʼєкти

JS приклад:

function clickHandler(e) {
  var element = document.getElementById('myElement');

  element.innerHTML = 'Текст змінено після кліку';
}

var button = document.getElementById('myButton');

button.addEventListener('click', clickHandler);