🔒 Ты не вошёл(вошла) в аккаунт — прогресс, работы и результаты теста не сохраняются. Что недоступно?
✅ Без входа можно
- читать все 33 занятия, смотреть слайды и шпаргалку;
- пробовать код в редакторе и песочнице.
⛔ Без входа нельзя
- сохранять работы — черновик живёт только в этом браузере и пропадёт при очистке истории, в режиме инкогнито или на другом устройстве;
- отмечать пройденные занятия и видеть свой прогресс;
- выбрать тему итогового проекта и отмечать чек-лист;
- отправить итоговый тест и сохранить результат.
Итоги
Сегодня мы подведём итоги курса, пройдём мини-тест и решим, куда двигаться дальше.
Изучаем: Рефлексия, что изучать дальше
Результат: Мини-тест, рефлексия, план дальнейшего обучения
💡 Объяснение
Поздравляем — ты прошёл(прошла) весь курс «HTML и CSS с нуля» и умеешь делать настоящие сайты! 🎉 Начинал(а) с вопроса «что такое тег», а теперь у тебя есть собственный многостраничный адаптивный сайт.
Что ты теперь умеешь
- Создавать HTML-страницы с текстом, списками, ссылками, картинками, таблицами, формами и мультимедиа.
- Строить семантический каркас страницы.
- Подключать CSS и оформлять страницы: цвета, шрифты, блочная модель, классы, каскад.
- Раскладывать блоки с помощью Flexbox и Grid, позиционировать элементы.
- Делать живые элементы с псевдоклассами и плавными переходами.
- Делать адаптивную вёрстку с медиазапросами.
- Планировать, собирать, проверять и презентовать многостраничный сайт.
Итоговый мини-тест
Пройди итоговый тест из 12 вопросов по всему курсу. После проверки ты увидишь разбор: где ответ верный, а где стоит повторить тему. Проходить тест можно сколько угодно раз.
🔒 Отправить тест и сохранить результат можно только после входа в аккаунт. Без входа вопросы можно прочитать, но проверки не будет.
Рефлексия
Ответь себе письменно — через полгода будет интересно перечитать:
- Какое занятие было самым интересным? Почему?
- Что далось труднее всего и как ты с этим справился(справилась)?
- Чем ты гордишься в своём итоговом сайте?
- Что бы ты сделал(а) иначе, если бы начинал(а) проект заново?
Что изучать дальше
- JavaScript — язык, который оживляет страницы: игры, калькуляторы, слайдеры, проверка форм. Это логичный следующий шаг.
- CSS-анимации (
@keyframes) и SVG — движение и векторная графика. - Git и GitHub — хранить историю изменений кода. А GitHub Pages позволяет бесплатно опубликовать сайт в интернете. Перед публикацией ещё раз проверь, что на сайте нет личных данных, и спроси разрешения у взрослых.
- Figma — рисовать макеты интерфейсов перед вёрсткой.
- Доступность (accessibility) — делать сайты удобными для всех людей, включая людей с нарушениями зрения.
Как не забыть изученное
- Делай маленький сайт раз в месяц: открытку к празднику, страницу любимой игры, портфолио.
- Заглядывай в «Шпаргалку» — там собраны все теги и свойства курса.
- Повторяй сайты, которые нравятся: попробуй сверстать главную страницу любимого сайта по памяти.
Курс подготовила команда Русского техно холдинга (rth.su). Спасибо, что учился(училась) с нами, — удачи в следующих проектах!
⌨️ Практика
- Пройди итоговый мини-тест (чтобы проверить ответы и сохранить результат, нужен вход в аккаунт).
- Ответь на вопросы рефлексии: что было самым интересным и самым трудным?
- Напиши пожелание курсу: что добавить или изменить.
- Выбери, что будешь изучать дальше.
🪞 Рефлексия
- Что нового я сегодня узнал(а)?
- Что получилось лучше всего?
- Где было трудно и что поможет в следующий раз?
🔒 Отметить занятие пройденным можно только после входа. Без аккаунта сайт не запомнит, до какого занятия ты дошёл(дошла). Регистрация · Вход