---
# System prepended metadata

title: WEB basic-Криворученко_Савелий-Практика_1
tags: [WEB basic]

---

---
title: WEB basic-Криворученко_Савелий-Практика_1
tags: WEB basic
description: Use `{%hackmd theme-dark %}` syntax to include this theme.
---

<style>

html, body, .ui-content {
    background-color: #333;
    color: #ddd;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
    color: #ddd;
}

.markdown-body h1,
.markdown-body h2 {
    border-bottom-color: #ffffff69;
}

.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
    color: #fff;
}

.markdown-body img {
    background-color: transparent;
}

.ui-toc-dropdown .nav>.active:focus>a, .ui-toc-dropdown .nav>.active:hover>a, .ui-toc-dropdown .nav>.active>a {
    color: white;
    border-left: 2px solid white;
}

.expand-toggle:hover, 
.expand-toggle:focus, 
.back-to-top:hover, 
.back-to-top:focus, 
.go-to-bottom:hover, 
.go-to-bottom:focus {
    color: white;
}


.ui-toc-dropdown {
    background-color: #333;
}

.ui-toc-label.btn {
    background-color: #191919;
    color: white;
}

.ui-toc-dropdown .nav>li>a:focus, 
.ui-toc-dropdown .nav>li>a:hover {
    color: white;
    border-left: 1px solid white;
}

.markdown-body blockquote {
    color: #bcbcbc;
}

.markdown-body table tr {
    background-color: #5f5f5f;
}

.markdown-body table tr:nth-child(2n) {
    background-color: #4f4f4f;
}

.markdown-body code,
.markdown-body tt {
    color: #eee;
    background-color: rgba(230, 230, 230, 0.36);
}

a,
.open-files-container li.selected a {
    color: #5EB7E0;
}

</style>

# WEB basic-Криворученко_Савелий-Практика_1

<a name="headers"><h2>Введение в Web технологии </h2></a>


| Задания |
|---|

- [x] Установить и настроить  **linux ubuntu 20.04** 
- [x] Настроить подключение к репозиториям **docker**
- [x] Установить **Docker CE**
- [x] Установить веб-приложение **https://hub.docker.com/r/bkimminich/juice-shop**
- [x] Изучить запросы браузера к приложению  и форме регистрации пользователей.
- [x] Сформировать  запрос к приложению через **curl**
- [x] Сформировать  запрос к приложению через **powershell**
- [x] Изучить ответ приложения и распарсить его с помощью утилит **jq**




---
| Установка и настройка linux ubuntu                |
| ---------------------------------- |

|Настройки конф.|
|---|
|![](https://i.imgur.com/lgiQT4q.png)



---



|Установить Docker CE and Настроить подключение к репозиториям docker|
|---|


|Качаем пакеты для использования htpps|
|---|
|![](https://i.imgur.com/rPkUyOa.png)
|ключ GPG|
|![](https://i.imgur.com/qHfdJzf.png)|
|Добавляем репозиторий Docker в источники APT|
|![](https://i.imgur.com/vg2RPgI.png)
|Установим docker|
|![](https://i.imgur.com/IftdMR8.png)|
|Проверим status|
|![](https://i.imgur.com/gUsfYEV.png)|
|info about docker|
|![](https://i.imgur.com/4gNX6lm.png)|
|создал несколько проверочный контейнеров|
|![](https://i.imgur.com/E3yY8SY.png)|
|создадим контейнер ubuntu и подключимся|
|![](https://i.imgur.com/uDdl03Z.png)|
|Запустим и вырубим для проверки|
|![](https://i.imgur.com/95OWFQr.png)|



---



|установим веб приложение|
|---|
|![](https://i.imgur.com/Sb3b4hT.png)|
|![](https://i.imgur.com/PmOiyKn.png)
|![](https://i.imgur.com/yWuLVbo.png)




---



|запросы браузера к приложению  и форме регистрации пользователей|
|---|


|json(текст. форм данных) и xhr(http запросы без перезагрузки стр.)|
|---|
|![](https://i.imgur.com/9RAGclw.png)|
|![](https://i.imgur.com/ZpE5KAz.png)|
|Попробуем зайти|
|![](https://i.imgur.com/Q648V98.png)
|Изучим запросы при регистрации|
|![](https://i.imgur.com/PDNt8x0.png)
|Запросы http(значит не шифруются)
|![](https://i.imgur.com/CepygOk.png)|


  ---



|Сформировать  запрос к приложению через **curl**|
|---|

|curl запрос на данные корзины содержат ссылку на youtube|
|---|
|GET
|![](https://i.imgur.com/3VFPwPD.png)|
|![](https://i.imgur.com/VZ6ot35.png)
|POST
|![](https://i.imgur.com/G0qqggz.png)


---



|Сформировать  запрос к приложению через **powershell**|
|---|

|![](https://i.imgur.com/Ae0vamv.png)|
|---|


---

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

|Для начала скачаем|
|---|
|![](https://i.imgur.com/brjjxPK.png)|
|post|
|![](https://i.imgur.com/ZI47FDy.png)|
|get|
|![](https://i.imgur.com/huLwg9v.png)


