ConWebnutiy

Web как часть промышленной разработки

Введение

Округлим вас до ПМИ

Компуктер сайенс (Computer science)
Могилки (Разработка могильных приложений на кладбище (ios/Android = s/Andrd))

Веб - для денегггггггггг (777 КАК ПОДНЯТЬ БАБЛА)
Роль в промышленной разработке
Устройство веба
Как освоится на (первой) работе
Как оценить свою работу (и любую работу)
Сколько шекелей платить разработчику
Chat-GPT вас съест (и люди со Скиллбокса)

Качество продукта

Скорость работы и затраты памяти - важно.
Что такое лендинг????????
Критерий - СТОИМОСТЬ (понимать сложно).
Стоимость оценивается НЕ в деньгах, а в человеко-часах.
1С - зло
Ваши навыки - ограничены (и замкнуты, а значит компактные) опытом, недостатком знаний и т. д.

,kznm
Вы не сможете работать над одним проектом 3 месяца (беды с башкой).
Вывод: вы захотите что-то написать, потому что у вас есть возможности (!!!); а сможете ли вы это сделать? Если кол-во человеко-часов <= 1 месяц, то есть все шансы, иначе гг.
Разные оценки стоимости: ,kznm (зп поделить на затраченное время).

Бекенд разработчик - если плохо напишет - гг, ничего не взлетит.
Живет в подвале (как и тестировщик).

План

Различать между CS и ID (айди, айндастриал дивелопмент)
Модель OSI (OY или OX?)
git
Статический веб
Веб с динамикой (Джанго-Шманго)
STA-шёв
Современная веб-индустрия

Вам за лендинг заплатят столько, сколько готовы заплатить.

Очевидно.
Изучаем поле (коммутативное кольцо с единицей)

Чёто в роде браузера, в контексте модели OSI (Ox)

Отступление

хуй
z = xyi
Открываем браузер, какой-нибудб хороший (не хромого), лису. Там сайт меменёв.ру. OSI - 7 слоёв Рабоче-крестьянское понимание.

Application
Presentation
Session
Transport
Network
Data link
Physical

Application

http-запрос.

Presentation

SSL/TLS
https - http + шифрование

Session

Сисионный слой размазан.
Кукисы (хуюкисы) отвечают, на!
Строка добавляется в каждый http-запрос.

Transport

TCP и UBD - протоколы данных.

Network

IP-адресинг и NAD. Слой, который ищет конкретного адресата. IP-пакеты.

Data link

хуй

Physical

Провода и ток.

Здесь нигде не написано месенёв.ру. Адреса записаны через матемаитческую модель. DNS-resolve. Браузер проверяет свой кэш -> операционаая система (hosts файл) -> обращение к DNS-серверу -> ормирование http-запроса -> Браузер.

Пакеты Поста. URL (ключает доменное имя или не включает). Доменное имя - адрес сервера.
Куги, они на деревьях.
Хидер
братишка я тебепокушать принечъ
Инвалидация - процесс становления мкнщиком.
Петя666
Куки - строка, хэш. Ключ-значение словаря (на ПиТоНе).
Боди. Всё то же самое, только post, а не get.
Вы открываете vk.com и здесь пишете "Месенёв".
"Про сессию мы поговорили, больше к ней возвращаться не будем."
SRC-port, destination-port, sequence number, check-sum, ezhevika, sama data.

На чанки (в майнкрафте) разбиваются данные, очень маленькие. Сформировали пакет. И чё? Как он работает?
Отправляет запрос в драйвер. Компьютер - агент (007) локальной сети.
Фейковые IP-адреса для конспирации. (502) Gateway. Может ли он сам сообразить, может ли он отправить пакеты. Система DHCP (ДЦП, не SCP). КБ ДВФУ регулярно банит Месенёва 1 раз в месяц. Банят - меняй mac(~~donalds~~)-адрес.
Gateway-ев может быть несколько. Кинул кабель до Атлантического океана, вот прикол.
Страна - город - улица - дом.
У IP-пакетов есть направление. Сущ.
Программа висит (косплеит черешню).
Зарезервируй порт, чтобы играть в DOOM (РОЦК ЕЕЕЕЕЕЕЕЕЕЕ!!!).
Какая программа не требует порта - Ping. Для того, чтобы лапшой соединить компы. TCP-пакеты - для программы. IP-пакеты - для операционной системы. PING - ping-pong.

Коллекционируем IP-пакеты (~~говна~~).
"Козлы потому что"®
Почему нельзя сделать
IP-адреса заканчиваются-заканчиваются, да никак не закончатся.
Он фейкует всё это Ж.
"Хотите приколотся над своим товарищем - берёте никнейм своего товарища, и прикрепляете ляжку Рикардо Милоса."
Цифровая война на уровне драки в грязи. Хулиганство. Хулиганством мы не занимаемся.

"Преимущество БЕЛОГО IP в том что можно хостить Варкрафт 3."

DHCP - выдача IP-адресов по Wi-Fi-свистку.

HTTP

Начало

Топологически происходит генерация ответов.
2 сетевых интерфейса: 0000 - компьютер сам по себе. Роутер определяет, куда отдать пакет. Alias "localhost". 127.0.0.1 - loop (кольцо).
На один порт нельзя забиндить 2 процесса.
nginx - чудо света в мире веб-разработки, просто потому что он хорошо сделан
lock-free архитектура (что это?) >br> nginx simplest configuration sample

nginx - proxy server, сам ответ получает где-то извне.
Выдача статики и проксирование запроса.
"Мы будем писать на Джанго(-Шманго)" - (мы - это кто?).
Сетевой интерфейс - способ взаимодействие с сетью (с внешним миром) (inner loop).
Есть сетевые драйвера (проги для управления сетью). Интерфейс - способ взаимодействия (IP-адрес и 65000 портов, которые крепятся к IP-адресу).

Ошибки

1xx - informational
2xx - successful
XXX - Suschtsch
3xx - redirection
4xx - ошибка клиента (404 not found)
5xx - (ван лав) сервер еррор

Если сервер получает ошибку 5xx, то оповещение об этом обязательно кому-то (админу) придёт.
Не пользуйтесь php, там доллары.
http-запрос -> запаковываем в TCP-пакет -> возвращается каким-то другим путём (диапазон в 10000 портов) -> сли пришло в один порт, то
парсим, декодируем
nginx умеет архивировать (разархивирует пакет), парсим html, https и javascript
DOM (а ты живёшь под мостом (Document Object Model - набор детей)) - древовидная архитектура.
Разбиваем дерево на слои и начинаем красить (берёзки).
ПО итогу - браузер показывает нам картинку (пиксели на экране).
Превращение текста в изображение - рендер.
"Интерактива сегодня не будет". И интегрирования тоже.
Давайте поговорим об оптимизации

Давайте поговорим об оптимизации

Фронтендер-Саратовск.
Кулдаун 30 дней - запросы не обрабатывает.
nginx может хранить в оперативке и ускорить в 1000 раз.

Пока у нас идёт какая-то работа.
"Как звать вас, машина?" - "Данил" (не Плешанов)
"Я выключил сервер, а он всё равно отвечает с того света".
8080 - мы поднимаем на этом порту питон, микросервис, на внутренней локальной сети. nginx прокидывает туда эти запросы.
"Это короче нифига не просто".
Понимаем топологию.
"Если всё работает, но сторож запил 0 всё бесполезно".
"Дзен - искусство ухода зо мотоциклом" - обязан прочитать каждый программист.

Время ответов на вопросы

Проксирование - передача запроса другому процессу. Существует больше нуля ответов.
SSH - всегда работает, потому что он тупой как пробка.
Хостят сервера только на линуксе (сервер на MacOS)
Залогиньтесь по логину и паролю
хз
хз
хз
хз
хз
хз

PHP

React - устарел.
MVC - не язык программирования, это куски кода (Model View Controller).
Spring и ASP - фреймворки для Java и C#, мегакорпоративные. Изучать мы из не будем.
"Что делает Java хорошим языком программирования?" - "Minecraft".
"Назовите хороший продукт на Java?" - "Minecraft". - "А кроме?" - "Моды на Minecraft".
Изучать будем Django.
"У меня друг работал на Ноде (Node.js) за 20 тысяч в месяц".

Model - слой данных или модель данных
View - как выглядит
Controller - слой программной логики

"Какая ещё есть логика (кроме программной)?" - "Математическая логика". - "В рамках нашей дискуссии". - "Бизнес логика"
Бизнес логика - это документы, их пересылка.
"Найдите хорошего программиста, Сущенко, например, и спросите у него, что такое объектно-ориентированное программирование."
"Бизнес логика пишется на слое моделей (Model). Не инстаграм-моделей."

Что такое View? Это то, что видит конечный пользователь.
"Насколько функционально важна продавщица? Продавщица - слой программной логики (Controller)".
"Код на реакте мне не нравится, потому что он похож на лапшу".
"Что такое транзакция?" - "Транзакция - дебильное слово, не надо его понимать".
"Backend и Frontend придуманы людьми, которые не понимают, о чём говорят".
"Software инженер или Fullstack developer, всё остальное для бедных".

У нас есть челик. Он делает запрос, и ему выплёвывает назад View.
MVVM
"Допустим, вам нужно включить в машине магнитолу. По модели MVC вы должны отдать производителю, он её разбирает, и собирает заново с включённой магнитолой."
Крокодил фаршированный ослом (приятного аппетита).
Когда римляне придумали фалангу и всех там дрючили, Другие что, не умели воевать? Умели, но их архитектура была не такой хорошей, как у римлян.

Как там это всё выглядит в коде (СУЩности)

Агенты
Склад(ы)
Клиенты
Сотрудники
Чеки