Débuter avec Angular 14: #4 La programmation declarative
Sid Ali BENTIFRAOUINE
Posted on September 20, 2022
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 ?
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 ?
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..
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
August 28, 2023