2 of 8

Інформаційні технології загалом та веб-програмування зокрема приваблюють багатьох.

Веб-програмування — це створення сайтів та програм, які працюють онлайн.

Ця сфера дозволяє створювати динамічні веб-сайти та додатки, які сприяють зручній та ефективній взаємодії з користувачами.

3 of 8

Мета освітнього компоненту

Оволодіння здобувачами освіти теоретичних знань та практичних навичок в області Web- програмування, вивчення технологій НТМ, CSS, JavaScript, PHP, MySQL для розробки Web-проєктів, створення дизайну сайту, придбання практичних навичок при розробці Інтернет додатків та Інтернет сторінок різного типу.

�

4 of 8

Завдання освітнього компоненту

Вивчення та засвоєння здобувачами освіти:

методи і етапи розробки сайту,
принципи організації внутрішньої структури Web-сайтів,
призначення стандартних блоків,
принципи ергономічного співвідношення розмірів елементів Web-сторінки, їх форми, розташування,
щільності, визначення CCS і способи додавання стилів,
мову розмітки гіпертексту HTML,
як розміщувати Web-сайт на сервері,
можливості технології скриптової мови JavaScript,
можливості технологій PHP, як забезпечити захист сайту.

5 of 8

Вміти:

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

6 of 8

Розділи/Теми навчальної дисципліни

Розділ 1. Методи розробки сайту
Етапи і методи розробки сайтів.

Розділ 2. Мова HTML
Мова HTML.
Структура HTML-документу.
Оптимізація зображень за допомогою програми Photoshop.
Теги HTML.
Створення таблиць.
Форми. Обробник форм.

Розділ 3. Каскадні таблиці стилів (CSS)
Позиціювання в CSS.
Модуль flexbox.
CSS-властивості Flex-контейнеру
Перевірка коду на валідність

Розділ 4. Адаптивний дизай
Метатег "viewport".
Медіа запити.
Адаптивний макет сайту.

7 of 8

Розділ 5. JavaScript.
Об'єктна модель документа JavaScript.
Змінні. Оператори. Умовні вирази. Цикли.
Масиви. Функції. Об'єкти Style
Робота з таблицями стилів за допомогою JavaScript.

Розділ 6. PHP і MySQL.
Характеристика мови програмування PHP.
Елементи мови PHP.
Вибір і реєстрація доменного імені сайту.
Поняття і типи хостингу.
Створення і заповнення бази даних. Робота с базами даних.
Захист Web-сайту

8 of 8

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

Програмування відкриває перспективи на майбутнє