NEW BOT Телеграм, страница

💼

Кейс: мини-лендинг для клиента

Привет! 👋 Расскажу о небольшом, но показательном проекте.
Недавно ко мне обратился клиент с просьбой:

“Хочу простую страницу-визитку, чтобы человек понял, чем я занимаюсь, и мог быстро написать мне в Telegram.”

Без CMS, без форм регистрации — просто лёгкий мини-лендинг, который работает и на телефоне, и на ПК.

Главная задача — сделать быстро, красиво и понятно.
Вот с чего я начал👇

1️⃣

Структура.

Создал базу на HTML: шапка, короткий текст, кнопка и футер.
Всего один файл — index.html

💻

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <noscript>Услуги по разработке</noscript>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>Привет! Я — веб-разработчик</h1>
    <p>Создаю современные сайты и автоматизирую бизнес-процессы</p>
    <a href="https://news.1rj.ru/str/username" class="btn">Связаться</a>
  </header>
</body>
</html>

🚬 Просто и без лишних деталей.
После этого перешёл к стилям — именно они делают проект “живым”.

Please open Telegram to view this post

VIEW IN TELEGRAM

432

70 views10:03

CodeShadow

💻

#КлиентБот: Пост 3 — Сохраняем в SQLite: база клиентов + админ-панель

Привет! 👋

➡️

ПРЕДЫДУЩИЙ ПОСТ

Меню (1) + анкета (2) — заявка собрана. Финал: consent сохраняет в SQLite, админ видит лиды через /check. База растёт локально — строчки в requests.db, готово к экспорту.

💻 Почему SQLite — идеал для старта?

1️⃣Нет API, облаков — просто файл БД.
2️⃣Лиды: ID, имя, контакт, статус. Админ завершает кнопкой.
3️⃣Масштаб: потом на Sheets/N8N, но здесь — чистый Python.

👨‍💻 Код: Финал анкеты + админ (consent, check_requests — main.py)

consent: UUID для ID, INSERT в requests, +1 к счётчику. Уведомление админу. check_requests: Показывает активные (status=1) с кнопкой "Завершить".

💎Смотри main3.py 💎

Как это работает:

☀️consent: Если "Согласен" — INSERT в requests (status=1), уведомление админу, очистка user_data.
☀️check_requests: SELECT активных, вывод с Inline-кнопкой.
☀️complete_request: DELETE по ID — заявка ушла.

В main():

app.add_handler(CallbackQueryHandler(consent, pattern="^consent_"))
app.add_handler(CommandHandler("check", check_requests))
app.add_handler(CallbackQueryHandler(complete_request, pattern="^complete_"))

☕️ Тести: Заполни анкету → согласие → /check (как админ) — увидишь лид, кликни "Завершить". База живая!

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯
Серия готова — бот-менеджер на Python. Доработки? В комменты! 🚀
#CodeShadow #TelegramBot #Python #ВоронкаПродаж #КлиентБот

Please open Telegram to view this post

VIEW IN TELEGRAM

72 views06:09

CodeShadow

main3.py

3.6 KB

💎

Please open Telegram to view this post

VIEW IN TELEGRAM

63 views06:09

CodeShadow

Forwarded from INNOPROG — здесь об IT

Продолжаем рассказывать о наших преподавателях 📚

Сегодня делимся небольшим интервью в формате вопрос/ответ с Артемием!

Ставьте 🔥, если нравится такой формат

322

60 views10:34

CodeShadow

🔵

Стили и результат

Теперь самое интересное — дизайн.
Клиент хотел, чтобы страница выглядела чисто, современно и без перегруза.
Я использовал минималистичный подход: светлый фон, контрастный акцент и ровные отступы. 🎧

body {
  font-family: 'Inter', sans-serif;
  background: #f9f9f9;
  margin: 0;
  padding: 0;
  text-align: center;
}

header {
  padding: 100px 20px;
  background: white;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

h1 {
  color: #222;
  margin-bottom: 10px;
}

p {
  color: #555;
}

.btn {
  display: inline-block;
  padding: 12px 30px;
  background: #d62828;
  color: white;
  border-radius: 6px;
  text-decoration: none;
  margin-top: 25px;
  transition: 0.3s;
}

.btn:hover {
  background: #b71c1c;
}

После верстки адаптировал под мобильные устройства, добавил favicon и метатеги — мелочи, но они создают впечатление готового проекта.

🍫

Итог: за 4 часа получился аккуратный мини-лендинг, который клиент сразу выложил на GitHub Pages и отправил потенциальным партнёрам.

🥃 Вывод: даже простая HTML-страница может стать рабочим инструментом.
Если добавить чуть вкуса, структуры и практики — это уже коммерческий продукт, а не учебная работа.

Please open Telegram to view this post

VIEW IN TELEGRAM

72 views07:10

CodeShadow

do-tracker.py

2.2 KB

💎

#Python #CodeShadow #БыстрыйКейс

Please open Telegram to view this post

VIEW IN TELEGRAM

73 views11:44

🧳 Кейс: Пишем трекер задач за 3 минуты

Поддержки канал подпиской 🍫
https://youtube.com/@codeshadowit

#Python #CodeShadow #БыстрыйКейс

Please open Telegram to view this post

VIEW IN TELEGRAM

8322

106 views11:45

CodeShadow

Совет: записывай свои ошибки.
Серьёзно. Веди файл “грабли.py”, куда складывай, что сломалось и как ты это починил.
Через месяц это будет твоя личная база знаний.

104 viewsedited 06:58

CodeShadow

🥂 Создал группу, где можно обсудить проекты, код, позадавать вопросы. Присоединяйся!

https://news.1rj.ru/str/codeshadowfaq

Please open Telegram to view this post

VIEW IN TELEGRAM

Codeshadow | Делимся кодом

Здесь можно задавать вопросы, общаться, помогать другим и выкладывать свои проекты

✍️ Вопросы и предложения: @MifmanRu

32👏1

110 views11:14

CodeShadow

CodeShadow pinned «🥂 Создал группу, где можно обсудить проекты, код, позадавать вопросы. Присоединяйся! https://news.1rj.ru/str/codeshadowfaq»

13:29

CodeShadow

Когда работал за воздух ради отзыва, был максимально неуверен в результате, а заказчик просто молча принял работу (теперь пропало желание просить отзыв, а то ещё отрицательный напишет)

🤣522

88 views09:31

CodeShadow

😐 Сейчас выбираю тему для кейса по автоматизации с помощью нейросетей. Выбирай, что интересно именно тебе, и я сделаю подробный разбор с примерами кода. Голосуй в опросе!

Please open Telegram to view this post

VIEW IN TELEGRAM

75 views11:14

CodeShadow

Какой кейс интереснее попробовать? 👨‍💻

Final Results

Анализ ЦА по социальным постам 🌐

17%

Генерация картинок для постов 🖼

17%

Считывание чеков/ручного ввода ✍️

67%

Автогенерация учебных тестов 📝

6 voters77 views11:14

CodeShadow

Я люблю момент, когда код начинает работать.
Ты сидел, злился, бился головой об клавиатуру, а потом — БАЦ!
И оно работает.
Это как магия. Но магия, которую создаёшь ты сам.

89 viewsedited 06:58

CodeShadow

Начнём с проекта "Автогенерация учебных тестов" 🥳

В качестве ядра проекта возьмём нейросеть GigaChat — отличный вариант для старта 🕺

P.S. но не забываю и про остальные идеи — их тоже разберём на канале 😉

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

322

60 views14:57

About

Blog

Apps

Platform