Dispositif vidéo de formation sur les fondamentaux du web développement
L'objectif de ce dispositif est de faire découvrir, à travers un tutoriel vidéo, les fondamentaux du développement web. Ce tutoriel explique
les notions de base comme la construction "classique" d'un site web, les langages utilisés en web, les balises, etc...
Ce dispositif est accessible à toute personne qui souhaiterait en savoir plus sur la construction d'un site internet ou qui
débuterait dans le développement web.
Design
Design du dispositif
Mon dispositif permet d'accompagner les personnes curieuses de la construction d'un site internet par l'intermédiaire d'un petit tutoriel vidéo.
Par moment, des sous-titres viennent ajouter une redondance partielle de l'information expliquée. La vidéo est découpée en 10 chapitres, accessible
soit par la bare de progression sous la vidéo, soit par les boutons chapitre à droite de la vidéo.
Pour ponctuer les informations importantes, un texte apparaît en bas de la vidéo à des moments précis afin de donner de plus amples explications
concernant le chapitre abordé.
Production
Production générale
La vidéo a été réalisée par mes soins à l'aide du logiciel OBS et se base sur un atelier que je donne en public au sein de mon école, SAE Institute. Les différents sous-titres
de redondance ont été fait en .VTT et le design général reprend celui de l'exercice 3.
Il est important de noter que l'appel du script Javascript est de type module, ce qui permet l'import et l'export des variables et fonctions qui proviennent
d'autres fichiers Javascript.
De plus, le framework CSS Bulma.io a été utilisé pour appuyer le design du site.
Auto-évaluation
Mon évaluation
Dans sa globalité, je suis satisfait du résultat obtenu et de mon code javascript. J'ai fait en sorte de l'optimiser au mieux afin qu'il puisse être modifié simplement ou
réutilisé.
Je pense que mon dispositif répond aux objectifs que je m'étais fixés, à savoir, comprendre la construction d'un site internet par l'intermédiaire d'une vidéo tutoriel qui utilise
de la redondance partielle.
Avec d'autres technologies que le Javascript "vanilla", j'aurais pu implémenter un système de quiz en plus du reste, mais le temps me manque pour le faire en JS pur.