Semaine 3 : frameworks CSS - SimplonSt-Gaudens/programme-web-dev-promo-2 GitHub Wiki

Semaine 3

Objectifs

  • Retrouvailles avec Bootstrap
  • Découvrir et comparer d’autres frameworks CSS

Mercredi

Débrief prairie

Posez les ordis, on va discuter. Talk

Installation des outils

Installation des outils nécessaires pour son environnement de travail:

Les différents frameworks

Projet AirBnB

Par groupe vous allez refaire le site de AirBnB avec les framework CSS qui vous seront assignés par table :

  • Table 1 : Bulma
  • Table 2 : Bootstrap
  • Table 3 : Semantic UI
  • Table 4 : Foundation
    A rendre avant dimanche minuit!

Jeudi

Réseau social

Imprimer des fiches de profil à la façon de facebook (nom, prénom, professions exercées, hobbies, projets) et demandez à chaque participant de venir se présenter et de coller son profil sur un grand brownpaper. Ensuite, les participants dessinent des traits entre leur profil et les profils des personnes avec qui ils ont des liens (professionnels ou personnels). On visualise alors la richesse des liens et des interactions entre les participants. L’avantage avec cette technique c’est que le livrable produit est plutôt joli et peut constituer un souvenir à garder de la session.

Projet AirBnB : le retour!

Par groupe vous allez refaire le site de AirBnB avec les framework CSS qui vous seront assignés par table. Cette fois, on fait tourner les frameworks

  • Table 1 : Bulma
  • Table 2 : Bootstrap
  • Table 3 : Foundation
  • Table 4 : Semantic UI
    A rendre avant dimanche minuit!

Bonus

Et si vous utilisiez tous ces nouveaux outils pour améliorer votre CV?

Vendredi

Interlude prise de tête

Kata : synthétiser une liste

En TDD, écrivez une fonction qui réduise une liste d'entiers positifs sous la forme d'intervalles. Exemples : [1, 2, 3, 5, 7, 8] => [1-3, 5, 7-8]

Ressources

S'amuser en codant

Pour le reste de la journée, codingame en compétition ou codewars, au choix de chacun. Dans tous les cas : notez quelque part tout ce que vous aurez appris aujourd'hui. A 16h30, on arrête tout pour restituer ce que chacun aura appris.

Un peu de lecture

Culture web

L'idée ici est de regarder un peu tout ça dans le but de se construire une culture autour du code et d'internet. Ainsi, vous connaîtrez mieux le contexte de ce que vous allez faire chaque jour ces prochains mois. Vous en comprendez mieux les enjeux et possibilités. Même si ce n'est pas cette semaine, prenez le temps prochainement de regarder tout ça, histoire de faire une pause entre deux sessions de code.