VT-S3A-flberger-Angular.mp4

# Texte d'accompagnement : Vidéo Veille Technologique sur Angular

## Berger Florian - S5A

### Sujet choisi :

Dans cette vidéo de 5 minutes, je présente le framework Angular.

### Raison du sujet choisi :

La principale raison pour laquelle j'ai décidé de faire cette vidéo sur le framework Angular est sa réputation. En effet, dans l'imaginaire collectif, Angular et beaucoup moins maniable ainsi que beaucoup moins facile à apprendre pour débuter. Cependant, ceci est faux car Angular est très facile à prendre en main, même pour des débutants de part sa structure qui attribut à chaque fichier, une seule tâche bien précise.

### Partie 1 :

Dans cette vidéo, j'inclus une première partie de définition des termes qui définissent ce qu'est Angular (à savoir un framework MVC typescript qui permet de créer des SPA). J'explique aussi comment fonctionne Angular, notamment en présentant la notion de composant, notion fondamentale du développement dans ce framework.

### Partie 2 :

Angular est un framework que nous n'avons pas étudié en cours contrairement à la librairie React. C'est pourquoi j'ai décidé d'inclure une partie comparatif entre ces 2 framework JavaScript qui se basent tous les 2 autour des composants réutilisables pour fonctionner. J'explique notamment dans cette partie les différences de structure du code ainsi que leurs avantages et inconvénients qui correspondront au style de travail de chaque individu.

### Partie 3 :

Enfin, dans la dernière partie de cette vidéo je montre avec une preuve vidéo, 2 des avantages qu'a Angular comparé à d'autres framework JavaScript de la même catégorie. Ces 2 avantages que je présente sont le routing et les tests unitaires.

J'ai décidé de présenter le routing car il n'y a quasiment aucun travail à faire pour faire fonctionner chaque route de l'application étant donné que le fichier est déjà configuré automatiquement lors de la création de l'application.

J'ai aussi décidé de présenter en tant que 2ème notion les tests unitaires car, une nouvelle fois, ils sont très rapide à réaliser (en particulier grâce au fichier automatiquement généré qui permet à ces tests d'être initialisés correctement dès la création du composant). Dans cette vidéo je présente plus en détail l'injection de dépendance, qui permet, comme son nom l'indique, de tester un composant ou un service sans dépendre d'aucun composant externe et ce, même si le composant testé a de nombreuses dépendances bloquantes lors du lancement de l'application.

### Objectif de la vidéo :

Comme dit au début de ce texte explicatif, dans l'imaginaire collectif, Angular est très difficile à prendre en main pour des débutants car il demande de respecter une structure stricte. En réalité cette structure est un beaucoup plus gros avantage pour les débutant que ce que les gens ne pensent.

J'aimerais donc que cette vidéo permette de faire changer les idées que certains se font sur ce framework très bien conçu qu'est Angular.

<br>

### Sources d'informations utilisées :

- [React vs Angular vs Vue : Quel framework choisir ?](https://mobiskill.fr/blog/conseils-emploi-tech/react-vs-angular-vs-vue-quel-framework-choisir/#:~:text=Avantages%20et%20inconvénients%20d%27Angular&text=Structure%20claire%20et%20modulaire%20%3A%20Angular,composants%20réutilisables%2C%20services%20et%20directives.)

- [What is Angular? (Explained for Beginners)](https://www.youtube.com/watch?v=VAkio68d51A)

- [Angular vs React in 2023: which should you choose?](https://www.youtube.com/watch?v=CynLOUL9vsU)

- [What is Angular? | Angular Explained in 2 Minutes For BEGINNERS.](https://www.youtube.com/watch?v=a6E5pzst2YE)

- Connaissances acquises pendant mon alternance