Skip to content

Latest commit

 

History

History
37 lines (23 loc) · 1.49 KB

README.md

File metadata and controls

37 lines (23 loc) · 1.49 KB

SVG à la main, toi aussi tu peux le faire

Atelier présenté à Paris Web 2019, l'objectif est d'explorer comment créer du SVG à la main.

Démarrage

Ce dépôt GIT contient tous les exercices pour arriver à produire cette image interactive :

Vous voyez actuellement un petite partie du résultat final auquel vous allez arriver. Pour suivre les exercices étape par étape commencez par cloner ce dépôt :

git clone https://github.com/JeremiePat/atelier-svg.git

Ensuite, accéder à chaque étape pour voir ses instructions et comment le code évolue :

# Démarrer un nouvel exercice
git checkout ex.001

# Voir la solution de l'exercice
git checkout ex.001.solution

Chaque étape correspond à un tag au format ex.XXX ou XXX est le numéro de l'étape à laquelle vous souhaitez accéder (préfixé par 0 autant que nécessaire).

Tout ce passe ensuite dans le dossier exercice. Vous y trouverez :

  • un dossier code qui est votre répertoire de travail.
  • un dossier README.md qui contient les instruction de l'exercice
  • un dossier base qui vous propose une base de code pour démarrer l'exercice (vous pouvez la copier dans le dossier code si vous le souhaitez)
  • un dossier solution qui contient la solution de l'exercice (ce dossier n'est présent que si vous checkout un tag ex.XXX.solution)

A partir de là, c'est à vous de jouer. Prenez votre temps, comprenez ce que vous faites et amusez vous bien 😁