GuiguiOnFire

Introduction

L'idee est de travailler differentes parties chaque jour Se focaliser sur une techno que tu manipules dans ton projet. En l'occurence, on va partir dans l'ordre sur

1. Javascript
2. VueJS

Pour le temps a passer sur chaque partie, ca va dependre du temps que tu alloues mais je dirai de prioriser la partie Pratique parce que c'est celle qui va le plus participer a la retention des connaissances (et booster ta confiance)

Theorique

Tu as libre cours sur les tutos. L'idee est d'avancer un peu tous les jours.

Pratique

L'objectif ici est de creer des mini-projets de zero. Et d'aller le plus loin possible. Eviter de recycler ce que tu as fait les jours d'avant car tu veux reecrire plusieurs fois les memes choses pour que ca rentre et gagner en rapidite sur les jours suivants.

Chaque jour, a la fin, essaie de commit et push ce que tu as fait dans un dossier Jour_X oú X est le numero de la journee. Ca te permettra de track un peu tes progres en plus. https://github.com/ThibaultRizzo/GuiguiOnFire.git (dis moi si tu as pas acces)

Sur ce volet, tu vas:

1. Lire une section de doc
2. Essayer d'appliquer ce que tu as appris dans un mini-projet

Jour 1:

Variables Creer une page HTML qui affiche un chiffre démarré à 1. Trois boutons permettent d'incrementer, de décrémenter et de mettre à zéro le chiffre.

Jour 2:

Math Implementer une calculatrice simple en JavaScript avec au moins

• addition
• soustraction
• multiplication
• division Il faut egalement pouvoir enchainer les opérations. => (2 + 4 / 2) * 4 doit donner 16.

Jour 3:

Strings Manipulation de texte Créer une page avec un champ de texte qui permet d'afficher a la modification du contenu du champ 3 textes en-dessous:

• le contenu du champ en gras
• le contenu du champ en italique et en majuscules
• le contenu du champ inversé avec la premiere lettre en majuscule

Jour 4:

Arrays Creer une page HTML qui affiche un champ texte et un tableau. Des que j'appuye sur entree dans le champ texte, le tableau doit être mis à jour avec les valeurs saisies. Chaque ligne du tableau doit contenir un bouton qui permet de supprimer la ligne.

Jour 5:

...

Projet

Si tu as un devis en cours, travaille sur le projet. Sinon, essaie de travailler sur ton propre projet. On pourra rediscuter d'idees a implementer si tu as besoin.

Objectif:

• Mettre en place un Pokédex qui a une recherche intégrée
• Cliquer sur une page de détail et l'afficher dans une page Web
• Pur Trio langages
• Pas de requête HTTP, persistence des données en JSON

Mini Objectif:

• Conceptualiser la page et travailler sur les containers Flexbox
• Page de détail en premier sans interraction (HTML, CSS)
• Ajout de la partie dynamique en récuppérant le Poké et mettre à jour les champs