Каждый сайт в интернете сделан из трёх технологий: HTML, CSS и JavaScript. Это как три слоя: каркас, оформление и поведение. Понять эту тройку — значит понять основу веба.
HTML: скелет сайта
HTML (HyperText Markup Language) — это структура страницы. Заголовки, параграфы, картинки, ссылки, кнопки — всё это HTML. Вот как выглядит простая страница:
<!DOCTYPE html>
<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это мой первый сайт.</p>
<a href="https://codims.ru">Учиться программировать</a>
</body>
</html> Сохрани этот код в файл index.html и открой в браузере — это уже работающий сайт.
CSS: оформление и дизайн
CSS (Cascading Style Sheets) делает сайт красивым. Цвета, шрифты, отступы, тени, анимации — всё это CSS:
body {
background-color: #f0f4ff;
font-family: Arial, sans-serif;
}
h1 {
color: #ff6b35;
font-size: 36px;
}
p {
color: #555;
line-height: 1.6;
} JavaScript: поведение сайта
JavaScript (JS) — это язык программирования браузера. Кнопка, которая что-то делает при клике. Форма, которая проверяет данные. Счётчик, который меняется в реальном времени — всё это JS.
let counter = 0;
function increment() {
counter++;
document.getElementById('count').textContent = counter;
} Как учиться веб-разработке
- Начни с HTML. Создай личную страницу: имя, фото, описание, ссылки. Это займёт 1–2 дня.
- Добавь CSS. Сделай страницу красивой. Попробуй Flexbox — это основа современных макетов.
- Изучи базовый JS. Переменные, функции, события (клик, ввод). Сделай простую кнопку и форму.
- Опубликуй сайт. GitHub Pages — бесплатный хостинг для статических сайтов. Ссылку можно показать всем.
Хотите попробовать?
Курс веб-разработки в #АйДаКодить — HTML, CSS и JavaScript с нуля. Ребёнок создаёт реальный сайт, который можно показать и опубликовать. Первое занятие бесплатно.