основы · веб

Основы веба:
HTML и CSS

Любая веб-страница держится на тройке: HTML задаёт структуру и содержание, CSS отвечает за внешний вид, JavaScript - за поведение. Код за вас пишет ИИ, но если понимаешь, из чего собран сайт, ты сможешь поправить мелочь руками, прочитать результат и точнее объяснить агенту, что хочешь. Верхнеуровнево и на пальцах.

Начать с начала →Сразу к шпаргалке

для кого этот курс

Вайблю, но не понимаю код

ИИ собирает сайт, а что внутри - загадка. Хочу хотя бы читать результат.

Хочу править мелочи сам

Поменять цвет, текст или отступ - быстрее руками, чем гонять агента туда-сюда.

Лучше ставить задачу ИИ

Если знаю слова - заголовок, кнопка, отступ - агент понимает меня с первого раза.

программа курса

Из чего состоит веб-страница

Тройка, на которой держится любой сайт: HTML (структура и содержание), CSS (внешний вид), JavaScript (поведение). Аналогия с домом и зачем это понимать вайбкодеру.

HTML: структура страницы

Что такое теги и элементы, как устроена страница: заголовки, абзацы, ссылки, картинки, списки, кнопки. Короткий пример. Цель - не зубрить, а узнавать.

CSS: внешний вид

Селекторы и свойства: цвет, шрифт, отступы, расположение. Что такое адаптивность простыми словами. Короткий пример, который видно глазами.

Зачем это вайбкодеру

Код пишет ИИ, но понимать HTML и CSS полезно: поправить мелочь руками, объяснить агенту что хочешь, прочитать результат. Где это встречается в типичном проекте.

Шпаргалка

Таблица базовых тегов и CSS-свойств, глоссарий главных слов и ссылки на соседние курсы. Одна страница, чтобы держать под рукой.