Débuter avec Angular 14: #4 La programmation declarative

sidali

Sid Ali BENTIFRAOUINE

Posted on September 20, 2022

Débuter avec Angular 14: #4 La programmation declarative

En partant de principe que tu es déjà monté dans une vieille 206 puis une nouvelles BMW, Audi, Mercedes...etc...

Quelle est la chose qui t'as marqué ? Ne me réponds pas, on s'en fout 😂... (faut rigoler)

Bon pour le sudiste que je suis (bien plus sudiste qu'un Corse 🇩🇿) ce fut la clim.

La clim dans les vieilles bagnoles

Imagine que tu es en Algérie à Bejaia, ma merveilleuse ville de naissance. Il fait 40 degrés en ce mois d'Aout, tu es en voitures et tu decides que la temperature idéale c'est 25.

Voici ta clim, comment fais-tu ?

Image description

Tu tournes tous les boutons dans tous les sens, puis tu attends jusqu'à ce qu'il fasse plutot frais, puis assez-frais, parfaitement frais... oups trop frais, tu tournes à nouveau deux trois boutons, et puis l'histoire se repete.

Maintenant, in-chat-là (comme disent les jeune) tu as une Audi A3, comment fais-tu ?

Image description

Bah voilà, tu mets 25 degrés et t'attends. La voiture fait le reste. 🚗

Ceci mesdames et messieurs est LA difference entre la programmation Imperative et Declarative.

Programmation Imperative

J'ai l'idée d'un résultat: 25 degrès / la page affiche "Bonjour"

J'essaye de faire en sorte de ressentir/voir ce résultat:
Je bouge mes boutons / Je fais des querySelector à tout va pour modifier le DOM (Representation de mon HTML)

Programmation Declarative

J'ai l'idée d'un résultat: 25 degrès / la page affiche "Bonjour"

Je parametre la clim à 25, je laisse la laisse de demerder pour mettre plus/moins fort et tout le tatoin.
Je fait un data binding en disant <h1>{{ title }} </h1>, et ma page affichera toujours le title, et s'il change, elle se met à jour.

Voilà la magie des frameworks modernes tels que Angular, React, Vue, Svelte ...etc..

💖 💪 🙅 🚩
sidali
Sid Ali BENTIFRAOUINE

Posted on September 20, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related