Глава 22 · Веб-разработка с Python

Динамический фронтенд — JavaScript

Если HTML — это скелет, а CSS — одежда, то JavaScript — это движения страницы.

Динамический фронтенд — JavaScript

HTML описывает структуру, CSS — оформление, а JavaScript добавляет поведение: реакцию на клики, изменение текста без перезагрузки страницы, проверку форм. JavaScript выполняется прямо в браузере пользователя:

povedenie.html
<button id="knopka">Нажми меня</button>
<p id="tekst">Пока ничего не произошло.</p>

<script>
  const knopka = document.getElementById("knopka");
  const tekst = document.getElementById("tekst");

  knopka.addEventListener("click", function () {
    tekst.textContent = "Кнопку нажали!";
  });
</script>
JavaScript и Python — похожи, но разные
Синтаксис отличается (фигурные скобки вместо отступов, const/function вместо привычных конструкций Python), но идеи те же: переменные, функции, условия, циклы. Если вы понимаете Python — освоить основы JavaScript будет намного проще.

Три языка вместе — HTML, CSS и JavaScript — и есть тот самый «фронтенд», который видит и с которым взаимодействует пользователь. Теперь перейдём к тому, что происходит на сервере — то есть к Python.