Construire ensemble un enseignement du front-end pertinent, pédagogique et pérenne

Construire ensemble un enseignement du front-end pertinent, pédagogique, pérenneDelphine Malassingne – Rémi Parmentier

#parisweb

Rémi Parmentier – Intégrateur front@hteumeuleu

Delphine Malassingne – Responsable qualité@nissone

Participants à l’atelierdu 18 octobre 2014, Paris Web

Déroulé de l’atelier

• Introduction et cadre• Fiche modèle– Présentation– Mise à l’épreuve

• Production de fiches• Restitution• Et après ?

10min.

30min.

30min.

Introduction

Discussion-débat improvisé

• « Élaboratoire » Sud Web– Rémi, Romy, Delphine

• Participants : – certains avaient déjà enseigné– quelques étudiants– beaucoup d’intégrateurs /

développeurs

Consensus

• Enseignement global• Du concret• Autonomie, capacité à ré-

apprendre• Utilité d’un outil

Conclusion de l’élaboratoire

• Idées partagées, une même direction

• Outil qui manque• Envie que ça n’en reste pas là

Cadre

Cadre

• Public : étudiant• Techno : – Pour cet atelier :

• HTML• CSS• JavaScript

– Pour les déclinaisons futures :• Toutes les technos que l’on souhaite :)

Modèle de fiche d’enseignement

Présentation de la fiche exemple

• Une fiche = une problématique = un grand principe (au moins)

• Un consigne en deux tempsDu travail en cours

• Des éléments annexes

Des éléments qui permettent de situer la fiche dans une suite pédagogique

La consigne simule une situation réelle.

Les éléments qui ne sont pas pertinents pour l’exercice sont déjà donnés.

Différentes solutions sont indiquées pour accompagner l’enseignant.

Comme en situation réelle, des changements arrivent en cours de route, amenant des contraintes supplémentaires.

Là encore, au moins une solution est indiquée.

La fiche est complétée par des ressources.

Mise à l’épreuve de la fiche

Votre avis ?

Atelier

Construisons ensemble de nouvelles fiches

Exemples de principes/problématiques :

• Accessibilité, interopérabilité, maintenabilité, référencement, standards du web, sémantique, expérience utilisateur, performance (etc ?)

• Agent utilisateur, protocole HTTP, etc.

• Snipets, framework, preprocesseurs, etc.

https://github.com/hteumeuleu/

enseigner/

Restitution

Regardons ce que nous avons fait

Et après ?

Pour ne pas en rester là

• Alimenter le repository GitHub• Récolter des retours d’expérience

et avis des étudiants

Infos utiles

Liens

• GitHub :– Hteumeuleu > enseigner

• À propos de cet atelier : – présentation sur le site de Paris Web

• À propos de l’élaboratoire Sud Web :– l'article de Rémi – l'article de Boris – l'article de Romy – tableau-blanc de l'atelier (photo)

Rémi Parmentier – Intégrateur front@hteumeuleu – www.hteumeuleu.fr

Tilt Studio – www.tilt-studio.fr

Delphine Malassingne – Responsable qualité@nissone – nissone.com

ekino – www.ekino.com/

@parisweb – #parisweb – www.paris-web.fr

Contacts

Crédits et remerciements

Merci Romy d’avoir animé avec nous les prémices de cet atelier.Merci à tous les participants.

Photos : Jean-François Renauld, Johnson Cameraface