L'essentiel de Ruby on Rails

Embellir l'application

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Pour l'instant, votre application ne ressemble pas vraiment à Stack Overflow. Suivez l'énoncé de cet exercice qui vous mettra sur la bonne voie.
03:23

Transcription

Nous arrivons au dernier exercice de cette formation. L’objectif est simple, il faut faire que votre application ressemble à Stack Overflow. La réalisation de cet objectif est, quant à elle, bien plus complexe. Vous pourrez retrouver l’ensemble du code de l’application à cette adresse. Afin de vous lancer sur la bonne voie, je vais vous fournir quelques modifications à réaliser. Commençons par changer la couleur de la barre de navigation en haut, mettons plutôt #fafafb. Ensuite, créons le nouveau fichier stylesheets nommé base.scss. Mettons-y le code qui est, actuellement, dans header. Et améliorons, un peu, ce code. J’ai rajouté, ici, des éléments css, qui permettront d’avoir notre pied de page, le footer, collé en bas de notre page de navigateur. J’ai, également, amélioré le header et défini des règles sur le footer. J’en profite, aussi, pour vous faire réparer, ici, un bug qui existe sur foundation. La réparation est assez simple, il faut sélectionner ces trois lignes et les mettre à la suite de menu-icon. Sans cela, si vous essayez de mettre des menus dropdown au sein de votre application, cela ne fonctionnera pas. Enfin, il reste à améliorer le fichier de layout. J’ai mis, ici, un container pour l’ensemble du code de mon application, modifié, un petit peu, le header, rajouté, ici, un tag main et rajouté le footer. J’en profite pour vous présenter cette petite astuce, qui permet d’ajouter la classe active à notre li, si le conteneur sur lequel nous sommes est celui des topics, à savoir des sujets de discussion. Avec ces quelques modifications, vous devriez avoir un résultat, normalement, qui ressemble à celui-ci. Cela commence, déjà, à ressembler davantage à Stack Overflow. Nous retrouvons, ici, le footer. Il vous reste, donc, à améliorer la partie centrale. Peut-être avez-vous remarqué, également, qu’en rajoutant, ici, les next dans la résolution de l’exercice précédent, il restait un problème au niveau des paginations. Réparons ce problème. Il nous faut, tout simplement, modifier, ici, la méthode get_topics et ne récupérer que les sujets de discussion de l’utilisateur actuel, ou qui sont publiés, si l’utilisateur n’est pas administrateur. Transformons, également, la méthode get_answers de notre modèle topic en lui passant un nouveau paramètre, l’utilisateur, et en vérifiant les mêmes conditions que dans topics_controller. Recherchez,ensuite, toutes les occurrences de get_answers dans votre code et rajoutez current_user comme paramètre. Enfin, vous pouvez, également, filtrer les accès aux données non publiées en rajoutant une méthode, par exemple, ici, can_access? dans ApplicationController, puis en rajoutant des before_action au niveau de topic_answers, puis en rajoutant un before_action, ici, verify_access sur l’action show. Cette méthode pourra, simplement, rediriger vers la page de discussion si l’utilisateur ne peut pas accéder au sujet. J’espère que vous vous amuserez à transformer votre application pour qu’elle ressemble à Stack Overflow. Dans tous les cas, vous pourrez toujours récupérer mon code qui se trouve en ligne sur GitHub.

L'essentiel de Ruby on Rails

Concevez des applications web évolutives et intemporelles avec Ruby on Rails. Installez l’environnement, réalisez un projet de stack overflow, enrichissez-le, etc.

6h08 (85 vidéos)
Aucun commentaire n´est disponible actuellement

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !