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


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

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

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

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

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;
}

HTML

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

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

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

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

HTML приклад:

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

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

</body>
</html>

JS

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

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

HTML теґи

JS приклад:

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

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

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

button.addEventListener('click', clickHandler);