Skip to content

Instantly share code, notes, and snippets.

@Symfomany
Last active May 23, 2017 07:19
Show Gist options
  • Save Symfomany/1b8d296f192fa1d11eae0d06c98ef3ef to your computer and use it in GitHub Desktop.
Save Symfomany/1b8d296f192fa1d11eae0d06c98ef3ef to your computer and use it in GitHub Desktop.

enter image description here

Atelier Express & VueJS

###Etape 0 : Installer Postman pour tester votre API de Blog

Installation sous Chrome: https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop/related

###Etape 1: Interaction avec API Express & VueJS

  • Compléter le formulaire de création d'article sur les autres champs manquants: description, catégorie(Politique, Insolite, Sport, Finance)

  • Limiter à l'affichage les 3 articles les mieux notés par défaut

  • Créer un bouton "Voir plus" qui me permet quand je clique de charger 3 par 3 des articles en plus dans la liste

  • Créer un bouton qui change en visible si l'article est invisible

  • Créer un bouton qui change en invisible si l'article est visible

  • Créer une liste déroulante qui permet de filtrer les articles par catégories (Politique, Insolite, Sport, Finance)

  • Créer un boutton par article permettant d'augmenter la note d'un article

  • Ajouter en CSS une hauteur maximum de 300px et un overflow:auto pour avoir une barre de scroll sur la liste des articles. Puis avec l'évenement quand je scroll la liste @scroll="scrollFunction" et avec l'objet window.scrollY, charger plus d'articles quand on est en tout en bas sur la scrollbar la liste des articles.

  • Bonus: Créer une checkbox par article permettant de sélectionner plusieurs articles et un boutton "Supprimer tout" pour pouvoir supprimer les articles séléctionnés (Requete AJAX en POST)

  • A faire avec le PROF à 11h30 Créer un bouton "Voir cet article" pour voir en détail l'article http://router.vuejs.org/en/essentials/dynamic-matching.html

  • A faire avec le PROF à 11h30 Créer une page permettant d'editer un article http://router.vuejs.org/en/essentials/nested-routes.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment