---
# System prepended metadata

title: ' WEB basic. Введение в Web технологии '

---

<h1> WEB basic. Введение в Web технологии </h1>

1) Установить и настроить  **linux ubuntu 20.04** 

2) Настроить подключение к репозиториям **docker**
Первым делом обновим существующий список пакетов:
sudo apt update

Затем установите несколько необходимых пакетов, которые позволяют apt использовать пакеты через HTTPS:

sudo apt install apt-transport-https ca-certificates curl software-properties-common

Добавьте ключ GPG для официального репозитория Docker в вашу систему:

curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
Добавим репозиторий Docker в источники APT:

sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu focal stable"
Потом обновим базу данных пакетов и добавим в нее пакеты Docker из недавно добавленного репозитория:

sudo apt update

3) Установим **Docker CE**

sudo apt install docker-ce
![](https://i.imgur.com/po6N0xT.png)

4) Установить веб-приложение **https://hub.docker.com/r/bkimminich/juice-shop**
5) 
![](https://i.imgur.com/Xp5xsJP.png)

![](https://i.imgur.com/STYZlkR.png)

![](https://i.imgur.com/yarkt6M.png)

5) Изучить запросы браузера к приложению  и форме регистрации пользователей.
Заходим в интрументы разработчика (f12) переходим во вкладку нетворк и видим запросы браузера к приложению
![](https://i.imgur.com/xF6OjMF.png)


Далее переходим к форме регистрации http://localhost:3000/#/register
 регистрируем пользователя и видим новые запросы метода POST
 ![](https://i.imgur.com/HmxQx3y.png)

Можно посмотреть запрос
![](https://i.imgur.com/2jHcMnm.png)


6) Сформировать  запрос к приложению через **curl**
![](https://i.imgur.com/r19kfAh.png)

7) Сформировать  запрос к приложению через **powershell**
![](https://i.imgur.com/nbTvMVG.png)

8) Изучить ответ приложения и распарсить его с помощью утилит **jq**

проверим наличие JQ
 ![](https://i.imgur.com/mL2lYgE.png)

чтобы распарсить ответ приложения необходимо через пайп ввести jq 

![](https://i.imgur.com/yi8PUCM.png)
и допустим выведем только названия
![](https://i.imgur.com/2kkJCpL.png)

