Programmation web mobile

Au Niger comme dans toute l’Afrique de l’Ouest, le téléphone mobile est le premier, et souvent le seul, point d’accès à Internet : services de mobile money, e-administration, plateformes scolaires et commerce en ligne doivent être conçus pour des smartphones d’entrée de gamme et des réseaux 3G/4G parfois instables. Ce cours forme l’ingénieur à concevoir et développer des applications web et mobiles performantes, accessibles et sûres. Il couvre les fondements du web côté client (HTML5 sémantique, CSS3, conception responsive « mobile first »), le JavaScript moderne et les frameworks à composants, la consommation d’API REST et la sécurité côté client, les applications web progressives (PWA) fonctionnant hors ligne, et enfin le développement mobile natif, hybride et multiplateforme (Flutter, React Native) jusqu’à la publication sur les magasins d’applications.

Objectifs d’apprentissage

• Réaliser des interfaces web sémantiques, accessibles et responsives selon l’approche « mobile first ».
• Programmer en JavaScript moderne (ES2015+) : modules, asynchronisme, manipulation du DOM, composants.
• Consommer des API REST de façon robuste et sécurisée (JWT, CORS, gestion des erreurs, protection contre XSS).
• Construire une application web progressive utilisable hors ligne (Service Worker, cache, IndexedDB).
• Choisir une stratégie mobile (native, hybride, multiplateforme), développer, tester et publier une application.

Prérequis

Bases de HTML/CSS, programmation (Java, Python ou C++), notions de réseaux et du protocole HTTP, bases de données.

Plan du cours

1. Leçon 1 — HTML5, CSS3 et conception responsive « mobile first »
2. Leçon 2 — JavaScript moderne et frameworks front-end à composants
3. Leçon 3 — Consommation d’API REST, sécurité côté client et applications web progressives
4. Leçon 4 — Développement d’applications mobiles natives et multiplateformes, tests et publication

Modalités d’évaluation

Volume horaire : 10 h de CM, 10 h de TD, 10 h de TP et 30 h de TPE (60 h, 3 crédits). La maquette ne précise pas le mode d’évaluation ; il est proposé un contrôle continu (TP et projet d’application mobile en binôme avec démonstration : 50 %) et un examen terminal écrit (50 %).

Bibliographie

• Ethan Marcotte, Responsive Web Design, A Book Apart.
• Marijn Haverbeke, Eloquent JavaScript, No Starch Press (disponible en ligne).
• David Flanagan, JavaScript: The Definitive Guide, O’Reilly, 7^e éd., 2020.
• MDN Web Docs (Mozilla), developer.mozilla.org — référence HTML, CSS, JavaScript et API web.
• W3C, Web Content Accessibility Guidelines (WCAG) 2.1 ; OWASP, Mobile Application Security Verification Standard (MASVS).
• Documentation officielle de Flutter (docs.flutter.dev) et de React Native (reactnative.dev).