Développeur.se web - Promo 2

trombinoscope : https://github.com/simplon-p20/dev-web-p2/projects/1

Organisation de la journée

• 9h30 : arrivée
• 9h30-9h40 : café, démarrage des ordis
• 9h40 : début du travail
• 11h : pause du matin
• 11h10 : reprise
• 12h30 : pause déjeuner
• 13h30 : reprise
• 15h30 : pause de l'après-midi
• 15h40 : reprise
• 17h30 : fin de la journée

Déroulé de la formation

La formation de 7 mois, du 2 octobre 2017 au 27 avril 2018, est composée de 4 phases avec une période de stage :

• Phase 1, du 2 octobre au 20 octobre : HTML/CSS/JS.
• Phase 2, du 23 octobre au 1er décembre : PHP/MySQL.
• Phase 3, du 4 décembre au 12 janvier : Laravel/Vue.js.
• Le stage, du 15 janvier au 16 février.
• Phase 4, du 19 février au 27 avril : chef d'oeuvre.

Phase 1 : HTML/CSS/JS (2 octobre -> 20 octobre)

Jour 1 - 2 octobre

• accueil.
• présentation de la formation, comment elle s'inscrit dans la "web developer roadmap".
• atelier installation de Linux.
• découvrir sa maison sur pottermore.
• se présenter :
  • en groupe avec slides.
  • en 3min, 1min, 20s : http://philippedouale.com/secrets-presentation-efficace/
• se familiariser avec les commandes Unix : http://web.mit.edu/mprat/Public/web/Terminus/Web/main.html.
• point de fin de journée.

Jour 2 - 3 octobre

• se familiariser avec les commandes Unix : http://juliend.github.io/linux-cheatsheet/.
• se familiariser avec GitHub et le markdown : forker, cloner, modifier, commiter et pusher le dépôt username.github.io.
• démarrer son site perso avec Jekyll : qu'est-ce qu'un site Jekyll ?

Jour 3 - 4 octobre

• se familiariser avec HTML/CSS :
  • des projets pour s'entrainer : https://thimble.mozilla.org/fr/.
  • un site de référence : https://www.w3schools.com/.
  • un site de référence en français : https://developer.mozilla.org/fr/.
• ajouter un formulaire "front-only" à son site perso avec formspree.

Jour 4 - 5 octobre

• les unités CSS : https://www.lullabot.com/articles/unexpected-power-of-viewport-units-in-css
• les sélecteurs CSS :
  • en s'amusant avec CSS diner.
  • en lisant la doc sur w3schools.
  • en lisant la doc sur MDN.
• le pré-processeur SASS :
  • installation.
  • les principales fonctionnalités.
  • la doc complète.

Jour 5 - 6 octobre

• flexbox :
  • en s'amusant avec flexbox froggy.
  • avec les media queries.
• complément de lecture sur les media queries : l'article d'alsacréations.
• un outil pour faire sa veille : feedly.
• review/retrospective de la semaine.

Jour 6 à 9 - 9 octobre -> 12 octobre

• fashion week : la semaine du style. 4 groupes pour 4 outils de "dessin" et 4 frameworks css sur 4 jours : chaque jour chaque groupe reproduit la page d'accueil de airbnb, d'abord sous forme "dessinée", puis à l'aide d'un framework css, et produit de la documentation pour les jours suivants ; chaque jour, les groupes tournent et découvrent de nouveaux outils.
  • canva et bootstrap.
  • balsamiq et foundation.
  • wireframe.cc et materialize.
  • papier + crayon et semantic ui.

Jour 10 - 13 octobre

• bilan et intégration des acquis :
  • présentation parcours d'une maquette web.
  • maquetter et créer sa landing page.
  • intégrer un framework css.
• review/retrospective de la semaine.

Jour 11 - 16 octobre

• la recette du quatre quarts :
  • définition d'un algorithme, et mise en pratique à la main de l'algorithme d'Euclide.
  • démonstration en groupe avec des cartes d'algorithmes de tri :
    • tri stupide.
    • tri par insertion.
    • tri à bulles.
    • tri rapide.
    • d'autres algorithmes, et leur comparaison sur wikipedia.
• formation à l'animation d'atelier :
  • Hour of code.
  • Scratch.

Jour 12 à 15 - 17 octobre -> 20 octobre

• découverte de JavaScript :
  • s'habituer à la syntaxe avec silent teacher.
  • la doc sur w3schools.
  • la doc sur MDN.
  • JSON et les principaux types de données.
• mettre en pratique :
  • sur thimble.
  • créer sa première extension firefox.
  • réaliser une extension en groupe.
• présentation sur le web storage (merci Lucy).

Phase 2 : PHP/MySQL (23 octobre -> 1er décembre)

Jour 16 - 23 octobre

• installation de LAMP/MAMP/WAMP.
• découverte de PHP avec des live codings :
  • variables.
  • array.
  • structures de contrôle.
  • fonctions.
  • opérateurs.
• un site de référence : php.net.
• instant motivation :
  • 4 important lessons for a successful life.

Jour 17 - 24 octobre

• formulaire full stack :
  • validation d'un formulaire de contact.
  • intégration de PHPMailer pour envoyer des mails.
• instant motivation :
  • a valuable lesson for a happier life.

Jour 18 à 19 - 25 octobre -> 26 octobre

• les classes en PHP :
  • une histoire de chevaliers : Lancelot vs Bayard.
• découverte du TDD :
  • dépôt d'exercices.
• instant motivation :
  • a wise lesson in empathy.

Jour 20 - 27 octobre

• initiation UML :
  • installer et découvrir starUML ou Dia.
  • "faites moi le diagramme de use case d'un site existant".
• découverte SQL :
  • en s'amusant avec SQL Island.
  • un site de référence : sql.sh.
• instant motivation :
  • a clever lesson in self worth.
  • a powerful lesson for a stress free life.

Jour 21 à 22 - 30 octobre -> 31 octobre

• MySQL/CRUD/BREAD :
  • exercices "CRUD 1" de Simplon Noyon.
  • exercices "CRUD 2" de Simplon Noyon.
  • mise en application dans le second projet fil rouge : "ma vie dans un bocal".
• atelier jQuery (merci Baptiste).
• instant motivation :
  • the 7 habits of highly effective people.

Jour 23 - 1er novembre

** férié **

Jour 24 à 25 - 2 novembre -> 3 novembre

• architecture MVC :
  • découverte à partir du cours OCR "Évoluez vers une architecture PHP professionnelle" (les 2 premières itérations).
  • mise en application : refactoring du projet "ma vie dans un bocal".
• présentation sur l'accessibilité (merci Benjamin et Anna).

Jour 26 à 30 - 6 novembre -> 10 novembre

• les sessions en PHP, et comment gérer une connexion utilisateur :
  • découverte à partir d'un tuto sur le lephpfacile.com.
  • mise en application : intégration de comptes utilisateurs dans le projet "ma vie dans un bocal".

Jour 31 à 35 - 13 novembre -> 17 novembre

• ateliers d'insertion pro (1 demi journée en demi groupe les 15 et 17 novembre).
• finalisation sprint 1 du projet "ma vie dans un bocal" :
  • poursuite des développements : CRUD/BREAD/MVC sur les éléments de todo list et les utilisateurs.
  • débat sur ce qu'est la finalisation d'un sprint.
• livraison avec envoi sur github et présentation slides (30 minutes de préparation pendant la formation, 5 minutes de passage : le chronomètre récompensera la précision) :
  • résumé du projet en 1 phrase d'accroche (baseline = proposition de valeur).
  • diagramme des use cases.
  • objectifs du sprint (rétro objectifs) sous forme de user stories.
  • fonctionnalités développées.
  • fonctionnalités à venir.
  • compétences utilisées.
  • démonstration (MOOC, tuto, gif, du code et/ou un test utilisateur).
  • axes d’amélioration.
• live coding "dictée".
• formation trello :
  • créer un board "Kanban" avec les colonnes suivantes : ressources, backlog, todo, doing, test, done.
  • montrer le système d'étiquette, les affectations, la date limite, le système de filtre et la customisation.

Jour 36 à 40 - 20 novembre -> 24 novembre

• découverte de Wordpress :
  • journée de jumelage avec la promo Wordpress : installation, découverte de l'outil.
  • aller plus loin en groupe : réaliser un projet à 3 avec Wordpress.
• journée au Day-Click.

Jour 41 à 45 - 27 novembre -> 1er décembre

• gestion d'un panier :
  • dans la session.
  • dans la base de données.
  • dans le webstorage (pas fait).
• atelier initiation à l'estimation.

Phase 3 : Laravel/Vue.js (4 décembre -> 12 janvier)

Jour 46 à 50 - 4 décembre -> 8 décembre

• installation Laravel :
  • en lisant la doc.
  • en regardant les vidéos de Laracasts.
  • en suivant le fichier command.history de la todo list reprise avec Laravel.
• ateliers découverte sur 4 sujets :
  • les contrôleurs, notamment les contrôleurs pour les ressources.
  • les vues avec Blade.
  • les base de données, au travers des migrations.
  • les tests.

Jour 51 à 55 - 11 décembre -> 15 décembre

• laravel : premier projet avec planning poker et user stories sur le laravel-project.
• début phase de recette pour Brother Tongue (Faire les équipes, Remplir le cahier de recette, réunion pour faire les premier retours).
• approfondissement Scrum : mise en place planning poker (suite estimation de la difficulté), le sprint, comment on adapte le cadre Scrum à l'équipe (retrospective), veille sur l'animation d'un daily scum meeting.

Jour 56 à 60 - 18 décembre -> 22 décembre

• 1 semaine pour animer 1 mois avec laravel : le projet animation-month.
• visite d'entreprises :
  • Engie Ineo.
  • Microsoft.
• Finalisation du Logo par le groupe designers.

Jour 61 à 66 - 25 décembre -> 01 Janvier 2018

(Vacances du 25 au 1er Janvier)

Jour 67 à 70 - 02 janvier -> 05 janvier

• penser "composant" : le design atomique.
• fashion day : le retour de la semaine du style en une journée. 2*2 groupes pour 2 méthodologies css :
  • Block-Element-Modifier (BEM).
  • Object-Oriented CSS (OOCSS).

(note : une excellente synthèse des 2 méthodologies est proposée dans l'article "Bonnes pratiques en CSS : BEM et OOCSS" sur Alsacréations)

• se (re)familiariser avec la syntaxe JavaScript à l'aide d'un jeu.
  • code pour ramasser de l'or : jsrobot.
  • tutoriel POO JS : open.
  • comparaison des Patterns Javascript : lien.
• découvrir Vue.js.
  • départ bien expliqué : lien et après la documentation : (officiel)[https://vuejs.org/v2/guide/installation.html].
  • faire fonctionner un projet vuejs que l'on fork de github : devtools.
  • tutoriel Vidéo (animé par des temps d'arrêt et de questions par le formateur pour que la classe pose ses questions et suive un tutoriel au même rythme) : laracastLearnVueJS et introduction à Bulma.
• temps d'autonomie : préparation compétences spécifiques pour les stages et projets autonomes pour avoir le temps de refaire ce qui a été vue durant la première moitié de la formation.

Jour 71 à 75 - 08 janvier -> 12 janvier

• poursuite du temps d'autonomie à la demande des apprenant.e.s.
• retro sur la première moitié de formation.
• derniers mots avant de partir en stage.

Le stage (15 janvier -> 16 février)

Phase 4 : chef d'oeuvre (19 février -> 27 avril)

Ressources:

• emoji markdown

Jour 76 à 80 - 19 février -> 23 février

• retour en formation : présentation de ce qu'on a fait pendant la période de stage.
• organisation de la dernière phase, en alternance une semaine sur 2 :
  • le projet chef d'oeuvre en 2 étapes :
    • PHP natif.
    • framework ou spécialisation.
  • le projet client :
    • groupes imposés.
    • sujet au choix parmi les projets proposés.

Jour 81 à 85 - 26 février -> 02 mars

• semaine chef d'oeuvre, sprint 0 (phase de préparation) :
  • à livrer pour le lundi 26 : lien GitHub du projet. * sur le GitHub du projet :
    • readme (pour les liens). * dossier /documentation/ (pour les documents). * maquettes. * slide de présentation. * use case diagram. * class diagram. * lots fonctionnels priorisés. * users stories réparties par lots fonctionnels.

Jour 86 à 90 - 05 mars -> 09 mars

• semaine projet client, sprint 0.

Jour 91 à 95 - 12 mars -> 16 mars

• semaine chef d'oeuvre, sprint 1.

Jour 96 à 100 - 19 mars -> 23 mars

• semaine projet client, sprint 1.

Jour 101 à 105 - 26 mars -> 30 mars

• semaine chef d'oeuvre, sprint 2.

Jour 106 à 110 - 01 avril -> 06 avril

• semaine chef d'oeuvre, sprint 3.

Jour 111 à 115 - 09 avril -> 13 avril

• semaine projet client, sprint 2.

Jour 116 à 120 - 16 avril -> 20 avril

• semaine projet client, sprint 3.

Jour 121 à 125 - 23 avril -> 27 avril

• dernière semaine : fin de la formation :)