Работа в Интернет. Если тебе за 40

Когда я рассказываю, что делаю контент с помощью нейросетей, меня часто спрашивают: «А где ты это делаешь? Как зайти? Сколько платишь?» Теперь напишу один раз — и буду давать ссылку на эту статью. Есть сервис, которым я пользуюсь сам. Он бесплатный, не требует VPN и позволяет работать с разными нейросетями в одном окне. Никаких подписок и танцев с бубном. Рассказываю, как он работает и что с его помощью можно сделать. Открываете сайт arena.ai. Ссылку оставлю в описании или в комментариях. Регистрируетесь через почту Google — это занимает минуту...

Представьте ситуацию. Вы заходите на сайт. Что-то идёт не так. Кнопка не работает. Данные не загружаются. Страница падает. Обычный пользователь обновляет страницу. Или уходит. Или пишет в поддержку «у вас сломалось» что бывает крайне редко. Тестировщик делает по-другому. Он открывает лог. Не потому что он супертехнарь. А потому что лог — это единственный объективный источник правды о том, что реально произошло на сервере и в браузере. Лог — это запись событий. Сервер записывает в него каждое действие: кто к нему пришёл, что попросил, что ответил и с каким кодом...

Вы заходите на сайт, и что-то идёт не так. Кнопка не работает. Данные не загружаются. Страница выглядит странно. В этот момент обычный пользователь обновляет страницу. Или закрывает вкладку. Или пишет в поддержку, что у них там сломалось. А тестировщик делает другое. Он открывает инструменты разработчика. Не потому что он супертехнарь, а потому что это первый и самый быстрый способ понять, что произошло. Без гаданий. Без пересылки скриншотов в техподдержку. Просто открыл — и увидел. DevTools — это...

Вы открываете сайт — он загружается. Нажимаете на ссылку — страница открывается. Отправляете форму — получаете подтверждение. Или не получаете. Вместо этого — белый экран, сообщение: «Страница не найдена» или что-то непонятное с ошибкой. Мы привыкли к этому как к «работает» или «не работает». И даже не задумываемся, что в этот момент браузер и сервер обменялись данными и сервер вернул код — цифру, которая ровно говорит, что произошло. Для тестировщика код ответа — это первая и главная подсказка...

Вы тестируете форму регистрации. Заполнили все поля, нажали кнопку «Зарегистрироваться». Сайт пишет: «Ошибка сервера». Что делать? Вы идёте к разработчику. Он спрашивает: «А какой запрос ушёл? GET или POST? Тело запроса было?» Вы не знаете. Вы просто нажали кнопку. Разработчик вздыхает и идёт смотреть логи сам. Вот для чего нужно понимать методы HTTP. Это не теория, а прямой инструмент для вашей работы. Но чтобы увидеть эти методы, нужен ещё один инструмент — DevTools. DevTools — это встроенные инструменты разработчика в браузере...