Тема 11. Веб-програмування
Урок 23. Об’єктна модель документа. Веб-програмування та інтерактивні сторінки.
Урок 20. Основні тренди у веб-дизайні. Види сайтів та цільова аудиторія. Інформаційна структура сайту. Інструменти веб-розробника.
Урок 21. Мова гіпертекстової розмітки. Каскадні таблиці стилів. Проектування та верстка веб-сторінок. Адаптивна верстка. Кросбраузерність.
Урок 22. Графіка для веб-середовища. Анімаційні ефекти. Мультимедіа на веб-сторінках.
Урок 24. Хостинг сайту. Веб-сервер та база даних. Взаємодія клієнт-сервер. Валідація та збереження даних форм.
Урок 25. Об’єктна модель документа. Веб-програмування та інтерактивні сторінки. Хостинг сайту. Веб-сервер та база даних. Взаємодія клієнт-сервер. Валідація та збереження даних форм.
Веб-програмування та інтерактивні сторінки
JavaScript - стандартна мова для веб-скриптів - назва реалізації стандарту мови програмування ECMAScript компанії Netscape.
Найпоширеніше і найвідоміше застосування мови — написання сценаріїв для веб-сторінок, але, також, використовується для впровадження сценаріїв керування об'єктами вбудованими в інші програми.
Основні властивості Javascript не потрібно компілювати, він підключається до HTML-сторінки й працює "як є".
Функції Javascript:
змінювати сторінку,
писати на ній текст,
додавати й видаляти теги,
міняти стилі елементів,
реагувати на події: (скрипт може чекати, коли що-небудь трапиться (клік миші, закінчення завантаження сторінки) і реагувати на це виконанням функції.)
виконувати запити до сервера й завантажувати дані без перезавантаження сторінки. (Це іноді називають "AJAX".)
встановлювати й зчитувати cookie,
валідувати дані (перевіряти їх коректність),
виводити повідомлення (й багато чого іншого.)
Унікальність javascript:
Повна інтеграція із браузером
Прості речі робляться просто
Підтримується майже скрізь
Структура мови
Структурно Javascript можна представити у вигляді об'єднання трьох частин:
Змінні
Змінні в javascript слабко типізовані. Це означає, що при оголошенні не потрібно вказувати тип. Можна надати змінній будь-яке значення. Однак при цьому інтерпретатор javascript (браузер) завжди знає, якого типу значення містить дана змінна, а значить - які операції до неї застосовні.
Змінну не обов'язково оголошувати. Досить їй просто надати значення: x = 5. В іменах змінних можуть використовуватися латинські букви (a...z, A...Z), цифри (0...9), знак долара ($) і знак підкреслення (_), при цьому не можна використовувати цифру першою.
Завдання до уроку
№ 1. Підготуйте коротку презентацію про мову програмування JavaScript
Матеріали до курсу