# Занятие 1. Введение в Web технологии # Установить и настроить  linux ubuntu 20.04 ![](https://i.imgur.com/UPrWSfy.png) Настроить подключение к репозиториям docker Предварительно установим набор пакетов, необходимый для доступа к репозиториям по протоколу HTTPS ![](https://i.imgur.com/TWq0BG7.png) Далее добавим в систему GPG-ключ для работы с официальным репозиторием Docker ![](https://i.imgur.com/IEXvdKe.png) Теперь добавим репозиторий Docker в локальный список репозиториев ![](https://i.imgur.com/vB63out.png) Повторно обновим данные о пакетах операционной системы![](https://i.imgur.com/5SRLcmv.png) Приступаем к установке пакета Docker ![](https://i.imgur.com/LSp2aY2.png) После завершения установки запустим демон Docker и добавим его в автозагрузку ![](https://i.imgur.com/OTnR1KC.png) Скачаем Docker Compose ![](https://i.imgur.com/HMiEQCs.png) После завершения загрузки, добавим загруженному бинарному файлу права на выполнение ![](https://i.imgur.com/l7Av5w9.png) ![](https://i.imgur.com/UC3DLvl.png) Установить веб-приложение ![](https://i.imgur.com/nqqqf4F.png) ![](https://i.imgur.com/8jjtx98.png) ![](https://i.imgur.com/biBLoN7.png) Есть доступ к сайту ![](https://i.imgur.com/MKrN9Qw.png) Сначала браузер обращается к серверу с запросом GET ![](https://i.imgur.com/ztm2MPu.png) Можно увидеть работу javascript ![](https://i.imgur.com/MPOZwOm.png) ![](https://i.imgur.com/KOS5Cas.png) Таблица стилей css ![](https://i.imgur.com/nTkki24.png) При нажатии на товар меню браузер запрашивает ресурс у сервера ![](https://i.imgur.com/yLQix0g.png) Прим смене языка на странице меняется json ![](https://i.imgur.com/kZJtGHe.png) ![](https://i.imgur.com/nQ0B3zR.png) Поле авторизации. Выполним попытку входа в систему ![](https://i.imgur.com/68UQs9T.png) Можно увидеть post запрос от браузера ![](https://i.imgur.com/bU8dyrF.png) ![](https://i.imgur.com/tWau0yZ.png) Сформировать запрос к приложению через curl. Получим код домашней страници ![](https://i.imgur.com/Ush86kz.png) Сформируем post запрос к серверу ![](https://i.imgur.com/n01cvJj.png) Получили ошибку неверная почта или пароль Сформировать запрос к приложению через powershell ![](https://i.imgur.com/FPWnBeK.png) Запросим информацию о товаре ![](https://i.imgur.com/VtyNp12.png) Заполним форму аутентификации ![](https://i.imgur.com/GQxVPUt.png) Получаем ошибку неверный пароль или почта Запишем вывод запроса в файл ![](https://i.imgur.com/9EW0pSB.png) Получим используемый язык ![](https://i.imgur.com/uu1ywW3.png) Так можно получить значение любого ключа.