Introduction au framework Javascript Angular

Quelques liens pour bien démarrer

Installation et premiers pas

Tutos à télécharger

https://blogdummi.fr/tutoriel/installer-angular-initiation-framework-javascript/

Utilisation du terminal de commandes de votre IDE

Pour lancer vos commandes AngularCI depuis le terminal de votre IDE vous devrez sans doute donner l'autorisation d'éxecution de scripts PowerShell.
Pour cela il faut lancer votre PowerShell en mode administrateur.
Dans la commande windows tapez "powerShell" et sur la droite de la fenêtre on vous propose plusieurs options dont celle d'ouvrir en tant qu'administrateur.

Taper ensuite la commande suivant :
set-executionpolicy unrestricted
Valider par « O » (le o de oui).
https://www.windows8facile.fr/powershell-execution-de-scripts-est-desactivee-activer/

Projet "Tour des héros"

Pour découvrir la construction d'un projet avec le framework Angular, rien de mieux que de fabriquer un projet pas à pas.

Google, le créateur d'Angular, met à disposition un tuto pas à pas pour créer un projet nommé "Tour des héros" !
Vous pouvez le découvrir ici : https://angular.io/tutorial

Projet de la journée

Le but de cette journée de découverte d'Angular, sera d'installer le framework sur votre machine et ensuite étudier son fonctionnement avec le mini projet de google.

Les fondamentaux d'Angular

Votre projet devra intégrer quelques fondamentaux du framework Angular.
Voici une liste de fondamentaux que votre projet devra contenir.
Pour cela, vous allez apporter des améliorations et customisations à votre projet Héros de google.

Les composants

A faire pour le projet

Comprendre et expliquer le fonctionnement des composants

Créer un ou plusieurs composants perso autre que ceux proposés dans le projet Héros

Les décorateurs

A faire pour le projet

Comprendre et expliquer le fonctionnement des décorateurs

Prendre 2 décorateurs Angular de la liste ci-dessou et expliquer le fonctionnement et proposer un exemple dans votre projet Héros

Les pipes

Les pipes permettent d'effectuer des transformations sur des éléments du template avant de les afficher.
C'est par exemple souvent utilisé pour transformer une date système qui n'est pas souvent simple à lire par une date plus facile à lire.

Angular propose différents types de pipes déjà configurés et prêt à être utilisé.
Il est possible de créer ses propres pipes pour filtrer ou organiser des éléments comme bon vous semble.

Voici une liste de pipes Angular :

A faire sur votre projet

Il faudra utiliser 5 pipes de la liste ci-dessus dans votre projet