TrainAndGetBetter.md

Liste de TP pour vous entraîner

Ressources pour apprendre le JS

• https://paper.dropbox.com/doc/JavaScript-Dans-les-grandes-lignes-WChPms2kat0hAU7zX9vOJ

Idées de TP

• créer un quiz interactif avec animations
• créer une fenêtre de chat avec animations https://dribbble.com/shots/3934522-Medical-Bot-Interactions
• créer cookie clicker http://orteil.dashnet.org/cookieclicker
• créer un morpion responsive avec du son
  • https://dribbble.com/shots/2674683-Tac-A-Game-About-Shifting
  • https://dribbble.com/shots/2841696-X-O-Game-Design
• créer un pierre feuille ciseaux avec animations / illustration SVG
  • https://dribbble.com/shots/2609212-Rock-paper-scissors-game-with-Facebook-messenger
• créer un mini spotify desktop (fiche album avec liste des titres, player en bas)
• créer une modal avec une animation complexe
  • https://codepen.io/designcouch/pen/obvKxm
• créer une librairie de la validation de formulaire
• créer un piano / guitare ou drums avec des animations et l'utilisation du clavier
  • https://codepen.io/iamjoshellis/pen/KVdQqm
• créer un flappy bird
  • https://dribbble.com/shots/1423908-Flappy-Bird-GIF-for-my-first-Dribbble-Debut-shot
• créer une single page e-commerce full front
  • (slider, changer les images par couleur, ajout au panier...)
  • https://dribbble.com/shots/3863374-Aude-product-details-page
  • https://dribbble.com/shots/3927803-Desktop-Cart-Motion
  • https://dribbble.com/shots/3796322-Cart-Animation
• créer un distributeur
  • https://codepen.io/Lewitje/full/GjqbbA/
  • https://codepen.io/jasonhibbs/full/EapoBv/
• créer un mémorie game https://codepen.io/thinker3197/pen/BmxyOp
• créer une todo list
• créer une histoire interactive
  • vous racontez une histoire et le lecteur peut interagir avec le décor,
  • les personnages, répondre à des questions de l'histoire
  • ce qui créerait une fin différente à l'histoire
  • en fonction de ses réponses par exemple
  • http://www.wismo.ch/Histoires-interactives
• créer un fake tinder (avec de fausses données) (randomuser api)
• créer un jeu : type quel est ce logo
  • https://play.google.com/store/apps/details?id=lemmingsatwork.quiz
• créer un jeu : quel est le drapeau du pays "X"
  • https://play.google.com/store/apps/details?id=com.gedev.flags
• créer un jeu de rapidité
  • https://play.google.com/store/apps/details?id=jp.co.translimit.brainwars&hl=fr
• créer un slider pour mobile ou tablet (au touch)
  • https://dribbble.com/shots/3641232-ESPN-The-Body-Issue-2017-Home-swipe
• créer un pokédex
  • pouvoir ajouter un nouveau pokémon
  • lister les pokémons
  • voire une fiche de pokémon
  • https://dribbble.com/shots/2978201-pokemon-Go
• créer un jeu de combat style pokémon en tour par tour
  • https://thewarmup.io/player/victor-de-la-fouchardiere
• créer une web tv avec l'api youtube ou vimeo
  • https://dribbble.com/shots/3455841-Introducing-Freelance-TV

N'hésitez pas à vous partager entre vous des idées de projets si vous en avez et me faire une pull request.

Bien évidemment vos réalisations sont les bienvenues sur https://thewarmup.io

Des choses à apprendre pour aller plus loin :

• apprendre le CANVAS https://www.alsacreations.com/tuto/lire/1484-introduction.html
• pour essayer de faire un jeu https://openclassrooms.com/courses/creer-un-mini-rpg-en-javascript-avec-canvas
• apprendre L'API youtube iframe