ЗАГАЛЬНІ ПОНЯТТЯ ВЕБ-ПРОГРАМУВАННЯ

Веб-програмування – це процес розробки та створення динамічних веб-додатків та веб-сайтів, які взаємодіють з користувачами через Інтернет.

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

У веб-програмуванні ключову роль відіграють три основні мови та технології:

● HTML (HyperText Markup Language) – це мова розмітки, використовується для визначення структури та семантики веб-сторінок. HTML елементи визначають різні частини сторінки, такі як заголовки, параграфи, списки, таблиці, зображення тощо.

● CSS (Cascading Style Sheets) – це мова стилів, використовується для оформлення веб-сторінок та керування їх зовнішнім виглядом. CSS визначає кольори, шрифти, розміри, відступи, рамки та інші стилеві властивості елементів на сторінці.

● JavaScript – це мова програмування, яка використовується для створення динамічного та інтерактивного веб-контенту. JavaScript дозволяє додавати взаємодію на сторінці, перевіряти дані, валідувати форми, анімувати елементи, отримувати та відправляти дані до сервера без перезавантаження сторінки.

Окрім цих основних мов, веб-програмування включає в себе використання баз даних, таких як MySQL або PostgreSQL, для збереження та організації даних, а також використання серверних мов програмування, таких як PHP, Python або Ruby, для обробки запитів та взаємодії з базою даних.

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

У веб-програмуванні виділяють дві основних складових.

Бекенд і фронтенд – це дві ключові складові веб-розробки, які відповідають за різні аспекти створення веб-додатків.

Ось їх особливості: Фронтенд розробка:

● Фронтенд розробка відповідає за створення того, що користувач бачить і взаємодіє на веб-сторінці.

● Вона займається розробкою користувацького інтерфейсу (UI), який включає в себе структуру, дизайн, оформлення та інтерактивні елементи веб-сторінок.

● Фронтенд розробник використовує мови та технології, такі як HTML, CSS та JavaScript, для створення зовнішнього вигляду та поведінки веб-сторінок.

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

Бекенд розробка:

● Бекенд розробка відповідає за обробку логіки, обмін даними та управління серверною стороною веб-додатка.

● Вона зосереджена на розробці серверного програмного забезпечення, яке працює на сервері та взаємодіє з базами даних, зовнішніми сервісами та іншими компонентами.

● Бекенд розробник використовує мови програмування, такі як PHP, Python, Ruby або Java, для створення функціональності та обробки запитів користувачів.

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

Одна з ключових особливостей роботи фронтенд та бекенд розробників полягає в тому, що вони співпрацюють між собою для створення повноцінного веб-додатка. Фронтенд розробник отримує від бекенд розробника необхідні дані та функціонал для відображення на веб-сторінці, тоді як бекенд розробник забезпечує необхідні API та логіку для взаємодії з фронтендом. Ці дві складові взаємодіють між собою через HTTP протокол, де фронтенд надсилає запити на бекенд, а бекенд повертає необхідні дані та результати обробки.

Фронтент і бекенд взаємодіють між собою в рамках технології “клієнт-сервер”.

У такій системі клієнт – це кінцевий користувач або програмне забезпечення, що взаємодіє з користувачем. Клієнт зазвичай надає інтерфейс користувача, через який він взаємодіє з додатком або отримує доступ до ресурсів, що зберігаються на сервері.

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

Клієнтська сторона відповідає за представлення даних і взаємодію з користувачем.

КЛАСИФІКАЦІЯ МОВ ПРОГРАМУВАННЯ ТА РОЗМІТКИ

Мова розмітки і мови програмування є різними концепціями, які використовуються для різних цілей у сфері комп'ютерних наук. Ось декілька ключових відмінностей між ними:

Ось декілька ключових відмінностей між ними:

Мова розмітки:

● Мова розмітки (наприклад, HTML, XML) використовується для описування структури, форматування та презентації документів.

● Вона використовується для розмітки контенту з метою його відображення в браузері або інших програмах.

● Мови розмітки не є програмувальними, оскільки вони не мають повноцінного набору функцій і можливостей для виконання складних операцій.

Мова програмування:

● Мова програмування (наприклад, Python, Java, C++) використовується для створення програм і алгоритмів, які виконують обчислення і керують роботою комп'ютера.

● Вона надає засоби для створення програм з різноманітним функціоналом, включаючи обробку даних, взаємодію з користувачем, маніпулювання файлами та інші операції.

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

● Вони використовуються для розробки програмних додатків, веб-сайтів, ігор, мобільних додатків та багатьох інших систем.

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

МОВА JAVASCRIPT ТА ЇЇ ОСОБЛИВОСТІ

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

Основні аспекти та функції JavaScript у веб-розробці включають:

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

Обробка подій: JavaScript дозволяє обробляти події, такі як клік, наведення курсора, ввід даних, зміна розміру вікна браузера та багато інших. Це дозволяє реагувати на дії користувача і виконувати певні дії при виникненні певних подій.

Створення сценаріїв на сторінці

Основна перевага Web-сторінок – це можливість реагувати на події, що відбуваються із елементами сторінки. Зміна змісту сторінки за допомогою сценаріїв при її появі робить сторінку динамічною. При написанні сценарію використовується мова JavaScript (JScript, JS). Написання сценарію здійснюється за допомогою тегу

ЗМІННІ

Змінні - це контейнери, всередині яких можна зберігати значення. Ви починаєте оголошувати змінну з ключовим словом var, за яким слідує будь-яке ім'я, яким ви захочете її назвати:

ВСІ ІНСТРУКЦІЇ В JAVASCRIPT ПОВИННІ ЗАКІНЧУВАТИСЯ ТОЧКОЮ З КОМОЮ, щоб вказати, де закінчується ця інструкція. Якщо ви не додасте її, то можете отримати несподівані результати. Ім'я змінної може містити лише літери, цифри або символи $ (символ долара) та _ (символ підкреслення). Перший символ не може бути цифрою. Називайте змінні англійськими літерами, без пропусків. JavaScript чутливий до регістру - myVariable відрізняється від змінної myvariable. Після оголошення змінної, ви можете надати їй значення:

Змінні мають різні типи даних:

ТИП ДАНИХ: STRING (рядок)

Щоб показати, що змінна є рядком, помістіть її в лапки.

ТИП ДАНИХ: NUMBER (число)

Числа не мають лапок навколо себе. Числа можна записувати як із десятковими знаками, так і без них.

ТИП ДАНИХ: BOOLEAN (логічний)

Значення true (правда) / false (брехня). Слова true і false - спеціальні ключові слова, і не потребують лапок.

ТИП ДАНИХ: ARRAY (масив)

Дозволяє зберігати кілька значень в одному посиланні.

Звернутися до елемента масиву можна так: myVariable[0]. У квадратних дужках пишуть номер (індекс) елементу масиву. Перший елемент має індекс = 0.

ТИП ДАНИХ: OBJECT (об'єкт)

У принципі, що завгодно. Все в JavaScript є об'єктом, і може зберігатися в змінній