1. Частина де ми говоримо про JS
1.1. Що таке асинхронне програмування
1.1.1. Синхронний код
1.1.1.1. Його проблеми
1.1.2. Асинхронний код
1.1.3. Стек викликів
1.1.3.1. візуалізація
1.1.4. Цикл подій
1.1.4.1. Тут можна погратись: http://latentflip.com/loupe
1.1.5. Колбеки
1.1.5.1. Callback-hell
1.1.5.1.1. Добре що є проміси та async/await
1.1.6. Q&A
1.2. Як працюють сучасні веб-додатки
1.2.1. Клієнт-серверна архітектура
1.2.1.1. Історія про товстих і тонких
1.2.1.2. Класичний алгоритм роботи такої моделі
1.2.1.2.1. Клієнт робить первинний запит на сервер
1.2.1.2.2. Сервер відповідає HTML-сторінкою, іноді з набором якихось даних, впроваджених у вигляді JS-об'єкта в кінці сторінки
1.2.1.2.3. Користувач здійснює якусь дію, наприклад, просить відсортувати таблицю
1.2.1.2.4. Клієнт у відповідь на цю дію вирішує, який запит надіслати на сервер, будує запит і надсилає його
1.2.1.2.5. Сервер приймає цей запит, обробляє його та відправляє на клієнт порцію нових даних
1.2.1.2.6. Клієнт приймає дані та перемальовує частину сторінки по них. Тобто він не замінює один шматок розмітки на інший готовий, а малює розмітку сам
1.2.2. Запити та відповіді
1.2.2.1. fetch
1.2.2.2. HTTP-методи
1.2.2.2.1. https://code.tutsplus.com/uk/tutorials/http-the-protocol-every-web-developer-must-know-part-1--net-31177 https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
1.2.2.3. JSON
1.2.2.3.1. JSON (JavaScript Object Notation) — це текстовий формат обміну даними між комп'ютерами
1.2.2.4. REST
1.2.2.4.1. REST (Representational State Transfer) — стиль спілкування компонентів, коли всі необхідні дані вказуються в параметрах запиту
1.2.3. Обсяги даних
1.2.3.1. Кешування
1.2.3.2. Код-сплітінг
1.2.3.3. Мідл-енд
1.2.4. Q&A
2. Епілог
2.1. Екстра матеріали
2.1.1. https://medium.com/free-code-camp/javascript-from-callbacks-to-async-await-1cc090ddad99
2.1.2. https://medium.com/@parvej.code/javascript-asynchronous-programming-evolution-7e0bffd45f0c
2.1.3. https://www.freecodecamp.org/news/asynchronous-javascript-explained/
2.1.4. https://www.freecodecamp.org/news/synchronous-vs-asynchronous-in-javascript/
2.1.5. https://exploringjs.com/impatient-js/ch_async-js.html
2.1.6. https://understandinges6.denysdovhan.com/manuscript/11-Promises.html
2.1.7. https://medium.com/geekculture/how-modern-web-applications-are-made-today-514ff5fc8506
2.1.8. https://medium.com/jeremy-gottfrieds-tech-blog/a-complete-guide-to-modern-web-applications-793ae71b57ad
2.1.9. http://singlepageappbook.com/goal.html
2.1.10. https://codeguida.com/post/2662
2.1.11. https://www.youtube.com/watch?v=8aGhZQkoFbQ&ab_channel=JSConf
2.2. Тизер-трейлер наступного вебінару
2.2.1. Q&A