Предполагая, что вы уже ездили на старой 206-й, а затем на новой BMW, Audi, Mercedes и т. д.

Что вас отметило? Не отвечай мне, какая разница 😂… (надо смеяться)

Хорошо для южанина, каким я являюсь (гораздо более южным, чем корсиканец 🇩🇿), это был кондиционер.


Кондиционер в старых автомобилях

Представьте, что вы находитесь в Алжире, в Беджайе, моем прекрасном родном городе. В августе 40 градусов, вы едете и решаете, что идеальная температура 25.

Вот ваш кондиционер, как вы его делаете?

Описание изображения

Вы крутите все кнопки во всех направлениях, затем вы ждете, пока это довольно прохладно, затем достаточно прохладно, совершенно прохладно… упс слишком круто, вы снова поворачиваете две или три кнопки, и тогда история повторяется.

Вот, в-кот-там (молодёжь говорит) у тебя Ауди А3, как ты её делаешь?

Описание изображения

Ну ставишь 25 градусов и ждешь. Все остальное сделает машина. 🚗

Дамы и господа, это разница между императивным и декларативным программированием.


Императив программирования

У меня есть представление о результате: 25 градусов / на странице отображается «Привет»

Я пытаюсь заставить его почувствовать/увидеть этот результат:
Я перемещаю свои кнопки / любой ценой делаю querySelectors, чтобы изменить DOM (представление моего HTML)


Декларативное программирование

У меня есть представление о результате: 25 градусов / на странице отображается «Привет»

Ставлю кондиционер на 25, оставляю лиш разбираться с более/менее сильным и все татоин.
Я делаю привязку данных, говоря <h1>{{ title }} </h1>и на моей странице по-прежнему будет отображаться заголовок, и если он изменится, он обновится.

Это магия современных фреймворков, таких как Angular, React, Vue, Svelte… и т.д..