19. Куда двигаться дальше

Поздравляю! Ты уже умеешь создавать сайты, добавлять стили, картинки и даже оживлять страницы с помощью JavaScript. Это уже много — ты реально сделал то, что умеют взрослые веб-разработчики!

Ты теперь не просто пользователь интернета — ты его создатель!

Что ты уже умеешь

• Создавать HTML-страницы и связывать их между собой.
• Украшать сайт с помощью CSS: цвета, фон, кнопки, шрифты.
• Добавлять картинки и ссылки, делать меню и галерею.
• Использовать JavaScript, чтобы страница реагировала на действия.
• Показывать сайт друзьям через GitHub Pages!

Теперь давай посмотрим, куда можно расти дальше. Ведь программирование — это как бесконечная игра: каждый уровень открывает новые возможности!

Идеи для новых проектов

• Блог про твоё хобби — рассказывай о любимых играх, фильмах или питомцах.
• Сайт персонажа — придумай героя, его способности, биографию и нарисуй портрет!
• Портфолио — сделай сайт, где покажешь свои проекты: «Это я, и это я сделал!»
• Мини-игра в браузере — используй JavaScript, чтобы сделать, например, игру «Угадай число» или «Поймай кота!»

Изучи адаптивный дизайн

Хочешь, чтобы твой сайт выглядел красиво на телефоне, планшете и компьютере? Для этого есть адаптивная верстка! Она делает сайт удобным на любом экране.

Пример:

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

Когда экран меньше 600 пикселей (например, телефон), фон станет голубым!

Добавь анимации на CSS

Сайт может двигаться и оживать, как в мультфильме!

Пример:

button {
  background: #4CAF50;
  color: white;
  padding: 10px 16px;
  border: none;
  border-radius: 8px;
  transition: 0.3s;
}
button:hover {
  transform: scale(1.1);
  background: #66BB6A;
}

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

Изучи JavaScript глубже

Ты уже знаешь alert() и клики, но JavaScript умеет намного больше!

• Можно создавать игры, калькуляторы, викторины, счётчики очков.
• Можно реагировать на ввод пользователя, двигать картинки, менять цвета.
• Можно подключать API — например, получать погоду или время дня с сервера!

Пример — мини-игра «Угадай число»:

<script>
const secret = Math.floor(Math.random() * 10) + 1;
let guess = prompt('Угадай число от 1 до 10');
if (parseInt(guess) === secret) {
  alert('Ура! Ты угадал!');
} else {
  alert('Не угадал. Было число ' + secret);
}
</script>

Познакомься с профессиями

Если тебе понравилось создавать сайты — ты можешь стать:

• Верстальщиком — делает страницы из HTML и CSS.
• Веб-дизайнером — придумывает, как сайт будет выглядеть.
• Frontend-разработчиком — оживляет сайт с помощью JavaScript.
• Full-stack-разработчиком — умеет всё: от дизайна до серверов!

Попробуй новые технологии

Когда вырастешь чуть больше, сможешь изучить:

• Python — язык для игр, роботов и искусственного интеллекта
• Scratch — блоки, из которых можно собирать мультфильмы и игры.
• Flask или Django — чтобы твой сайт имел сервер и умел хранить данные.
• Git и GitHub — чтобы сохранять свои проекты и работать в команде.

Твоё мини-задание

• Выбери одно направление — анимации, адаптивный дизайн или игры — и попробуй изучить больше!
• Переделай свой сайт — добавь движения или сделай мобильную версию.
• Покажи друзьям и спроси: «Как вам мой апгрейд?»

Забавный факт

Первая веб-страница, созданная в 1991 году, всё ещё существует! Она называется info.cern.ch — можешь найти её и увидеть, с чего начался весь интернет!

Главное запомни

• Ошибки — это не конец, а путь к росту.
• Всегда можно улучшить сайт: добавить цвета, анимацию, движение.
• Учиться можно всю жизнь — и это круто!
• Ты уже сделал первый шаг в IT. Добро пожаловать в мир технологий!