Avec la liste d'outils ci-desous :
- Angular
- Angular CLI
- Sass
- Boostrap
- Datatable
- jsonPlaceholder
- Huski
- TSLint
- Karma
- Jasmin
- Protractor
- Moment
L'objectif est de :
- créer une mini application capable d'afficher dans un tableau contenant une liste d'éléments intégrés en Boostrap et avec Datatable.
- la liste d'éléments sera ce que vous voulez mais il devra y avoir à minima, un label, une description (sur une seule ligne et automatiquement tronquée selon la taille de l'écran), une photo, une date d'ajout (au format "Ajouté il y a XX minutes"), un bouton pour ouvrir le détail de l'élément dans une modal
- mettre en place une fausse API grace à jsonPlaceholder
- mettre en place une pagination
- utiliser les models et dataservices
- utiliser une directive scalable pour datatable
- réaliser la suite de tests unitaires et end to end pour couvrir le tableau et les fonctionnalités de votre code. Istanbul devra nous retourner un taux de couverture suppérieur à 80%
- configurer une régles de Pre commit pour assuer le respet des normes de codage
- utiliser les variables, mixins, placeholders Sass
- l'integration devra être responsive
- rédigez une mini documentation en markdown pour expliquer comment fonctionne cette app, ce qui est utilisé et comment l'adapter.
Bonus :
- ajouter un moteur de recherche
- ajouter le "order by" au clique sur les labels des colonnes du tableau
- utiliser autoprefixerla
Soyez rigoureux, respectez les conventions et patterns de développement. Adoptez la philosophie du commit atomique (un commit = une fonctionnalité) Pour soumettre le résulta du test, vous devrez faire une pull request sur ce dépot et ajouter Mikhael GERBET en reviewer. Si vous avez des questions : [email protected].
Bonne séance de code !