Prog Web Avancée: Dev Côté Client

Objectifs d'apprentissage

• Maîtriser les concepts fondamentaux de la programmation web côté client, incluant HTML5, CSS3 et JavaScript.
• Comprendre et manipuler le Document Object Model (DOM) pour interagir dynamiquement avec les pages web.
• Développer des applications web interactives en utilisant les API modernes telles que Canvas, Web Storage, Geolocation et WebSockets.
• Appliquer les bonnes pratiques de développement pour optimiser les performances et la sécurité des applications web.
• Intégrer des frameworks et bibliothèques JavaScript populaires (React, Angular ou Vue.js) pour accélérer le développement.
• Mettre en œuvre des techniques avancées de gestion d'événements et d'asynchronisme (Promises, async/await).

Public cible

Ce cours s'adresse aux développeurs web ayant déjà une base en HTML, CSS et JavaScript, et souhaitant approfondir leurs compétences en programmation côté client. Il est idéal pour les professionnels en reconversion, les étudiants en informatique ou les développeurs front-end cherchant à se spécialiser dans les technologies modernes du web. Une compréhension des principes de base de la programmation est recommandée pour tirer pleinement profit de ce cours.

Contenu détaillé

Ce cours porte sur les technologies qui, collectivement, composent la "Open Web Platform", la plate-forme Web du Consortium W3C, c'est-à-dire, en gros :

• HTML5, la dernière version, encore en cours de standardisation, du langage de balises pour hypertextes,
• son standard associé pour accéder à et manipuler des documents HTML (le modèle orienté objet de documents, Document Object Model),
• CSS3, le langage pour la définition de feuilles de style en cascade,
• le langage de scripting JavaScript,
• les nouvelles API permettant la graphique basée sur un navigateur, la géolocalisation, le stockage local de données, des capabilités multimédia et la communication en temps réel entre les navigateurs.

Évidemment, on ne pourra pas tout couvrir avec la même profondeur. On insistera surtout sur le langage JavaScript, qui permet d’écrire des programmes associés à des pages web qui s’exécutent dans le navigateur et sur le Document Object Model, qui permet à ces programmes d’accéder et modifier la page web à laquelle ils sont associés.

Approche pédagogique

Le cours combine théorie et pratique avec des exercices concrets, des projets individuels et des études de cas. Les participants travailleront sur des mises en situation réelles pour consolider leurs acquis. Des ressources complémentaires (documentation, tutoriels, forums) seront fournies pour favoriser l'apprentissage autonome.

Compétences acquises

À la fin du cours, les participants seront capables de :

• Créer des interfaces web dynamiques et réactives en utilisant JavaScript et le DOM.
• Utiliser les API modernes pour enrichir les fonctionnalités des applications web.
• Optimiser le code pour améliorer les performances et l'expérience utilisateur.
• Collaborer efficacement sur des projets web complexes en utilisant des outils comme Git.

Prérequis

Une connaissance de base en HTML, CSS et JavaScript est nécessaire. Une familiarité avec les outils de développement (navigateurs, inspecteurs) est un plus.