1 00:00:02,770 --> 00:00:07,410 Alors, quel type d'application allons-nous construire dans ce module ici? 2 00:00:07,450 --> 00:00:15,580 Nous allons créer une application de repas, une application où nous pouvons afficher certaines recettes, certaines recettes préférées et également filtrer les recettes et 3 00:00:15,820 --> 00:00:19,370 pour cela dans cette application, nous aurons besoin de navigation. 4 00:00:19,390 --> 00:00:25,810 Nous aurons notre en-tête là-bas avec un titre au milieu et avec un bouton de menu ici à 5 00:00:25,810 --> 00:00:29,210 gauche qui nous permet d'ouvrir un tiroir latéral auquel 6 00:00:29,470 --> 00:00:33,610 je reviendrai dans une seconde et au bas de cette page ici, 7 00:00:33,610 --> 00:00:42,700 nous 'll aura des onglets, nous aurons deux onglets - un pour tous les repas, toutes les recettes et un pour nos favoris que nous pourrons 8 00:00:42,700 --> 00:00:45,310 bien sûr ajouter dans cette application. 9 00:00:45,310 --> 00:00:49,800 Maintenant, sur cette page, nous aurons une grille de catégories, donc 10 00:00:49,810 --> 00:00:59,310 fondamentalement quelque chose comme la nourriture italienne, exotique, peut-être allemande, donc fondamentalement différentes catégories de nourriture et lorsque nous tapons sur l'une 11 00:00:59,470 --> 00:01:02,100 de ces catégories, nous serons 12 00:01:02,200 --> 00:01:09,490 pris sur un deuxième écran où nous aurons alors un bouton de retour en haut pour revenir 13 00:01:09,490 --> 00:01:13,660 avec un autre titre, le titre de la catégorie et 14 00:01:13,660 --> 00:01:17,110 sur cet écran, nous aurons alors les recettes. 15 00:01:17,110 --> 00:01:24,910 Donc là, nous aurons plusieurs de ces cartes avec disons une image, un titre, quelques informations supplémentaires sur la recette comme le temps 16 00:01:24,910 --> 00:01:29,250 qu'il faut pour la créer et ainsi de suite, donc quand nous cliquons 17 00:01:29,260 --> 00:01:33,220 sur le bouton de retour, nous sommes bien sûr repris ici. 18 00:01:33,250 --> 00:01:37,300 Maintenant, c'est une partie et c'est tout où nous sommes sur 19 00:01:37,300 --> 00:01:44,470 l'onglet tout là-bas, donc quand c'est l'onglet actif. Maintenant, nous n'avons pas terminé dans ce flux, bien sûr, nous pouvons appuyer 20 00:01:44,890 --> 00:01:50,590 sur une seule recette et cela nous amènera à une autre page ici où nous pouvons voir les détails de cette recette. 21 00:01:50,650 --> 00:01:56,530 Donc, où nous avons également un en-tête et une image de cette recette et également un 22 00:01:56,530 --> 00:02:02,950 bouton de retour qui nous ramène à cette page ici, où nous avons ensuite également plus d'informations sur 23 00:02:02,950 --> 00:02:11,740 la recette, comme par exemple les ingrédients qui sont une telle liste et puis également les étapes nécessaires pour créer cette recette, comme les oignons 24 00:02:11,800 --> 00:02:12,860 coupés, etc. 25 00:02:13,390 --> 00:02:17,370 Voilà donc les informations sur la recette que nous avons ici et nous pouvons revenir en arrière. 26 00:02:17,710 --> 00:02:26,050 Important, nous aurons également la fonctionnalité pour marquer une recette comme favorite là-bas, par exemple ici dans l'en-tête, nous pourrions avoir une icône 27 00:02:26,050 --> 00:02:31,710 d'étoile qui nous permet de le faire, eh bien c'est une étoile laide mais c'est 28 00:02:31,720 --> 00:02:32,850 quelque chose 29 00:02:32,880 --> 00:02:39,790 que nous pourrions avoir ici pour marquer une recette comme favorite et nous l'ajouterons à cette liste de favoris 30 00:02:39,790 --> 00:02:43,210 parce que c'est l'autre onglet que nous avons ici, non? 31 00:02:43,220 --> 00:02:50,980 C'est le deuxième onglet que nous avons obtenu ici. Lorsque nous appuyons sur cet onglet ici, nous basculons essentiellement l'onglet sur 32 00:02:51,040 --> 00:02:53,540 cet écran de démarrage où nous avons 33 00:02:53,740 --> 00:02:58,500 ce bouton de menu, nous avons toujours nos onglets ici avec tous et avec les 34 00:02:58,510 --> 00:03:01,750 favoris, mais maintenant, disons que les favoris est l'onglet actif. 35 00:03:02,050 --> 00:03:10,660 Eh bien dans ce cas, si les favoris sont l'onglet actif, alors ici, nous voyons essentiellement une liste de 36 00:03:10,660 --> 00:03:15,700 recettes qui ressemble à cette liste ici de recettes lorsque nous 37 00:03:15,700 --> 00:03:24,790 cliquons sur une catégorie, mais maintenant seulement avec une liste de recettes avec les recettes que nous avons marquées comme préféré. 38 00:03:24,790 --> 00:03:30,890 Maintenant, nous pouvons encore faire une seule recette et nous sommes dirigés vers cette page de détail de la recette là-haut 39 00:03:30,970 --> 00:03:35,050 et si nous appuyions maintenant sur le bouton de retour, nous reviendrions bien 40 00:03:35,080 --> 00:03:40,130 sûr sur cette page, donc le bouton de retour nous amène à différents pages selon d'où nous venons. 41 00:03:40,180 --> 00:03:47,980 Maintenant, que se passe-t-il lorsque nous appuyons sur ce tiroir ici, lorsque nous tapons sur ce bouton de menu? Que se passe-t-il dans ce 42 00:03:47,980 --> 00:03:49,110 cas? 43 00:03:49,120 --> 00:03:56,860 Eh bien dans ce cas, nous ouvrons un tiroir latéral qui nous permet d'aller à l'application des repas qui est finalement cette application sur laquelle 44 00:03:56,860 --> 00:04:05,830 nous commençons, où nous avons tous les favoris et également l'écran des filtres. Maintenant, les filtres sont un tout nouvel écran que nous 45 00:04:05,860 --> 00:04:12,730 avons dans cette application, où nous avons également un bouton de menu pour accéder à ce 46 00:04:12,850 --> 00:04:22,150 même menu ici et éventuellement revenir à la page des repas et sur les filtres, nous pouvons définir des filtres comme glutenFree 47 00:04:22,490 --> 00:04:30,740 ou vegan et nous Je vais avoir quelques commutateurs ici qui nous permettent d'activer et de désactiver ces options et 48 00:04:31,160 --> 00:04:38,690 nous avons également comme un bouton de sauvegarde ici en haut qui nous permet ensuite de sauvegarder notre 49 00:04:38,720 --> 00:04:48,430 sélection et ensuite nous pouvons revenir en arrière et les recettes que nous voyons ici seront filtré par notre sélection sur l'écran du filtre. 50 00:04:49,070 --> 00:04:54,270 C'est donc l'application que nous construisons et maintenant ce croquis ici montre deux choses - pour commencer, 51 00:04:54,290 --> 00:05:00,500 mes compétences en dessin ne sont pas si impressionnantes. Cela ne devrait pas trop d'importance, car ce n'est heureusement 52 00:05:00,590 --> 00:05:02,360 pas un cours de dessin. 53 00:05:02,390 --> 00:05:07,330 La chose la plus importante que ce croquis montre est que nous aurons beaucoup de navigation, nous 54 00:05:07,370 --> 00:05:08,170 avons des 55 00:05:08,180 --> 00:05:15,760 onglets, nous avons un tiroir latéral et nous avons une navigation aller-retour, donc nous allons faire des allers-retours entre les pages, nous aurons pour changer le titre 56 00:05:15,800 --> 00:05:21,080 dans l'en-tête en fonction de l'endroit où nous allons, nous devrons changer le contenu à l'écran en fonction de 57 00:05:21,080 --> 00:05:26,510 l'endroit où nous allons et donc, nous avons besoin d'une solution de navigation puissante où nous n'utilisons pas seulement 58 00:05:26,510 --> 00:05:33,200 si vérifie comme nous l'avons fait jusqu'à présent dans le cours. Non seulement parce que ce serait très lourd 59 00:05:33,200 --> 00:05:39,800 à écrire, mais aussi parce que nous voulons ces belles animations, ces transitions entre les écrans et c'est 60 00:05:40,250 --> 00:05:44,220 quelque chose que nous pouvons heureusement ajouter de manière relativement facile.