Тема 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

Для зарахування завдання надішліть файл через форму

Оцінка: +4 бали

Здати роботу

Матеріали до курсу