TGViewer
CodeShadow CodeShadow @codeshadowcources · 77 subscribers
Post #385 87
💻 Кейс: запуск своей первой HTML-страницы

➡️Предыдущий пост

Привет! 👋 В прошлый раз мы собрали простую HTML-страницу со стилями.

Но код — это одно, а показать результат — совсем другое. Давай разберём, как всё это запустить у себя и показать клиенту.


1️⃣ Создай у себя на компьютере обычный текстовый файл и назови его index.html.

Скопируй туда весь код, который я показывал в прошлом посте.

2️⃣ Теперь два пути:

☀️Самый простой: открой файл двойным кликом — он сразу запустится в браузере.

☀️Более “правильный”: поставь любой локальный сервер (например, встроенный в Python).

🥃 Вот минимальный запуск через Python:

# сохрани файл как server.py
import http.server
import socketserver

PORT = 8000
handler = http.server.SimpleHTTPRequestHandler
httpd = socketserver.TCPServer(("", PORT), handler)

print("Сервер запущен на http://localhost:8000")
httpd.serve_forever()

Запусти его, и по адресу http://localhost:8000 увидишь свою страничку.

3️⃣ Чтобы показать заказчику — можно выгрузить на GitHub Pages или в любой бесплатный хостинг. Это даст ссылку, которую удобно скинуть.

И вот у тебя уже не просто кусок кода, а реально работающий сайт. А это и есть кейс для портфолио 🎯
  • 👏 2
More from @codeshadowcources
  1. Oct 9, 2026🖥
  2. Oct 8, 2026Наш внутренний проект для преподавателей. Думаю, получилось отлично)
  3. Oct 8, 2026🎮 Как мы внедрили геймификацию в работу преподавателей Геймификация давно вышла за предел…
  4. Oct 6, 2026😎
  5. Oct 3, 2026😐
  6. Sep 27, 2026Пусть Codex или Claude сами напишут MCP Теперь кейс посерьёзнее. Допустим, приходит клиент…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →