Maîtriser toutes les facettes du web moderne

Concevoir des interfaces web accessibles et responsives, intégrer des interactions JavaScript, consommer des API et mettre en place un échange sécurisé avec le back-end.

  1. Public cible

    • Débutants : Personnes découvrant le domaine ou ayant peu d'expérience.
    • Intermédiaires : Personnes ayant déjà une expérience de base dans le domaine.
    • Experts : Personnes expérimentées cherchant à approfondir leurs connaissances.
    • Étudiants : Étudiants en formation initiale.
    • Professionnels : Professionnels en activité cherchant à se former.
    • En reconversion : Personnes en reconversion professionnelle.
  2. Objectifs

    • Savoir concevoir, développer et maintenir des applications
  3. Prérequis

    Aucune connaissance préalable n’est strictement obligatoire ; les prérequis détaillés sont précisés dans les ateliers.

  4. Niveau

    Tous niveaux

  5. Ressources

    • Documentation officielle et références citées dans les ateliers.
    • Exercices, examens et projet de synthèse du catalogue.
  6. Validation des compétences

    • QCM : QCM comprenant des questions sur les principes fondamentaux étudiés. Les étudiants devront sélectionner la réponse correcte parmi les options proposées.
    • Étude de cas : Proposer une étude de cas dans laquelle les étudiants doivent analyser une situation spécifique liée aux concepts étudiés. Inviter les étudiants à repérer les principes applicables, à recommander des outils et des technologies appropriés, et à expliquer les bénéfices escomptés de l'adoption dans cette situation spécifique.
    • Exercices pratiques : Organisation d’exercices pratiques où les étudiants peuvent mettre en œuvre les concepts étudiés. Évaluation de la capacité des étudiants à mettre en place les solutions proposées.
    • Présentation orale : Demander aux étudiants de préparer une courte présentation orale sur un sujet lié au contenu du cours. Ils devront expliquer le concept, les principes clés, les outils pertinents et les avantages de l'adoption des solutions proposées. Évaluer leur compréhension du sujet, leur capacité à communiquer efficacement et à présenter des informations de manière claire et concise.
    • Projet : <div>La validation des compétences s'effectue à travers un projet professionnel simulé. Les apprenants, répartis en équipes, devront mener à bien une mission data complète incluant :<br><br></div><ul><li>Une répartition des rôles (architecte, data engineer, analyste...)</li><li>Des livrables techniques avec stack imposée</li><li>Des deadlines serrées</li><li>Une soutenance professionnelle (20 min max)</li></ul><div><br></div><div><strong>La présentation devra :<br></strong><br></div><ol><li>Couvrir l'ensemble des concepts clés du module</li><li>Démontrer la maîtrise technique via une démo opérationnelle</li><li>Communiquer de manière claire et convaincante</li></ol><div><br></div>
  7. Besoins techniques

    • Ordinateur fonctionnel : Un ordinateur en bon état de fonctionnement, capable d’exécuter les logiciels nécessaires au cours.
    • Accès à Internet : Connexion Internet stable pour accéder aux ressources en ligne, visioconférences et plateformes pédagogiques.
    • Ordinateur avec 8 Go de RAM : Ordinateur équipé d’au moins 8 Go de mémoire vive pour un usage bureautique avancé ou développement léger.
    • Ordinateur avec 16 Go de RAM : Ordinateur équipé d’au moins 16 Go de mémoire vive pour le développement, la virtualisation ou les traitements lourds.
    • Système d’exploitation GNU/Linux : Distribution Linux récente (Ubuntu, Debian, Fedora, etc.), accès administrateur recommandé.
    • Système d’exploitation Windows 10 ou supérieur : Windows 10 ou version plus récente, toutes mises à jour de sécurité appliquées.
    • Système d’exploitation macOS : Version macOS récente (10.15 Catalina ou supérieure), accès administrateur recommandé.
    • Navigateur web moderne : Google Chrome, Mozilla Firefox, Microsoft Edge, Safari ou autre navigateur à jour.
    • Environnement de développement : IDE ou éditeur de texte adapté (Visual Studio Code, PyCharm, Eclipse, etc.), selon le langage étudié.

Modules associés

  • Introduction au Développement Web
    Plongez dans l'univers du développement web avec ce cours d'introduction conçu pour les débutants. Acquérez une compréhension claire des fondamentaux qui régissent le web moderne et préparez le terrain pour votre apprentissage des technologies clés
    • Niveau : Tous niveaux
    • Validations de compétences :
      • QCM
        QCM comprenant des questions sur les principes fondamentaux étudiés. Les étudiants devront sélectionner la réponse correcte parmi les options proposées.
      • Étude de cas
        Proposer une étude de cas dans laquelle les étudiants doivent analyser une situation spécifique liée aux concepts étudiés. Inviter les étudiants à repérer les principes applicables, à recommander des outils et des technologies appropriés, et à expliquer les bénéfices escomptés de l'adoption dans cette situation spécifique.
      • Exercices pratiques
        Organisation d’exercices pratiques où les étudiants peuvent mettre en œuvre les concepts étudiés. Évaluation de la capacité des étudiants à mettre en place les solutions proposées.
      • Présentation orale
        Demander aux étudiants de préparer une courte présentation orale sur un sujet lié au contenu du cours. Ils devront expliquer le concept, les principes clés, les outils pertinents et les avantages de l'adoption des solutions proposées. Évaluer leur compréhension du sujet, leur capacité à communiquer efficacement et à présenter des informations de manière claire et concise.
      • Projet
        La validation des compétences s'effectue à travers un projet professionnel simulé. Les apprenants, répartis en équipes, devront mener à bien une mission data complète incluant :

        • Une répartition des rôles (architecte, data engineer, analyste...)
        • Des livrables techniques avec stack imposée
        • Des deadlines serrées
        • Une soutenance professionnelle (20 min max)

        La présentation devra :

        1. Couvrir l'ensemble des concepts clés du module
        2. Démontrer la maîtrise technique via une démo opérationnelle
        3. Communiquer de manière claire et convaincante

    • Besoins techniques :
      • Ordinateur fonctionnel
        Un ordinateur en bon état de fonctionnement, capable d’exécuter les logiciels nécessaires au cours.
      • Accès à Internet
        Connexion Internet stable pour accéder aux ressources en ligne, visioconférences et plateformes pédagogiques.
      • Ordinateur avec 8 Go de RAM
        Ordinateur équipé d’au moins 8 Go de mémoire vive pour un usage bureautique avancé ou développement léger.
      • Navigateur web moderne
        Google Chrome, Mozilla Firefox, Microsoft Edge, Safari ou autre navigateur à jour.
  • HTML
    Maîtrisez les bases du HTML5, le langage fondamental du web, et apprenez à structurer sémantiquement le contenu de vos pages web. Ce cours complet vous guidera à travers les concepts essentiels du HTML moderne, des balises de base aux éléments sémantiques avancés. À travers des exercices pratiques et des projets concrets, vous acquerrez les compétences nécessaires pour créer des sites web bien structurés, accessibles et optimisés pour le référencement. Parfait pour les débutants, cette formation vous fournira des bases solides pour poursuivre votre apprentissage du développement web front-end.
    • Niveau : Tous niveaux
    • Validations de compétences :
      • QCM
        QCM comprenant des questions sur les principes fondamentaux étudiés. Les étudiants devront sélectionner la réponse correcte parmi les options proposées.
      • Étude de cas
        Proposer une étude de cas dans laquelle les étudiants doivent analyser une situation spécifique liée aux concepts étudiés. Inviter les étudiants à repérer les principes applicables, à recommander des outils et des technologies appropriés, et à expliquer les bénéfices escomptés de l'adoption dans cette situation spécifique.
      • Exercices pratiques
        Organisation d’exercices pratiques où les étudiants peuvent mettre en œuvre les concepts étudiés. Évaluation de la capacité des étudiants à mettre en place les solutions proposées.
      • Présentation orale
        Demander aux étudiants de préparer une courte présentation orale sur un sujet lié au contenu du cours. Ils devront expliquer le concept, les principes clés, les outils pertinents et les avantages de l'adoption des solutions proposées. Évaluer leur compréhension du sujet, leur capacité à communiquer efficacement et à présenter des informations de manière claire et concise.
      • Projet
        La validation des compétences s'effectue à travers un projet professionnel simulé. Les apprenants, répartis en équipes, devront mener à bien une mission data complète incluant :

        • Une répartition des rôles (architecte, data engineer, analyste...)
        • Des livrables techniques avec stack imposée
        • Des deadlines serrées
        • Une soutenance professionnelle (20 min max)

        La présentation devra :

        1. Couvrir l'ensemble des concepts clés du module
        2. Démontrer la maîtrise technique via une démo opérationnelle
        3. Communiquer de manière claire et convaincante

    • Besoins techniques :
      • Ordinateur fonctionnel
        Un ordinateur en bon état de fonctionnement, capable d’exécuter les logiciels nécessaires au cours.
      • Accès à Internet
        Connexion Internet stable pour accéder aux ressources en ligne, visioconférences et plateformes pédagogiques.
      • Ordinateur avec 8 Go de RAM
        Ordinateur équipé d’au moins 8 Go de mémoire vive pour un usage bureautique avancé ou développement léger.
      • Navigateur web moderne
        Google Chrome, Mozilla Firefox, Microsoft Edge, Safari ou autre navigateur à jour.
      • Environnement de développement
        IDE ou éditeur de texte adapté (Visual Studio Code, PyCharm, Eclipse, etc.), selon le langage étudié.
  • CSS
    La touche esthétique qui sculpte l'apparence du web avec élégance et précision.

    • Objectifs :
      • Maîtriser les fondamentaux du CSS et ses propriétés essentielles
      • Comprendre le modèle de boîte et le positionnement des éléments
      • Apprendre à créer des mises en page flexibles et responsives
      • Découvrir les animations et les transitions CSS
      • Mettre en pratique les bonnes pratiques de développement CSS
    • Niveau : Tous niveaux
    • Validations de compétences :
      • QCM
        QCM comprenant des questions sur les principes fondamentaux étudiés. Les étudiants devront sélectionner la réponse correcte parmi les options proposées.
      • Étude de cas
        Proposer une étude de cas dans laquelle les étudiants doivent analyser une situation spécifique liée aux concepts étudiés. Inviter les étudiants à repérer les principes applicables, à recommander des outils et des technologies appropriés, et à expliquer les bénéfices escomptés de l'adoption dans cette situation spécifique.
      • Exercices pratiques
        Organisation d’exercices pratiques où les étudiants peuvent mettre en œuvre les concepts étudiés. Évaluation de la capacité des étudiants à mettre en place les solutions proposées.
      • Présentation orale
        Demander aux étudiants de préparer une courte présentation orale sur un sujet lié au contenu du cours. Ils devront expliquer le concept, les principes clés, les outils pertinents et les avantages de l'adoption des solutions proposées. Évaluer leur compréhension du sujet, leur capacité à communiquer efficacement et à présenter des informations de manière claire et concise.
      • Projet
        La validation des compétences s'effectue à travers un projet professionnel simulé. Les apprenants, répartis en équipes, devront mener à bien une mission data complète incluant :

        • Une répartition des rôles (architecte, data engineer, analyste...)
        • Des livrables techniques avec stack imposée
        • Des deadlines serrées
        • Une soutenance professionnelle (20 min max)

        La présentation devra :

        1. Couvrir l'ensemble des concepts clés du module
        2. Démontrer la maîtrise technique via une démo opérationnelle
        3. Communiquer de manière claire et convaincante

    • Besoins techniques :
      • Ordinateur fonctionnel
        Un ordinateur en bon état de fonctionnement, capable d’exécuter les logiciels nécessaires au cours.
      • Accès à Internet
        Connexion Internet stable pour accéder aux ressources en ligne, visioconférences et plateformes pédagogiques.
      • Ordinateur avec 8 Go de RAM
        Ordinateur équipé d’au moins 8 Go de mémoire vive pour un usage bureautique avancé ou développement léger.
      • Navigateur web moderne
        Google Chrome, Mozilla Firefox, Microsoft Edge, Safari ou autre navigateur à jour.
      • Environnement de développement
        IDE ou éditeur de texte adapté (Visual Studio Code, PyCharm, Eclipse, etc.), selon le langage étudié.
  • JavaScript
  • PHP
    PHP, le langage côté serveur, dynamise le web en permettant la création d'applications interactives et puissantes avec une simplicité remarquable.
    • Niveau : Tous niveaux
    • Validations de compétences :
      • QCM
        QCM comprenant des questions sur les principes fondamentaux étudiés. Les étudiants devront sélectionner la réponse correcte parmi les options proposées.
      • Étude de cas
        Proposer une étude de cas dans laquelle les étudiants doivent analyser une situation spécifique liée aux concepts étudiés. Inviter les étudiants à repérer les principes applicables, à recommander des outils et des technologies appropriés, et à expliquer les bénéfices escomptés de l'adoption dans cette situation spécifique.
      • Exercices pratiques
        Organisation d’exercices pratiques où les étudiants peuvent mettre en œuvre les concepts étudiés. Évaluation de la capacité des étudiants à mettre en place les solutions proposées.
      • Présentation orale
        Demander aux étudiants de préparer une courte présentation orale sur un sujet lié au contenu du cours. Ils devront expliquer le concept, les principes clés, les outils pertinents et les avantages de l'adoption des solutions proposées. Évaluer leur compréhension du sujet, leur capacité à communiquer efficacement et à présenter des informations de manière claire et concise.
      • Projet
        La validation des compétences s'effectue à travers un projet professionnel simulé. Les apprenants, répartis en équipes, devront mener à bien une mission data complète incluant :

        • Une répartition des rôles (architecte, data engineer, analyste...)
        • Des livrables techniques avec stack imposée
        • Des deadlines serrées
        • Une soutenance professionnelle (20 min max)

        La présentation devra :

        1. Couvrir l'ensemble des concepts clés du module
        2. Démontrer la maîtrise technique via une démo opérationnelle
        3. Communiquer de manière claire et convaincante

    • Besoins techniques :
      • Ordinateur fonctionnel
        Un ordinateur en bon état de fonctionnement, capable d’exécuter les logiciels nécessaires au cours.
      • Accès à Internet
        Connexion Internet stable pour accéder aux ressources en ligne, visioconférences et plateformes pédagogiques.
      • Ordinateur avec 8 Go de RAM
        Ordinateur équipé d’au moins 8 Go de mémoire vive pour un usage bureautique avancé ou développement léger.
      • Navigateur web moderne
        Google Chrome, Mozilla Firefox, Microsoft Edge, Safari ou autre navigateur à jour.
      • Environnement de développement
        IDE ou éditeur de texte adapté (Visual Studio Code, PyCharm, Eclipse, etc.), selon le langage étudié.
  • Projet Chat Web

Exercices, examens et projets

Introduction au Développement Web

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter

HTML

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter

CSS

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter

JavaScript

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter

PHP

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter

Projet Chat Web

Exercice

Exercice d'application

Réaliser une mise en pratique contrôlée des notions du module.

Obligatoire Consulter
Examen

Examen de fin de module

Vérifier la maîtrise des notions essentielles du module.

Obligatoire Consulter
Projet

Projet de synthèse

Produire une solution complète et la présenter avec ses choix techniques.

Livrables :

  • Code source
  • README
  • Démonstration
Obligatoire Consulter
  1. Vue d'ensemble du parcours

    Ce parcours regroupe les fondamentaux du web, la structure HTML, la mise en forme CSS et les principes du développement back-end.

  2. Organisation des apprentissages

    Chaque module doit être validé avant de poursuivre vers le suivant. La validation du cours devient disponible lorsque tous les modules requis sont terminés.

Publié le 09/05/2025