Par équipe de 3.
Choisissez la personne la plus avancée techniquement sur les technos utilisées dans le cadre du projet et donnez lui le poste de dev lead.
Cette personne va fork le repo. Les autres personnes de l'équipe vont forker le dossier que le lead a fork (#fractal).
Ouvrez deux onglets. Dans le premier vous allez run le script npm build :
$ npm run build
Dans le deuxième :
$ npm run cdn
Une fois que le projet a été intialisé, si j'ai besoin de relancer le watch. Je le relance avec :
$ npm run watch
- Réduire le bus factor en respectant les méthodes agiles de cross-training et pair-programming.
- Apprendre à travailler avec des pull requests et code reviews.
- Savoir naviguer dans une app react.
- Ajouter un loader dans webpack.
Le développeur lead n'a pas le droit d'utiliser son ordi pour faire autre chose que des recherches google. Il ne peut pas intéragir directement avec le code source sauf dans le cadre des code reviews pour les pulls requests. Ou pour faire des tests de son côté. Il est constamment en pair-programming avec une personne de son équipe.
Les autres développeurs se répartissent les exos suivants de façon équitable en essayant autant que possible de prioriser le pair-programming aussi :
- Le bouton en haut à gauche qui contrôle la side-nav doit être dans un bouton en floating à droite et par dessus l'image. L'icône doit être encerclée.
- Mettre un padding à gauche et à droite de la nav.
- Il faut supprimer le trait gris sous le titre This section holds a grid.
- Les sports ne sont pas dans l'ordre alphabétique.
- Il faut une grid de 4 articles par row.
- Il faut une grid responsive avec seulement 1 article par row quand je suis sur mobile.
- Je veux coller mon footer à ma dernière image de parallax.
- Il faut rajouter un component caroussel ou slider au dessus de ma grid.
- Je veux me débarrasser du warning dans ma console "It looks like you're using a minified copy of the development build of React".
- Faire un shéma de la structure du site. Commit le fichier dans le dossier spec.
- BONUS : Mon tableau de nom de sport n'est pas assez défini. Je veux en faire un objet avec une image, un nom, et un contenu par sport. Chaque objet correspond à un component Card.
- BONUS : Je souhaite changer le thème couleur de materialize. En suivant les consignes indiquée sur la page npm de materialize-loader je crée mon fichier de config css pour re-définir les variables de $primary-colors.
Chaque exo représente au minimum un commit :
- Si l'exo consiste à supprimer un élément le message de commit sera "Delete: reste du message"
- Pour un bug fix : "Fix : reste du message"
- Pour un nouvel élement : "Add : reste du message"
Le lead est responsable du respect des consignes sur git. Il ne merge pas les pull requests qui n'y répondent pas.
Ressources :
