Saison 1 - Client

OLDUVAÏ

Notre promo s'appelle Olduvaï. Avec un peu plus de 40 personnes, il y a 2 cockpits (salles de classe virtuelles). Et afin de pouvoir faire connaissance avec tout le monde, nous serons dispatchés aléatoirement à chaque nouvelle saison (chacune dure environ 2 semaines) chez les Blue 🔵 et les Red 🔴.

Un prof 👨‍🏫 (par classe) nous accompagnera sur chaque saison, qui représente chacune un thème de base dans notre parcours.
Chaque journée démarre à 9h, par la correction du challenge de la veille.
Une mini-pause ☕ vers 10h30, puis une pause 🍽️ d'1h entre 12h et 13h nous permettent de souffler un peu.
On rattaque ensuite jusqu'à 15h... puis vient le Challenge du jour, l'équivalent de nos devoirs quotidiens 📚 qui ne doivent pas dépasser 3h (conseil de la team O'Clock), afin de garder du jus 😴 pour les 6 mois à venir.

logo de linux

La première journée est sur le thème de l'environnement Linux, via le téléporteur (notre Virtual Machine / VM). C'est par l'intermédiaire de cette VM que nous pourrons résoudre les challenges (quasi) quotidiens, voir l'écran du prof en live coding, ou faire du pair programming.
En plus de Linux, nous découvrons aussi les lignes de commande dans le terminal , qui nous serviront par la suite à gérer le versioning de notre code sur GitHub.
Les fichiers MarkDown sont aussi présentés, avec leur syntaxe. Ils permettent de documenter le code présent sur GitHub (ils contiendront les consignes de nos challenges 😊).

logos HTML et CSS

Les 4 jours suivants sont consacrés à la découverte des langages HTML et CSS , les 2 langages de base des sites Web : HTML pour la structure, et CSS pour la "décoration".

Tous les jours à 15h, fin du cours, l'excitation monte... l'heure du challenge approche !
15h15-15h30, ça tombe ! Tout le monde se jette dessus... ça plante 💥! GitHub ne supporte pas l'afflux massif d'étudiants surexcités à l'idée de tester les apprentissages du jour 🤣. 10min plus tard c'est bon, on clône le repo (on importe le challenge sur notre ordi) et c'est parti !
Il y a souvent 1 à 3 bonus pour les plus à l'aise, permettant d'approfondir certaines notions. Ces challenges permettent la mise en pratique des notions vues en cours dans l'après-midi, et sont corrigés le lendemain matin.
Ayant commencé à me former sur FreeCodeCamp depuis quelques temps, je finis les challenges bonus compris assez rapidement ✌️🏆. Ils sont vraiment top pour s'approprier et maîtriser les notions du jour !
L'entraide 🤝 sur le Slack et le Discord est très forte, ceux qui finissent vite aident volontier ceux qui sont bloqués.

image de pair-programming

Le 6eme jour est une journée de pair programming. Le but est de réaliser un challenge à 2 apprenants 🧑‍🤝‍🧑.
Globalement, le principe est de séparer les tâches pour prendre plus de recul. Pendant que l'un dicte sa pensée, l'autre code. Le but étant d'être plus rapide que seul.
Dans notre cas, il s'agit plus de confronter des façons de penser 🧠, en échangeant sur la structure du site, les propriétés CSS à utiliser... car il n'y a jamais qu'une seule solution... mais plusieurs ! qui peuvent être plus ou moins efficientes ou adaptées à la situation.
C'était une expérience très enrichissante, qui m'a permis d'envisager des problématiques du challenge (merci Alex 😉) sous d'autres angles !

Les 2 derniers jours de cette saison sont dédiés aux Forms (type Google Form) et au Responsive Web Design. Le "responsive" est la capacité d'un site à pouvoir s'adapter aux différents écrans sur lesquels il pourrait être consulté (ordinateur, mobile, tablette, phablette).
La gymnastique d'esprit est nécessaire pour appréhender en amont la disposition des élements du site sur ces différents formats, dès la construction du HTML, afin que le CSS soit simplifié.

Nous finissons en beauté cette saison 1 avec une "journée en autonomie" ➔ un plus gros challenge, à résoudre seul avant midi.
A l'ordre du jour, un projet reprenant globalement l'ensemble des notions vues tout au long de la saison, qu'il faudra mener seul de bout en bout sans "demander de l'aide à un ami".
Le but est d'élaborer une page Web, contenant un menu (navbar), des images (avec légende), des articles avec descriptions, et des boutons... le tout animé, stylisé et responsive bien entendu !
C'est là que j'ai apprécié les quelques mois de préparation en amont de cette formation ! En finissant au bout d'1h30, la sentation d'être assez à l'aise maintenant sur ces 2 langages est assez jouissive 😊!