Introduction

Le but de ce cours est d'apprendre du javascript fondationnel pour intéragir avec des pages web de la manière la plus directe, pour essayer de sortir avec des bases les plus solides possibles.

À quoi ça sert?

Javascript permet de gérer la logique, javascript est ce qui nous permet de passer de "document web" à "application web", de passer de support d'informations à support de services. Avec, on pourra répondre aux actions de l'utilisateur au-delà des quelques animations CSS qu'on a pu voir.

Déroulement

Avant, j'enchainais directment du cours d'HTML/CSS à celui-ci puisqu'en pratique ils vont ensemble et que le javascript est la suite naturelle d'HTML/CSS dans l'apprentissage du web.

Le problème est qu'utiliser du javascript pour transformer l'HTML/CSS en fonction des actions d'un utilisateurs n'est pas directement accessible. Ce qui me conduisait à enseigner du javascript en isolation pendant 2 chapitres avant de raccrocher les wagons. Mais cette "traversée du desert" théorique ne fonctionne pas pour trop de monde, donc j'ai préparé "p5-espress" une version légèrement modifié de "p5.js", librairie graphique connue, qui nous permettera de créer des visuels pendant qu'on verra les bases.

Ce qui malheureusement veux dire que vous ne commencerez pas par du javascript 100% pur, mais bon, on ne peut pas tout avoir...

Pré-requis

Il est attendu que vous soyez capables de:

• ouvrir un projet web dans Visual Studio Code
• rédiger des pages web avec HTML et CSS (au moins pour le chapitres qui viennents apres les chapitres p5)

Notez aussi que le cours prévois que vous travaillerez et testrez sur firefox.

Rappel de la méthode de travail

• Pour les cours de plus de 2h on fait une pause au milieu
  • donc au bout d'1h30 pour 3h et au bout de 2h pour 4h
• Je ne m'attend à ce que vous performiez à 100%, mais plutôt sur un rythme 30min/10min. 30min de taf sérieux pour 10min à faire autre chose.
  • Si on est sur du 30min/20min voire plus je vous laisse rattraper à la maison, mais sachez qu'accumuler du retard peut vite devenir une situation irrécupérable.
• On évite d'empêcher les voisins de se concentrer si on est pas dans un bon jour. Ça reste un cours, pas un salon de thé
• Si vous n'êtes pas opérationnels les vendredis, ça ne m'intéresse pas, rattrapez à la maison
• Pareil si vous décidez de faire les travaux d'un autre cours pendant nos séances
• Le cours est écrit et non présenté, c'est pour laisser le maximum de place à des questions, posez-en ça fait partie de la méthodologie
  • Si vous voulez être super efficace notez les quand elle vous viennent et preparez en avant les séances. Vous pouvez aussi en poser entre les cours, vous savez où est mon bureau
• Les exercices et les problèmes SONT OBLIGATOIRES. Leur but est de vous fournir un support pour appliquer ce que l'on apprend. Je ne vous demande pas de les réussir, mais je vous demande d'essayer sincèrement avant de regarder la correction. L'apprentissage c'est le renforcement de connexions neuronnales, et c'est en fournissant un effort qu'on les active.
  • Personnelement, j'adorerai pouvoir apprendre sans fournir d'efforts. J'imagine que vous aussi, mais plus on comprent cette réalité tôt, moins on perd son temps.
• On utilise pas d'IAs. Le but c'est d'aquérir des compétences et automatismes qui décupleront ce qu'on pourra faire avec après le cours, et qu'on ne pourrait pas aquérir si on s'en servait de béquille direct

Timeline

Sessions:

• 1- Strict minimum + statique + mouvement
• 2- conditions
• 3- multitudes + DOM (le retour de l'HTML/CSS)
• 4- styles + remplissage et insertions
• 5-
• 6-

rendu du projet

• 7- dépistage IA, ou supplément cool si tout le monde est capable de suivre les consignes