Лабораторна робота №4

Асинхронні запити. Розробка динамічної форми

Вправа 1. JS fetch API. Натискаючи на кнопку, отримувати і відображати серверний час

Вправа 2. JS fetch API. Передавати дані та отримувати рядок з повним іменем

Вправа 3.

• Щосекунди відправляти запит та отримувати дані про серверний час

​

Розв'язки

• Вправа 1. https://gist.github.com/alexanderkuzmenko/33423122a91ede56f7348cf41bab46b2
• Вправа 2. https://gist.github.com/alexanderkuzmenko/7c5cc3ee528293f3cb5ec2ac9188b409
• Вправа 3. https://gist.github.com/alexanderkuzmenko/53ffcc25944e849ec31e55d4d7eb63c2

​

Завдання 1. На сервері є структура з даними, який студент знає яку мову програмування

Створити сторінку з текстовим полем. Під час внесення імені студента, повинен відображатись список мов, які він знає, або NotFound, якщо студента не знайдено

Завдання №2. В БД є таблиці для континентів, країн, областей та міст. Розгляньте структуру БД

Завдання. Створіть динамічну форму за зразком

https://youtu.be/_OIZ2X3U7ZI

Завдання №3

• При виборі міста отримуються поточні дані про погоду в цьому місті. Запит надсилається на OpenWeatherMap асинхронно, результат відображається на цій же сторінці в окремому блоці:

Посилання

База даних yii-world: https://github.com/alexanderkuzmenko/GeoWorld

Приклад коду зробленого на лекції:

https://gist.github.com/alexanderkuzmenko/f48c112f1f8a2df1697784977951399a

​

​