Дипломная работа Бельского Данилы

Интерактивная образовательная платформа по веб-разработке

Питание: Стабильное
🛡️ Защита: Активна
📡 Связь: Установлена

Metro Code Station

Изучайте HTML, CSS и JavaScript в постапокалиптическом метро

0 строк кода
0 уроков пройдено

🎯 Добро пожаловать на станцию кода!

Начните свое путешествие в веб-разработку

Как сталкеры исследуют тоннели метро, так и вы будете исследовать мир веб-технологий. На этой станции вы найдете все необходимое для изучения HTML, CSS и JavaScript.

📖

Интерактивные уроки

Изучайте теорию через практические примеры в стиле Metro

🛠️

Практические задания

Создавайте реальные проекты прямо в браузере

🎮

Геймификация

Зарабатывайте достижения и отслеживайте прогресс

ТЕРМИНАЛ СТАНЦИИ
> Инициализация системы обучения...
> Загрузка модулей HTML, CSS, JavaScript...
> Статус: ГОТОВ К РАБОТЕ
> Добро пожаловать, сталкер!

🚇 Основы HTML

Тоннель метро

Строим станции: структура HTML

Как станции метро соединены тоннелями, так HTML-элементы образуют структуру веб-страницы.

Интерактивный конструктор HTML

⚙️ Основы JavaScript

JavaScript

Программируем логику станции

Как системы жизнеобеспечения метро, JavaScript оживляет ваши веб-страницы.

Базовые концепции JavaScript:


// Переменные - как хранилища ресурсов
let filters = 100;
const stationName = "Полис";

// Функции - как механизмы станции
function checkFilters() {
    if (filters < 20) {
        alert("Внимание! Фильтры на исходе!");
    }
}

// События - как сигнализации
document.getElementById('check-btn').addEventListener('click', checkFilters);
                    

Интерактивная консоль JavaScript

>

💻 Практические примеры

Станция метро

Интерфейсы выживания в стиле Metro

Система фильтров противогаза

ФИЛЬТРЫ:
05:23
КАЧЕСТВО ВОЗДУХА:

Радиостанция Полиса

РАДИО ПОЛИСА 104.7 FM
ГРОМКОСТЬ:

Интерактивная карта метро

ПОЛИС
ВЫСТАВОЧНАЯ
БИБЛИОТЕКА
Выберите станцию на карте

📚 Ресурсы для сталкеров

🏆 Достижения

👨‍💻 Первый код
🚇 Мастер HTML
🎨 Волшебник CSS
⚙️ Ниндзя JavaScript