Créons ensemble une application avec Laravel!
0.00% achevé.
En douceur..
Niveau: Intermédiaire
76 episodes
17:29:53
Mise à jour il y a 3 jours
  • Episode 1 Durée 25:05

    La vue

    La chose la plus importante pour une application est toujours la partie graphique et design! Car nos visiteurs nous jugeront très certainement sur c’est deux la. Alors nous allons passer un peu de temps ensemble pour avoir une belle application avec le framework Semantic UI.

  • Episode 2 Durée 11:30

    Mise en place des migrations

    Maintenant que la vue de notre application est prête, voyons maintenant les migrations et nous allons à la fois créer les migrations ainsi que les relations.

  • Episode 3 Durée 22:10

    Mise en place des factories

    Comme tous développeurs qui se respectent, nous allons pas nous prendre la tête à créer des faux enregistrements pour nos tests manuellement, on va laisser Laravel le faire pour nous alors voyons ensemble comment combiner les seeds et les factories.

  • Episode 4 Durée 09:49

    La liste des membres

    Nous allons nous occupé de la vue sur les membres et dans cet épisodes nous allons voir comment nous allons lister les membres avec le framework Semantic UI en utilisant les cards.

  • Episode 5 Durée 06:43

    La liste des articles

    Occupons nous maintenant de lister les articles et tout en affichant la catégorie associée avec des jolies couleur pour chacune des catégorie ;-)

  • Episode 6 Durée 06:27

    La liste des tutoriels

    Nous allons voir dans cet épisode comment nous allons lister les tutoriels pour terminer enfin sur la structures de nos listes avant d’attaquer les choses sérieuses.

  • Episode 7 Durée 15:27

    Filtrer ls articles par catégorie

    Quand je regarde la liste des articles, je me dis que c’est un peu en désordre, ou bien moi en tant que habituer j’ai besoin d’une liste d’article spécifique à une catégorie. Je te propose qu’on mette ensemble un système qui va filtrer les articles par catégorie ;-)

  • Episode 8 Durée 09:23

    Lire la suite

    Si un lecteur navigue dans la page du blog et remarque un article qui lui intéresse en lisant l’extrait qu’on nous avons mis en place précédemment, il voudra sans doute en savoir un peu plus en lisant tout le contenu de l’article. mettons dans cet épisode le fameux bouton “Lire la suite…”.

  • Episode 9 Durée 20:38

    Editer un article

    Maintenant que nous avons mis en place la page spéciale pour afficher un article, pourquoi ne pas mettre directement par la suite la page qui nous permettra d’éditer ce même article ? Je te propose de voir cela ensemble ;-)

  • Episode 10 Durée 07:59

    Supprimer un article

    Construire c’est rude, détruire c’est un jeu d’enfant ! Laravel nous prouve que cela est bien fondé! Et pour illustrer cela nous allons mettre en place le système qui permettra de supprimer les articles. On en profitera également pour mettre du Markdown dans nos article.

  • Episode 11 Durée 13:35

    Une relation polymorphique avec les commentaires

    Afin de prendre en compte les impressions de nos lecteurs il est primordiale d'implanter un système de commentaire attaché aux articles et aux tutoriels. On fait comment ? on dit qu’un commentaire appartient à un article avec un “post_id” puis un un tutoriel avec un “tutorial_id”... Non non non! On va plutôt utiliser ce qu’on appelle “une relation polymorphique”.

  • Episode 12 Durée 06:29

    Récupérer les commentaires

    Maintenant on sait comment créer des commentaires rapidement en combinant les factories et les seeds, c’est bien! Mais ce qui serait encore meilleur c’est de les afficher! Et c’est justement l’objet de notre rencontre dans cet épisode.

  • Episode 13 Durée 09:49

    Poster un commentaire

    Juste avant d'attaquer la partie VueJS nous devrons mettre en place le système qui va enregistrer les commentaires et mettre en place le système par défaut d'authentification de Laravel.

  • Episode 14 Durée 18:19

    Récupérer les commentaires avec VueJS - Partie 1

    Nous allons enfin passer au chose sérieuse! Vue n’en pouvait plus de rester dans son coin et laisser Laravel faire tout le sale travail. Nous allons commencer en douceur et on allons voir dans cet épisode une première manière de récupérer les commentaires.

  • Episode 15 Durée 09:04

    Récupérer les commentaires avec VueJS - Partie 2

    Récupérer une collection on passant les enregistrement dans une attribute v-bind à un composant n’est pas vraiment très élégant, en plus cela ne pas améliorer la performance de notre application bien au contraire!

  • Episode 16 Durée 21:19

    Editer un commentaire

    Nous allons maintenant passer un peu de temps ensemble pour voir la façon on met à jour un enregistrement en utilisant Vue et Laravel. Mais tout tu verras qu’au final que Vue est aussi simple que Laravel.

  • Episode 17 Durée 04:19

    Supprimer un commentaire - Partie 1

    Après avoir mis en place les méthodes qui nous permettent de d’éditer des commentaires avec Vue, nous allons mettre en place les mécanismes qui vont nous permettre de supprimer des commentaires très proprement.

  • Episode 18 Durée 05:49

    Supprimer un commentaire - Partie 2

    Nous avons vu dans la première partie comment supprimer un commentaire mais seulement dans la base de donnée dans sans les retirer automatiquement de la liste des commentaires. Voyons ensemble dans cet épisode comment on peut les retirer.

  • Episode 19 Durée 16:32

    Ajouter des commentaires

    Après l’édition, puis la suppression voyons maintenant comment ajouter des commentaires. Nous verrons également la différence entre la propriété $guarded et $fillable pour les Modèles et pourquoi il faut il privilégier la propriété $fillable.

  • Episode 20 Durée 05:34

    Utilise les mixins pour nos commentaires

    On sait que les commentaires qu’on vient de mettre en place n’est pas réservé que pour les articles, on peut les réutiliser pour les tutoriels, ainsi que d’autres pages qu’on aimerait les commenter. On sait également qu’en POO c’est mal de se répéter alors faisant qu’en sorte que les propriétés et méthodes créent pour les commentaires puissent être appeler ailleurs.

  • Episode 21 Durée 07:32

    Des bugs et des oublis

    Ahhh… plus on avance et plus on fait des erreurs ou des oublis, prenons ensemble quelque minutes pour corriger les oublis et installer l’outil incontournable Laravel DebugBar afin de corriger d’examiner plus en détail nos requêtes SQL.

  • Episode 22 Durée 08:52

    Publier un article

    Jusqu'à maintenant on a vu comment éditer un article, publier des commentaires et les éditer également mais on n’a pas même pas vu comment publier un article! Remédions cela ensemble dans cet épisode.

  • Episode 23 Durée 12:38

    Editer un article - Partie 1

    On a vu la dernière fois comment éditer les commentaires avec VueJS, le serais-tu le refaire avec les articles ? Nous allons utiliser le même fonctionnement. Mais juste pour ne pas tout mélanger, on va faire nous allons diviser cela en deux partie:

    D’abord nous allons voir la partie vue puis nous verrons dans la seconde le traitement.

  • Episode 24 Durée 12:29

    Editer un article - Partie 2

    Nous allons voir maintenant la partie 2 qui consiste à persister les nouvelles informations dans la base de données. Nous ne verrons pas grande chose d'extraordinaire, on va même se répéter mais c’est en se répétant que tout rentre dans la tête.

  • Episode 25 Durée 14:10

    Annuler une édition

    Que se passe t-il quand on souhaite annuler une édition ? Est-ce que tout est vraiment annuler ? Est-ce que le formulaire va revenir à son état initial ? Est-ce que cela n’aura pas d’effet négatif sur la vue ? La directive v-model a des avantages mais également des défauts malheureusement….

  • Episode 26 Durée 07:19

    Enchaîner les suppressions

    C’est une partie très courte mais pourtant très intéressante. Laravel est toujours fidèle dans sa réputation de vouloir faciliter grandement la vie des développeurs, parmi les choses que Laravel nous à rendu tellement facile est de pouvoir supprimer en cascade des enregistrements.

  • Episode 27 Durée 17:02

    S'enregistrer dans notre application

    Je te propose de faire une petite pause pour la partie Blog et de mettre en place notre propre système d'authentification. Car celui proposer par Laravel n’est pas très avancer.

  • Episode 28 Durée 09:06

    Se connecter dans notre application

    Maintenant nous allons mettre en place la partie connexion mais il faudrait également laisser la possibilité à nos membres de pourvoir persister leur connexion en utilisant les Cookies et on mettra par la suite la partie déconnexion qui est sans aucune doute la partie la plus facile.

  • Episode 29 Durée 11:51

    Message de validation personnalisée

    Jusqu’à maintenant les messages de validation qu’on reçoit en cas d’erreurs sur les formulaires sont en anglais et déjà fait par Laravel. Je te propose qu’on fasse notre propre système de validation et nous verrons par la suite les messages flash avec les sessions.

  • Episode 30 Durée 12:43

    Chaque membre possède un rang

    Au sein d’une communauté, il y a toujours un leader, le chef du troupeau, le patriarche, le parrain etc… Il y a des individus qui profitent d’un certain privilège dû à leur ancienneté et d’autres qui doivent faire leur preuves. Et on retrouve cela partout! Que ce soit dans une petite, moyenne ou grande entreprise (criminelle) on retrouvera toujours cet organisation. Nous l’allons mettre en place un système de rang afin de distinguer les membres.

  • Episode 31 Durée 19:55

    Valider son compte par email

    Nous avons mis en place la partie authentification, mais le soucis n'importe qui peut venir et s’inscrire dans notre application puis de se connecter par la suite et de poster des articles, des commentaires etc… Quand je dis “n'importe qui” je veux également dire “n'importe quoi” car en effet il n’y a pas que les humains qui créer des comptes, mêmes les robots le font! Et si on les laisse faire ton application va devenir un vrai “paradis” pour les SPAMMEURS.

  • Episode 32 Durée 06:03

    Cryptage de mot de passe

    S’il y a bien une chose qu’un développeur doit vraiment se préoccuper dans son application c’est bien la partie sécurité. Depuis la version 7.2 de PHP on retrouve un nouvel algorithme permettant de hasher les mots de passe que Laravel l’a inclut dans sa version 5.6. Je te propose de voir cela plus en détail et de l'utiliser au sein de notre application.

  • Episode 34 Durée 16:19

    Mot de passe perdu - 1ère Partie

    Que se passe-t-il lorsqu’un membre oublie son mot de passe? Jusqu'à maintenant nous n'avons mis qu'en place que le système qui permet authentifier un membre. Voyons dans cet épisode le système du "mot de passe perdu".

  • Episode 33 Durée 11:07

    Renvoie d'email de confirmation de compte

    Ca arrive des fois qu'on ne reçoit pas l'email qui nous permet de confirmer notre compte. Cela arrive bien plus souvent que tu pourrais l'imager. Je te propose de mettre en place dans cet épisode un système qui va permettre au membres de recevoir de nouveau l'email pour confirmer son comte.

  • Episode 35 Durée 17:26

    Mot de passe perdu - 2ème Partie

    Nous attaquons maintenant la deuxième partie, qui consiste a envoyé un email contenant un lien pour réinitialiser le mot de passe.

  • Episode 36 Durée 14:26

    Se connecter avec Vue.js

    Après avoir mis en place le système de connexion avec un formulaire basic, voyons comment se connecter avec Vue.js en utilisant un modal.

  • Episode 37 Durée 13:24

    Afficher les erreurs avec Vue.js

    Notre système de connexion avec Vue.js est maintenant en place! Mais pour l'instant on ne voit pas les erreurs si un membre s'est trompé de mot de passe ou bien s'il est banni etc...

  • Episode 38 Durée 12:07

    S'enregistrer avec Vue.js

    Maintenant nous allons passer au Modal pour l'enregistrement.

  • Episode 39 Durée 17:27

    Un composant Flash pour les alertes

    Je te propose dans cet épisode qu'on crée ensemble un composant Flash. Grâce à ce composant on pourra savoir si nos commentaires sont bien enregistrés par exemple.

  • Episode 40 Durée 18:45

    Intégrer Tailwind CSS dans notre projet

    Tu connais Tailwind CSS? C'est une puissante librairie (ou +/- un framework) qui grâce a des classes combinées entre elles on peut créer des super composant! Ce n'est pas comme Bootstrap où les composants sont déjà là et tu n'as pas tellement le choix dans leur personnalisation... Mais avec Tailwind CSS tout est intégralement personnalisable!

  • Episode 41 Durée 16:38

    Créer un événement Flash pour nos composants

    Pourquoi ne pas utiliser le composant Flash comme une méthode qu'on pourra faire appel partout dans notre application? Comme ça dès que j'ai envie d'afficher une message flash je n'ai juste qu'à faire appel à la méthode flash()!

  • Episode 42 Durée 22:44

    RE: Récupérer les commentaires

    Beaucoup d'entre vous n'ont pas très bien assimilés le système de commentaires qu'on avait déjà mise en place dans les épisodes précédent. Je te propose qu'on repars de Zéro et qu'on refasse un autre système de commentaires. On utilisera une autre approche et cette fois-ci vous comprendrez un peu mieux. Enfin... je l'espère!

  • Episode 43 Durée 25:06

    Afficher les commentaires avec Tailwind

    Nous allons maintenant récupérer les commentaires pour les afficher à la vue. J'espère que tu te souviens de Tailwind CSS? Car nous allons utiliser ce puissant framework pour rendre nos commentaires plus agréable à regarder.

  • Episode 44 Durée 26:40

    Afficher le formulaire d’édition des commentaires

    Nous allons maintenant voir comment va ressembler notre formulaire d'édition des commentaires. Nous verrons d'abord moment qui est une librairie JavaScript très populaire pour formater les date puis nous attaquerons le formulaire des commentaires.

  • Episode 45 Durée 16:54

    Mettre à jour un commentaire

    Et pour terminer la partie édition pour les commentaires, nous allons voir dans cet épisode comment persister les commentaires dans la base de donnée. Nous allons pour cela utiliser la librairie axios avec la requête de type put pour les mises à jours.

  • Episode 46 Durée 07:52

    Supprimer un commentaire

    Nous allons maintenant voir comment nous pouvons supprimer les commentaires éfficacement dans cet épisode. C'est toujours une partie de plaisir de supprimer des enregistrements dans la base de données ;-)

  • Episode 47 Durée 20:59

    Ajouter un nouveau commentaire

    Nous allons maintenant voir dans cet épisode comment nous allons ajouter des commentaires. Nous allons voir également l"événement "@focus" que nous n'avons encore jamais vu jusqu'à maintenant!

  • Episode 48 Durée 21:02

    Une permission pour nos commentaires

    Jusqu'à maintenant n’importe qui peut venir éditer les commentaires des autres et c'est pas super cool tout ça! Votons ensemble à travers les Policies comment mieux protéger nos commentaires. Nous verront également la création d'un objet qui fera la passerelle entre Laravel et Vue.js pour déterminé si un utilisateur est connecté ou pas...

  • Episode 49 Durée 15:14

    Faisons un peu de refactoring

    Faisons un point ensemble sur la manière utilisée pour créer des faux enregistrements avec les Factories. Je te proposede retrouver une meilleure solution pour alléger les ficher UserFactory.php avec un Trait et comment créer un attribut avec les getters.

  • Episode 50 Durée 24:40

    La structure des articles

    Après avoir terminé la partie des commentaires, je te propose maintenant d'attaquer plus en profondeur les articles. Nous allons voir comment améliorer nos articles en ajoutant plus d'options.

  • Episode 51 Durée 13:43

    Partager un article dans les réseaux sociaux

    Nous continuons toujours notre exploration avec les articles, et nous allons mettre en place aujourd'hui le système pour "liker" des articles.
    Nous allons voir d'abord voir dans cet épisode les relations et la logique. Puis nous verrons par la suite le composant pour liker/disliker un article.

  • Episode 52 Durée 19:19

    Aimer un article - 1ère Partie

    Nous continuons toujours notre exploration avec les articles, et nous allons mettre en place aujourd'hui le système pour "liker" des articles.
    Nous allons voir d'abord voir dans cet épisode les relations et la logique. Puis nous verrons par la suite le composant pour liker/disliker un article.

  • Episode 53 Durée 27:55

    Aimer un article - 2ème Partie

    Nous attaquons maintenant la deuxième partie qui consiste a persister nos "Like" dans la base de données.

  • Episode 54 Durée 16:24

    Faire du refactoring du Model Post

    Tu as sans doute remarqué que le Model Post est rempli de méthode (pour le système de Like) qu'on sera amené à les utiliser dans d'autres Model? Si tu as envie de Like les commentaires par exemple, tu seras obligé de copier TOUTES les méthodes (liées au Like) se trouvant dans le Model Post pour les coller dans le Model Comment. Et cela nest pas du tout une bonne idée! Heureusement que PHP a déjà penser à ce problème en nous proposant les traits!

  • Episode 55 Durée 10:03

    Etre notifié - Partie 1

    Nous allons maintenant passer au notification! Comme cette partie risque de nous perdre juste énormement de temps, j'ai décidé de diviser cela en plusieurs partie. Pour que cela soit plus facile à comprendre pour ceux qui ne savent pas comment l'utiliser. Alors accroche toi bien ;-)

  • Episode 56 Durée 17:12

    Être notifié - Partie 2

    Nous attaquons maintenant la deuxième partie du système de notifications qui consuste a créer un composavtn Vue. Grùace à cela nos membres pourront s'abonner à un article pour être notifié par la suite.

  • Episode 57 Durée 15:29

    Être notifié - Partie 3

    Nous allons enfin passer au chose sérieuse! Nous cet épisode nous allons voir comment notifier nos abonnés via email! :D

  • Episode 58 Durée 09:13

    Être notifié - Partie 4

    Nous nous arrêtons un peu dans cet épisode pour faire un peu de refactoring. Voyons ensemble si on peut trouvé un autre moyen de récupérer les abonnés pour leur notifier par la suite. Jusqu'à maintenant nous avons utilisés un boucle foreach(), voyons si il y a une autre méthode beaucoup plus souple!

  • Episode 59 Durée 14:26

    Gérer les files d'attente avec Laravel Horizon

    Tu as remarquer que lors qu'on envoie un email il y a une petite latence? Cela est dû au serveur SMTP qui prend un peut de temps pour envoyer un email alors image si on doit envoyer plusieurs emails à la fois O.ô

    Laravel a pensé a ce problème en intégrante un système de files d'attente qui résous ce fléau! Voyons dans cet épiusode comme cela fonctionne avec Laravel Horizon!

  • Episode 60 Durée 13:39

    Notifié lors d'une mise à jour

    J'ai remarqué que c'est un peu ridicule de notre part de notifier les abonnés lors d'un ajout d'un commentaire. Et si on notifier lors d'une mise à jour d'un article plutôt?

  • Episode 61 Durée 08:34

    Utiliser Supervisor pour gérer les files d'attente

    Utiliser php artisan horizon à fois qu'on souhaite utiliser les files d'attente n'est pas vraiment très pratique. Surtout qu'on n'y pense pas très souvent quand on test des envois d'emails en local. Pourquoi ne pas utiliser un programme qui le fera pour nous? Supervisor est le programme par excellence qui nous permettra de lancer php artisan horizon tout seul et automatiquement!

  • Episode 62 Durée 08:00

    Notifié lors d'une mise à jour

    Ce n'est pas très malin de ma part de notifier les abonnés lors d'un ajout de commentaire. Imaginez recevoir des e-mails à chaque fois qu'une personne commente un article: ce serait un calvaire! Ce serait mieux de notifier les abonnés losqu'il y a une mise à jour importante dans un article plutôt, non? ;-)

  • Episode 63 Durée 16:10

    Un compteur de visite avec Laravel Visits

    Ce serait bien d'afficher le nombre de visite qu'un article à reçu. Grâce à cela on pourrait par exemple afficher les articles les plus consultés et faire un Top 5! On pourrait créer une colonne visits dans la table posts et lors qu'un visiteur consulte un article, il nous suffirait d'incrémenter ct article de 1. Mais le mieux c'est d'utiliser Laravel Visits!

  • Episode 64 Durée 07:07

    Un Top 6 des articles avec Laravel Visists

    Enfin de prouver la puissance de Laravel Visits, nous allons mettre en place un système de Top 6 dans notre page d’accueil. Comme ça on affichera les 6 articles les plus consultés dans notre application.

  • Episode 65 Durée 10:14

    Éviter de se RÉPÉTER dans la vue

    Laravel nous donne des moyens très éfficace d'éviter de nous répéter dans la vue. On peut utiliser la directive blade @component ou bien @include pour réutiliser une partie d'une vue dans d'autres vues! Et cela de manière dynamique!

  • Episode 66 Durée 16:09

    Taguer des articles

    Nous allons maintenant voir dans cet épisode la mise en place des tags pour nos articles. Comme ça on pourra par la suite rechercher des articles par rapport au tags! C'est en core mieux que de rechercher des articles par rapport à une catégorie! Et nous allons utiliser la package Laravel Tagging.

  • Episode 67 Durée 06:18

    Récupérer les articles par rapport aux tags

    Nous allons maintenant utiliser le package Laravel Tagging afin de rechercher des articles. Un articles peut avoir plusieurs tags associées.