Encore un autre article angulaire, partie 1

Hé, tu sais quoi ? J'utilise Angular et j'aime ça.

Je m'appelle Benjamin Richard et je travaille dans l'industrie du web depuis 2000. Cela fait longtemps. Je travaillais en backend avec PHP, Java ou .Net en utilisant, la plupart du temps, le modèle MVC. MySQL, PostgreSQL, mais aussi Oracle DB étaient mes bases de données préférées. Et quand MeteorJs a apporté sa superbe plateforme, j'ai jeté un œil aux technologies frontend.

Pourquoi Angular ? En fait, je ne peux pas vraiment expliquer pourquoi j'ai travaillé sur Angular, plus que sur React et VueJS. J'ai essayé Vue et développé quelques applications avec. J'ai aimé. Mais quand il est passé de la v2 à la v3, je n'ai pas compris pourquoi ils l'avaient rendu si complexe, alors que sa simplicité était l'élément clé de Vue 1 & 2. J'ai donc regardé React et Angular. Mais, à mon avis, Angular était loin devant React même si ce n'était pas l'avis de la plupart des développeurs. À mon avis, le fait qu'Angular apporte tout ce dont vous avez besoin pour créer une application constitue le principal avantage. Oui, vous ne pouvez pas choisir votre bibliothèque Http préférée, votre gestion de formulaires, etc. Mais chaque partie d'Angular est faite pour bien fonctionner ensemble.

Pourquoi pas Angular  ? peut-être parce que c'était difficile de l'apprendre. 
Angular = Typescript RxJS le Framework
Il faut donc maîtriser chacun pour être efficace. Et c'est plus difficile que de maîtriser une bibliothèque de rendu de modèles comme React ;-p
Mais cette période est révolue en 2024. Vous ne voulez pas de RxJS  ? utiliser le signal. Oui, avec le concept de signal d'apport angulaire v16. en 2024, avec la v18, la plupart des fonctions des signaux étaient stables. et avec la v19, deux nouveaux signaux apportent une nouvelle façon de travailler avec des ressources asynchrones. Alors maintenant, vous pouvez utiliser Angular sans Observable. Je dirais que ce n'est pas une bonne idée, car ils sont vraiment utiles, mais si c'est quelque chose que vous ne voulez pas, vous pouvez vous préserver de ce concept.

Comment commencer ?

Depuis 2024, l'équipe Angular a reconstruit le site, alors jetez un œil à https://angular.dev le contenu est vraiment impressionnant.

Ensuite, vous devez obtenir NodeJS >v18.19.1 et vous pouvez l'installer quelque part (en utilisant Docker ou autre chose)  :

npm install -g @angular/cli

Maintenant que vous disposez du Angular cli, vous pouvez l'utiliser pour démarrer un projet :

ng nouveau mon-nouveau-projet

Vous devez sélectionner une configuration comme utiliser ou non un rendu côté serveur, utiliser Sass, Scss ou autre. Et c'est tout.

Cela créera un dossier 'mon-nouveau-projet' avec une simple page d'accueil. Ce qui est génial avec Angular, c'est que vous pouvez personnaliser votre projet dans le fichier Angular.json. La partie schémas vous permet de définir comment vous souhaitez travailler lorsque vous utilisez le Cli pour générer du code : 
Vous voulez du HTML et du CSS dans un seul composant de fichier comme Vue ? oui, tu peux. Vous souhaitez définir la stratégie de détection des changements ? oui, tu peux.
Tout est sous le nœudprojects.my-new-project.schematics
Et ses valeurs par défaut sont définies en utilisant vos réponses de la commande 'ng new'.
Ho, j'ai oublié quelque chose : la commande 'ng new' a de nombreux paramètres disponibles. Mais je vous laisse les découvrir par exemple.

Maintenant que votre projet est initialisé, il est temps de le démarrer :

ng servir

Ouvrez un navigateur sur http://localhost:4200 et c'est tout.

Cet article est terminé et le prochain portera sur la création de composants.

À !

[note] Tous les articles utilisent la commande d'Angular v19*
[article original] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!