PARTIE IHM MOBILE
Description bientôt disponible.
PARTIE IHM WEB
Dans ce module, nous allons entrevoir l’historique des technologies qui font l’IHM dans le Web depuis l’invention du World Wide Web jusqu’à aujourd’hui en faisant une focale exclusive sur le Javascript. Le but sera donc de comprendre la place qu’avait le Javascript à sa création et ses évolutions jusqu’à sa pratique actuelle, d’un petit langage de script sans prétention particulière, au langage le plus utilisé et le plus ubiquitaire qui soit, doté de frameworks, de bibliothèques spécialisées et de pratique de développement modernes.
Plus encore, nous nous placerons dans un cadre applicatif bien particulier : la Single Page Application, qui a des contraintes fortes mais qui symbolise désormais le standard des applications web réactives et complexes.
Nous étudierons donc le langage en lui-même, l’apport des bibliothèques de rendu telles que React, et enfin l’existence et les avantages d’un des seuls frameworks existant dans le monde du développement front-end : Angular.
Un TP sera donc décliné en trois énoncés distinct : créer une liste de tâches (d’abord avec Javascript seulement, puis avec React, et enfin dans le cadre d’une application Angular). On pourra donc voir pour chaque besoin spécifique (gestion du Routing, gestion des appels HTTP, manipulation de l’interface, surveillance des entrées de l’utilisateur-rice) dans trois cadres de développement différents.
Le module sera découpé en trois parties distinctes, décrites ci-après.
Montée en puissances des SPA : Depuis la fin des années 2000 et le début de la décennie 2010, l'apparition du Web 2.0 et l'avènement des Single Page Application a impliqué le Javascript de plus ou en plus pour augmenter la réactivité et l'interactivité et a eu pour conséquence le recul de la responsabilité du backend dans le rendu de l'IHM
L’apport des librairies UI : Malgré l'évolution drastique du langage Javascript pour coller aux nouveaux standards, ses limites peuvent devenir un frein dans la création d'une interface riche et réactive : découverte par l'exemple avec la librairie ReactJS
Le Frontend mérite un Framework : La conception et le développement d'applications riches et réactives deviennent tout aussi complexes que leur équivalent backend. Des conventions, des règles mais aussi des outils doivent être mis en place pour garantir la qualité du code et du processus de développement : découverte du framework Angular