---
# System prepended metadata

title: Занятие 1. Введение в Web технологии

---

# Занятие 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)
Так можно получить значение любого ключа.

