🚀 ДЕТСКИЕ КУРСЫ ПО ПРОГРАММИРОВАНИЮ И ТЕХНОЛОГИЯМ
Научу создавать игры, сайты и работать с цифровыми инструментами!

🎯 НАПРАВЛЕНИЯ
1. Scratch (6–10 лет)
Весёлое и простое программирование с помощью блоков — идеальный старт для самых маленьких! Научимся создавать свои первые игры и анимации, развивая логику и творческое мышление.
Особенность:
Интерактивные уроки с яркими персонажами и понятными заданиями, которые делают обучение увлекательным и понятным даже для малышей.
💰 Цена:
1 урок — 800₽
Пакет 10+1 уроков — 8 000₽ (один урок в подарок!)

2. Компьютерная грамотность (6–10 лет)
Основы работы с компьютером, безопасное пользование интернетом, знакомство с программами и файлами. Курс поможет ребёнку уверенно ориентироваться в цифровом мире.
Особенность:
Практические занятия с понятными объяснениями — ребёнок научится быстро и безопасно работать с техникой и программами.
💰 Цена:
1 урок — 1 000₽
Пакет 10+1 уроков — 10 000₽ (один урок в подарок!)

3. Roblox / Blender / Unity (10–16 лет)
Погружение в мир создания игр и 3D-моделирования! Научимся создавать свои игры в Roblox и Unity, а также делать 3D-модели и анимации в Blender.
Особенность:
Практический курс с реальными проектами — от простых игр до сложных 3D-персонажей и сцен. Отличный выбор для тех, кто хочет создавать крутые игры и анимации!
💰 Цена:
1 урок — 1 200₽
Пакет 10+1 уроков — 12 000₽ (один урок в подарок!)

4. Python (от 10 лет)
Изучение одного из самых востребованных языков программирования в мире! Научимся писать простые программы, автоматизировать задачи, работать с данными и создавать свои мини-проекты.
Особенность:
Объясняем сложные вещи простым языком, много практики и интересных задач. Курс отлично подойдёт тем, кто хочет сделать первые шаги в программировании и понять, как работают современные технологии.
💰 Цена:
1 урок - 1 200₽
Пакет 10+1 уроков - 12 000₽ (один урок в подарок!)

5. Frontend-разработка (от 12 лет)
Изучение создания сайтов и веб-приложений — HTML, CSS, JavaScript. Научимся делать красивые и удобные интерфейсы, которые работают в браузере.
Особенность:
Курс ориентирован на практику и реальные проекты — создадим собственный сайт, который можно показать друзьям и использовать в портфолио.
💰 Цена:
1 урок — 1 500₽
Пакет 10+1 уроков — 15 000₽ (один урок в подарок!)

❓ Если хочешь узнать подробнее или подобрать курс под себя — пиши в комментариях или в личные сообщения!
Начни своё IT-путешествие уже сегодня! 🚀

🎁 АКЦИИ И БОНУСЫ

✅ Приведи друга
→ Вы получаете: бесплатный урок!
→ Друг получает: первый урок бесплатно.

✅ Групповые занятия Roblox
→ 2 человека — 800₽ с каждого за урок.
→ 3 человека — 700₽ с каждого за урок.
(Можно перейти на индивидуальные занятия в любой момент)

📌 ЧТО ВКЛЮЧЕНО?
Бесплатная помощь с установкой программ и регистрацией.

Официальный чек после каждой оплаты.

Платформы для занятий: Яндекс.Телемост, Google Meet, Skype, Telegram.

Обратная связь по успехам ученика в WhatsApp/Telegram.

✨ ПРЕИМУЩЕСТВА
→ Индивидуальный подход.
→ Гибкое расписание.
→ Реальные проекты для портфолио.

📩 Пишите в личные сообщения — отвечу на все вопросы!

#Курсы #Обучение #GameDev #Roblox #Unity #Lua #Blender3D #Frontend #Python

🚀 Курс Frontend-разработка — создавай свои первые сайты и веб-приложения! 🚀

Хочешь научиться создавать красивые и удобные сайты, которые работают в браузере? Наш курс Frontend-разработки — отличный старт для подростков от 12 лет и всех, кто мечтает освоить веб-программирование!

Что тебя ждёт на курсе?

Основы HTML и CSS
Узнаешь, как создавать структуру сайта и оформлять его дизайн — цвета, шрифты, расположение элементов.

Программирование на JavaScript
Научишься делать сайты интерактивными: кнопки, формы, анимации и многое другое.

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

Практические проекты
Создашь собственный сайт-портфолио, который можно будет показать друзьям или использовать для поступления в учебные заведения.

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

Поддержка и обратная связь
Опытный преподаватель поможет разобраться с любыми вопросами и поддержит на каждом этапе обучения.

Для кого этот курс?

🌟Для подростков от 12 лет, которые хотят освоить веб-разработку.

🌟Для тех, кто мечтает создавать сайты и веб-приложения.

🌟Для начинающих программистов и дизайнеров.

❓ Готов начать создавать свои первые сайты? Пиши в комментариях или в личные сообщения — расскажу, как записаться! ⬇️

#Frontend #HTML #CSS #JavaScript #Обучение #Курсы #ITStepByStep

🌐 Веб-разработка и создание первого HTML-документа в VSCode 🌐

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

Почему VSCode?

VSCode — бесплатный и удобный редактор кода с подсветкой, автодополнением и множеством расширений. Он помогает быстро писать и проверять код.

Как создать первый HTML-файл в VSCode?

1️⃣ Скачай и установи VSCode с официального сайта.
2️⃣ Создай новую папку для проекта и открой её в VSCode (File → Open Folder).
3️⃣ Создай новый файл с именем index.html.
4️⃣ Введи "!" и нажми Tab — появится шаблон HTML-документа.

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>Мой первый сайт</title>
</head>
<body>
  <h1>Привет, мир!</h1>
  <p>Это моя первая страница на HTML.</p>
</body>
</html>

5️⃣ Внутри <body> добавь текст, например:

<h1>Привет, мир!</h1>
<p>Это мой первый сайт.</p>

6️⃣ Сохрани файл (Ctrl + S).
7️⃣ Открой файл в браузере — двойной клик по index.html или через расширение Live Server в VSCode.

Что дальше?
Пробуй менять текст, добавлять новые теги и смотреть результат.

❓ Готов начать создавать свои первые сайты? Пиши в комментариях или в личные сообщения — помогу с установкой и первыми шагами! ⬇️

#Frontend #HTML #Обучение #Курсы #ITStepByStep

💻 Web-разбор: как сделать плавное увеличение фото при наведении курсора

Всем привет! Сегодня разберём, как с помощью CSS сделать красивый эффект: когда наводишь курсор на картинку - она плавно увеличивается. Такой приём часто используют на сайтах и портфолио, чтобы выделить изображения и сделать интерфейс современным.

📄 HTML-разметка

<div class="img-hover-zoom">
  <img src="путь_к_твоей_картинке.jpg" alt="Пример фото">
</div>

🎨 CSS для плавного увеличения

.img-hover-zoom {
  height: 300px;           /* Задаём высоту контейнера */
  overflow: hidden;        /* Прячем всё, что выходит за границы */
  width: 300px;            /* Ширина по желанию */
  border-radius: 12px;     /* Скругление углов для красоты */
  box-shadow: 0 4px 16px rgba(0,0,0,0.15); /* Лёгкая тень */
}

.img-hover-zoom img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* Картинка заполняет контейнер */
  transition: transform 0.5s ease; /* Плавная анимация */
}

.img-hover-zoom:hover img {
  transform: scale(1.2);   /* Увеличиваем фото при наведении */
}

📝 Как это работает?
✨Контейнер .img-hover-zoom ограничивает размер и скрывает лишнее (overflow: hidden).
✨Картинка плавно увеличивается с помощью transform: scale(1.2) при наведении.
✨Свойство transition отвечает за плавность анимации.

💡 Советы от Тима:
✨Можно менять степень увеличения: scale(1.1) - чуть-чуть, scale(1.5) - заметно.
✨Для адаптивности не задавайте фиксированную ширину/высоту, используйте проценты или max-width.
✨Если нужно увеличить не только фото, но и добавить подпись или рамку - заверните всё в контейнер.

JS тут не нужен - всё работает на чистом CSS!

Попробуй добавить этот эффект на свой сайт и поделись результатом! А если хочешь разбор других web-фишек - пиши в комментариях, Тим всегда на связи 🐢🎧

#HTML #Frontend

🌟 Всем привет! Сегодня расскажу о том, как сделать свой первый сайт. Даже если ты думаешь, что это сложно — я покажу, что на самом деле всё очень легко!
Прямо сейчас ты можешь создать свой собственный сайт, который будет выглядеть круто и работать отлично. И самое главное — ты сможешь показать его всем друзьям и даже родителям!

1. Что такое сайт?
Сайт — это своего рода домик в интернете, где можно хранить информацию, картинки, видео и даже игры.
Например:

✨Твой сайт может быть портфолио для твоих игр или проектов.
✨Он может быть блогом, где ты пишешь про свои увлечения (например, Roblox или Blender).
✨Или это может быть личный сайт, где ты рассказываешь о себе, своих интересах и достижениях.
2. Какие инструменты нужны?
Для создания сайта тебе понадобятся всего три вещи:

✨HTML (Гипертекстовый язык)
Это основа любого сайта. Представь, что HTML — это план дома: он определяет, где будут стены, окна и двери. Например:
html

<h1>Привет, мир!</h1>

Это напишет большой заголовок "Привет, мир!" на твоём сайте.
✨CSS (Каскадные таблицы стилей)
CSS — это краски для твоего дома. С его помощью ты можешь изменить цвета, шрифты и расположение элементов. Например:
css

body {
    background-color: lightblue;
}

Этот код сделает фон твоего сайта светло-голубым.
✨JavaScript (Язык программирования)
JavaScript — это электричество для твоего дома. Он делает сайт живым и интерактивным. Например:
javascript

alert("Привет, гость!");

Этот код покажет сообщение "Привет, гость!" каждому, кто заходит на твой сайт.
3. Пример простого сайта
Представь, что ты хочешь сделать сайт с тремя страницами:

✨Главная страница: Здесь ты расскажешь о себе и своих интересах.
Страница с играми: Тут ты покажешь свои проекты в Roblox или Unity.
✨Контакты: Здесь люди смогут связаться с тобой.
Твой сайт может выглядеть так:
html

<!DOCTYPE html>
<html>
<head>
    <title>Мой первый сайт</title>
</head>
<body>
    <h1>Привет, это мой первый сайт!</h1>
    <p>Здесь я буду писать о своих увлечениях и проектах.</p>
    <a href="games.html">Перейти к моим играм</a>
</body>
</html>

Это основной план твоего сайта. Теперь ты можешь добавить краски (CSS) и сделать его более интересным.

4. Где хранить свой сайт?
Чтобы твой сайт был доступен всем, нужно загрузить его в интернет. Для этого используются специальные сервисы, называемые хостингом. Хостинг — это место, где хранится твой домик в интернете. Есть бесплатные варианты, например:

GitHub Pages
Netlify
Vercel
5. Почему это важно?
Создание сайта — это не только весело, но и полезно:

✨Ты научишься новым навыкам, которые пригодятся в будущем.
✨Ты сможешь показать свои работы друзьям и родителям.
✨Это поможет тебе стать увереннее в IT-технологиях.
6. Где учиться?
Если ты хочешь научиться делать сайты, есть бесплатные ресурсы:

Официальный сайт MDN Web Docs — там есть все необходимые материалы.

7. Что дальше?
Если ты уже готов начать, пиши мне "сайт" — я проведу для тебя пробный урок и ты поймёшь что это совсем не сложно. Мы сделаем это вместе, шаг за шагом!

8. Вопросы?
Если что-то непонятно — пиши в комментарии! Я отвечу на все вопросы.

Уже сейчас мои ученики создают классные сайты:

Артём (12 лет): Создал сайт-визитку "Моя любимая игра".
Лена (13 лет): Разработала сайт с мини-игрой "Угадай число".
Максим (14 лет): Написал сайт с обзорами лучших игр Roblox.

Хотите, чтобы ваш ребёнок тоже создал свой первый сайт? Пишите "сайт" — помогу организовать занятия!

#Frontend #HTML #CSS #JavaScript

👉 Главное помнить: Создание сайтов — это просто, интересно и полезно! Если ты хочешь попробовать — пиши мне прямо сейчас!

🎮 Разбираем игру "Угадай число" на JavaScript
Привет, друзья! 👋
Сегодня будем писать игру — и не просто так, а по кусочкам, как будто собираем пазл.
Называется — "Угадай число".
Ты думаешь: "О, это сложно, там же код!"
А я отвечу: "Нет. Это проще, чем объяснять маме, зачем тебе второй ноутбук." 😄

Представь: ты загадал число от 1 до 100, а компьютер пытается его угадать. Или наоборот — компьютер загадал, а ты угадываешь. Вот мы сделаем второе.

🔢 Что делает игра?
Компьютер загадывает случайное число от 1 до 100.
Ты вводишь своё число.
Он говорит: "Больше!", "Меньше!" или "Угадал! 🎉"
Побеждает тот, кто угадает быстрее.
💻 Вот весь код (не пугайся, сейчас разберём как по кусочкам пиццы):

// 1. Компьютер загадывает число от 1 до 100
let загаданноеЧисло = Math.floor(Math.random() * 100) + 1;
// 2. Спрашиваем игрока
let попытка = parseInt(prompt("Угадай число от 1 до 100!"));
// 3. Пока не угадал — спрашиваем снова
while (попытка !== загаданноеЧисло) {
  if (попытка < загаданноеЧисло) {
    попытка = parseInt(prompt("Больше! Попробуй ещё:"));
  } else {
    попытка = parseInt(prompt("Меньше! Попробуй ещё:"));
  }
}
// 4. Когда угадал — радуемся!
alert("УГАДАЛ! Это было " + загаданноеЧисло + " 🎉");

🧩 Разбираем по частям
1. let загаданноеЧисло = Math.floor(Math.random() * 100) + 1;
Это как если бы компьютер закрыл глаза и вытащил число из шляпы.

Math.random() — даёт случайное число от 0 до 1 (например, 0.45).
Умножаем на 100 → получаем от 0 до 99.
Math.floor() — отрезает дробную часть (оставляет целое число).
+ 1 — чтобы число было от 1 до 100, а не от 0 до 99.
👉 Готово: загадали число!

2. prompt("Угадай число...")
Это как всплывающее окно в браузере, где игрок вводит своё число.
parseInt() — превращает текст в число. Потому что если ты напишешь "50", компьютер сначала видит это как слово, а не число. Надо сказать: "Это число!"

3. while (попытка !== загаданноеЧисло)
Это цикл — как "пока не угадал — продолжаем".

!== — значит "не равно".
То есть: пока твоё число не равно загаданному — спрашивай снова.
4. if (попытка < загаданноеЧисло)
Если твоё число меньше загаданного — говорим "Больше!".
Иначе (если больше) — говорим "Меньше!".

5. alert("УГАДАЛ!")
Когда вышли из цикла — значит, угадал!
Выводим победное сообщение. 🏆

🎯 Почему это круто?
Это первая настоящая игра, которую ты можешь запустить в браузере.
Ты понимаешь, как работает логика, циклы и условия — основа любого кода.
Потом можешь добавить уровни, попытки, таймер — и это уже будет твой мини-проект для портфолио!
🛠 Как попробовать?
Открой браузер (Chrome, Яндекс.Браузер и т.д.).
Нажми F12 → вкладка "Консоль".
Вставь этот код и нажми Enter.
Играй!
Или просто скопируй код в файл index.html и открой его — [расскажу, как, если нужно].

💡 А что дальше?
Добавь счётчик попыток: "Ты угадал за 5 раз!"
Ограничь число попыток (например, 7).
Сделай игру на двоих: один загадывает, другой угадывает.
📣 Хочешь, чтобы я записала про это видео?
Напиши "хочу видео"

А если ты уже пробовал писать такие игры — делись в комментариях, как получилось!

#JavaScript #Frontend