sfeir / angular-200 Goto Github PK
View Code? Open in Web Editor NEWExercices for the Angular Sfeir School Training
License: Apache License 2.0
Exercices for the Angular Sfeir School Training
License: Apache License 2.0
Créer un fichier de route
dans chaque composant qui possède du routing et exporter un tableau contenant le routage associé.
Importer chaque fichier dans le routing global et insérer dans le tableau avec le spread operator
Supprimer l'ensemble des personnes dans la liste puis retourner sur la HP => erreur de parsing JSON dans la console
Angular2 -> Angular
For now, README.md is just the one generated by default by angular-cli. We should had informations about the course itself (slides link, timing, how to use the steps, etc...).
Old Angular 200 bonus chapters have been moved to a new School temporarily untitled "300 / 200+".
Ajouter le fichier index.ts
à la racine des composants, services, directives et pipes du projet afin d'exporter les données voulues.
Effectuer les imports sur les barrels
aux endroits qui utilisent les différents éléments.
Mettre toutes les variables de classe en private, les typer, les initialiser dans le constructor
ou ngOnInit
et créer des accessors pour leur accessibilité.
Ceci permet de montrer le vrai avantage de Typescript
en respectant toutes ces conventions.
Cà donne également un aperçu d'un des bonus demandé dans la certification.
Le lien pour afficher le détail d'une personne est mis en place sur le nom mais la route et la fonctionnalité n'est pas implémentée
Follow update.angular.io in order to update to following dependencies to their latest versions:
Verify potential conflicts with step branches, put all the required dependencies in master, and then clean unused dependencies.
update tslint rules
add prettier w/ commit hooks and scripts
run a tslint --fix and prettier --write on master after #93
Following #93, we should delete all the deprecated branches formally used in order to switch between steps.
Utiliser le fichier de configuration par environnement pour setter les données telle que BASE_URL
ou les endpoints
des appels API
Bonne pratique pour montrer que l'on peut configurer des données suivant les environnements.
Importer environnement.ts
aux endroits nécessitant l'utilisation des constantes d'environnements.
Certains ID des managers ne sont pas correctes et ne renvoient sur aucune personne.
Problème rencontré quand on implémente la redirection sur le profil du manager. #9
Le lien pour aller sur la map existe dans le menu /locator
mais aucune route est associée donc une erreur se produit dans la console.
De même pour le lien sur les cartes des personnes /locator/:id
As it is really difficult to maintain and use so many branches, we should only use the master.
To do so, I think the better solution would be to simply use angular-cli 7 (see #92), with a common library and several "step" apps when needed, and no root project (ie. all projects should be in the project folder).
Suite à l'implémentation du détail d'une personne sur la route /person/:id
il n'y a pas l'utilité d'avoir le bouton random
à cet endroit qui est une fonctionnalité uniquement accessible sur la Home
Il faut donc déplacer la fonctionnalité et permettre un accès uniquement sur la HP
Depuis la step-11, le delete à disparu. Rebrancher la fonction en ajoutant dans le template du card-component le (click)="delete(person)"
Lors de l'édition d'une personne, un message d'erreur apparait dans la console:
It looks like you are using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this control in your component class, the disabled attribute will actually be set in the DOM for you. We recommend using this approach to avoid 'changed after checked' errors.
Example:
form = new FormGroup({
first: new FormControl({value: 'Nancy', disabled: true}, Validators.required),
last: new FormControl('Drew', Validators.required)
});
rethink how tests are presented & used
associated steps haven't been merged in master intentionally
in master
Upgrade to latest angular-cl
i version 20-4
, angular
version 2.2.1
and update package.json to have good dependencies and modules in project
Lors de la création d'une personne, les données de date requises à partir de la step-18
sont manquantes.
Lors de la MAJ d'une personne, seule les données provenant du formulaire sont enregistrées et elles écrasent la totalité de l'objet alors qu'un merge doit être fait.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.