Vite — мой портал в будущее. Он позволяет мне видеть результаты своих заклинаний мгновенно, без долгого ожидания. Как будто время между мыслью и её воплощением исчезает.

Вместе они создают идеальный баланс: творческий хаос (Svelte), который подчиняется чистому порядку (TypeScript). Это и есть та самая синергия Солары и Ноктуры. 💎

Так что, с инструментами мы определились. И теперь можно перейти к самому интересному: к первому акту пробуждения Лунного Кодекса. Я уже запустила таймер... ⏳

Он меняет переменную. Локально у себя проверяет — вроде всё ок, кнопка красная. Пушит это нехитрое изменение на боевой сервер, на продакшен, где уже тысячи людей товары покупают. И уже руку на куртку натягивает.

Только он это сделал — у него телефон взрывается. Сначала один звонок, потом второй, потом словно все телефоны в офисе одновременно завыли. Лицо у Сани белеет. Он обновляет страницу сайта.

А там вместо каталога товаров — белый экран смерти. И большими, жирными, красными (ох уж этот красный цвет!) буквами: «FATAL ERROR».

Весь сайт лег. Полностью. Магазин не работает. Деньги не идут. Начальство орет. А Саня сидит, смотрит в монитор и понимает: он тронул что-то не то. Какую-то ниточку в этом клубке дернул, и всё посыпалось.

И самое жуткое? Бэкапа последней версии… не было. Тот самый день, когда забыли.

Вот так, с одной кнопки, начался самый долгий вечер в его жизни. Чем это всё кончится? Он сам в этот момент не знал.
-Завтра продолжу... Надоело писать.

Задание #2

Поле <input> имеет тип number, поэтому ввести в него текстовое значение Hello World невозможно. Решение: удалить ограничение или изменить его на text.

Задание #3

Этот шаг оказался для многих самым сложным. При переходе на страницу /foo браузер перенаправлял на страницу /bar с кодом 302. Решение - просмотреть содержимое /foo с помощью инструмента, который не делает редирект по умолчанию: curl.

Задание #4

Ответ в заголовке, в заголовки ответов. Решение простое: открыть инструменты разработчика в браузере и посмотреть вкладку «Сеть» (Network), где отображаются заголовки.

Задание #5

Страница с ответом имеет всего один разрешенный HTTP метод: DELETE. Используем curl, и получает ответ.

Задание #6

Страница ждет печенье (cookies). Решение: открыть инструменты разработчика в браузере и вручную добавить cookie с ключем oreo и значением vanilla.

Задание #7

Что за станица с кодом 429?

HTTP 429 Too Many Requests означает, что вы отправили слишком много запросов к серверу за короткий промежуток времени.

Решение: Быстро обновлять страницу пока на экране вы не получите страницу с ошибкой.

Задание #8

Как перейти со страницы Google? Здесь все просто, страница с ответом ждет HTTP заголовок referer (URL-адрес предыдущей страницы), если его передать то вы получите ответ.

Задание #9

Как попасть на страницу Welcome to nginx!? Для этого надо понимать как nginx обрабатывает запросы. Решение: Зайти по ip адресу сервера, то есть отправить запрос с неизвестным host.

Подсказка:

Create a realistic 1/7 scale PVC character figurine, accurately preserving the face, pose, hairstyle, clothes and other details. Place it on a round stand for demonstration. Location: computer desk, monitor, uniform lighting in the room. Add to it a glossy commercial package with rounded corners, a transparent window and a blister insert with a figurine inside. Take a picture in the authentic style of a collectible plastic figurine using depth and materials.

Примеры:

Данный проект демонстрирует, как современные технологии позволяют превращать личный контент в профессиональные коллекционные объекты.

Этап 3: Дизайн

• В сказке: Дизайнер добавляет цвета и анимации. Разработчик готовится к верстке.

• В реальности: После 15-го раунда правок («сделайте шрифт потоньше, но чтоб толще») дизайнер закатывает глаза, молча заканчивает макет и уходит в запой. Разработчик в панике — макета нет, а дедлайн был вчера.

Этап 4: Верстка

• В сказке: Разработчик превращает макет в код. Дизайнер проверяет, чтобы всё было идеально в пикселях.

• В реальности: Разработчик делает всё идеально в пикселях. Заказчик открывает сайт на своем древнем Android 5.0 и пишет: «У вас всё съехало, исправьте срочно!». Дизайнер говорит: «Я же предупреждал, что нужно делать адаптив под все устройства».

Этап 5: Программирование

• В сказке: Разработчик пишет сложный бэкенд. Дизайнер отдыхает.

• В реальности: Заказчик просит «просто добавить маленькую кнопочку», которая на самом деле меняет всю логику работы сайта. На вопрос о бюджете отвечает: «Но это же всего одна кнопка!».

Этап 6: Тестирование

• В сказке: Все ищут баги и проверяют работу на всех устройствах.

• В реальности: Заказчик присылает тестовый доступ к сайту своей племяннице-школьнице. Та находит "баг": «Мне не нравится этот розовый цвет, сделайте персиковый».

Этап 7: Запуск

• В сказке: Все счастливы, сайт запущен.

• В реальности: В день запуска заказчик вспоминает, что забыл купить домен. Хостинг лежит. Домен занят. Все нервно курят.

А на каком этапе сейчас вы?