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

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

Embed Size (px)

DESCRIPTION

Atelier co-présenté avec Rémi Parmentier (http://www.hteumeuleu.fr/) lors de Paris Web 2014.

Citation preview

Page 1: 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

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

#parisweb

Rémi Parmentier – Intégrateur front@hteumeuleu

Delphine Malassingne – Responsable qualité@nissone

Participants à l’atelierdu 18 octobre 2014, Paris Web

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

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.

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

Introduction

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

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

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

Consensus

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

apprendre• Utilité d’un outil

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

Conclusion de l’élaboratoire

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

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

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

Cadre

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

Cadre

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

• HTML• CSS• JavaScript

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

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

Modèle de fiche d’enseignement

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

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

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

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

La consigne simule une situation réelle.

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

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.

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

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.

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

Mise à l’épreuve de la fiche

Votre avis ?

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

Atelier

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

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.

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

https://github.com/hteumeuleu/

enseigner/

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

Restitution

Regardons ce que nous avons fait

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

Et après ?

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

Pour ne pas en rester là

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

et avis des étudiants

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

Infos utiles

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

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

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

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