Aller au contenu

Présentation du cours

Bienvenue. Ce cours est le tout premier de votre formation, pour les deux sections réunies : Webdeveloper et Webdesigner UI/UX. Il dure 40 périodes, en huit matinées, les mercredis et les vendredis. Cette page explique ce qu'on va y faire et pourquoi. Lisez-la, on y reviendra au début de chaque séance.

Note

Le contenu de ce cours est retravaillé cette année. Ce qui est décrit ici est le cap ; le détail des séances peut bouger en route, et je vous le dirai quand ça bouge. Les chapitres apparaissent sur ce site au fur et à mesure qu'on en a besoin.

Pourquoi ce cours existe

Vous allez passer deux ans à fabriquer des sites et des applications web. Avant de coder, il faut savoir dans quel monde on met les pieds : comment un site arrive jusqu'à un navigateur, qui décide des règles du web, quels métiers existent, quels outils les professionnels utilisent tous les jours. Ce cours pose ce décor.

Et il le pose en 2026, c'est-à-dire avec l'intelligence artificielle dedans. L'IA générative a changé la manière dont on écrit du code, dont on cherche une information et dont on rédige. Vous allez l'utiliser dès la deuxième semaine pour produire votre premier site. Je préfère vous apprendre à vous en servir de façon raisonnée maintenant, plutôt que de vous laisser prendre des habitudes tout seuls. C'est pour ça que la moitié du cours parle d'IA, dans un cours qui s'appelle « technologies web ».

Ce que vous devez savoir faire à la fin

Le programme officiel fixe deux acquis d'apprentissage. En langage courant :

  1. Choisir un service web et l'utiliser pour publier quelque chose. Concrètement : mettre un vrai site en ligne, accessible à n'importe qui, avec les outils du métier.
  2. Partager des informations avec le groupe. Concrètement : faire des recherches sérieuses sur un sujet, les mettre en forme et les présenter à la classe.

À cela s'ajoute un vocabulaire professionnel de base et une culture commune du web (son histoire, les adresses, les noms de domaine, les standards, la sécurité).

Ce qu'on va faire

Sans ordre strict, voici les briques du cours.

Se rencontrer et se mettre au travail. Deux classes qui ne se connaissent pas, un jeu pour casser la glace et découvrir l'école, puis une première activité en équipe sur l'histoire de l'informatique et de l'IA.

Comprendre ce qu'est l'IA. Ce qu'il y a derrière un « chatbot », comment une IA apprend, ce qu'elle sait faire et ce qu'elle rate. Des vidéos à regarder chez vous, des jeux en classe (texte à trous, bingo du vocabulaire, classement d'outils), une discussion sur ce que l'IA fait à notre manière d'apprendre.

Apprendre à s'adresser à un assistant IA. Les composantes d'une bonne demande, pourquoi il faut vérifier ce qu'il répond, comment croiser ses sources. Ce n'est pas un gadget : c'est la compétence que vous utiliserez tous les jours pendant deux ans.

Chercher comment on héberge un site. Votre première recherche assistée par l'IA : ce qu'est un hébergeur, ce que ça coûte, quelles solutions gratuites et payantes existent pour un site simple. Avec le vocabulaire qui va avec.

Installer la chaîne d'outils du métier et publier un premier site. Un éditeur de code, un dépôt pour votre code, une plateforme qui met le site en ligne. Ce sont les outils qu'utilisent les développeurs, pas des outils d'école. Vous créez le site avec un assistant IA, puis vous le mettez en ligne.

Regarder un professionnel travailler. À plusieurs moments, je ferai devant vous ce que je vous demande de faire, en pensant à voix haute : comment je formule une demande à l'IA, comment je juge sa réponse, ce que je garde et ce que je jette. Vous ferez ensuite la même chose, d'abord avec mon aide, puis sans.

Prendre position sur l'IA dans la société. Un jeu de rôle où vous incarnez un décideur, un entrepreneur, un chercheur ou un citoyen face à des scénarios d'avenir. Le but n'est pas d'être pour ou contre, c'est d'avoir des arguments.

Réfléchir à votre propre usage de l'IA. Après vos premières recherches et votre premier site, vous remplirez un carnet : qu'avez-vous délégué à l'IA, qu'avez-vous vérifié, qu'avez-vous appris ? Vous le joindrez à votre travail d'examen.

Découvrir les métiers du web. Chacun recevra un métier à explorer et à présenter, ainsi que deux termes techniques à expliquer. C'est votre première occasion de vous demander ce que vous voulez faire dans deux ans.

Réaliser le projet d'examen, étape par étape. D'abord les recherches sur les sujets communs et sur votre métier : trouver des sources, des textes, des illustrations. Ensuite le support de présentation, avec mes conseils pour qu'il soit bon. Enfin le site de veille, construit avec un assistant IA et publié en ligne. À chaque étape, je passe dans les groupes pour valider le travail et m'assurer que vous allez dans la bonne direction. Seul ou à deux.

Comment je vais vous accompagner

Le soutien ne sera pas le même du début à la fin, et c'est voulu.

  • Au début, je guide de près. Les activités sont cadrées, je montre, on corrige ensemble, personne ne reste bloqué sur une installation.
  • Pendant le projet, j'accompagne. Je circule, je regarde vos écrans, je pose des questions. À chaque étape du projet, chaque groupe a un moment de retour identifié où je valide ce qui est fait, pas seulement des conseils en passant.
  • À la fin, vous êtes autonomes. Le jour de l'épreuve, vous présentez votre travail et je vous évalue.

Deux règles pour la partie projet :

Astuce

La règle des aides. Quand vous êtes bloqués, je vous donne d'abord une piste, pas la solution. Si après un bon moment ça ne se débloque toujours pas, je résous le problème avec vous et j'explique pourquoi ça coinçait. Ce n'est pas de la mauvaise volonté : chercher, c'est là que vous apprenez.

Astuce

Il n'y a pas une seule bonne réponse. Deux groupes qui traitent les mêmes sujets rendront deux sites très différents, et les deux peuvent être excellents. Je vous montrerai des travaux des années précédentes pour que vous voyiez ce que ça donne.

L'IA dans ce cours

L'IA est encouragée. Vous vous en servirez pour vos recherches, pour votre premier site et pour le projet d'examen. C'est un outil du métier, et un bon outil : il vous fait gagner du temps, il explique, il propose.

La question à vous poser à chaque fois n'est pas « ai-je le droit ? » mais « est-ce pertinent ici ? ». Trois repères :

  • Ce que vous ne savez pas faire, ne le déléguez pas les yeux fermés. Si l'IA produit quelque chose que vous ne comprenez pas, vous n'apprenez rien et vous ne pouvez pas juger si c'est bon. Servez-vous d'elle pour comprendre d'abord, puis pour produire.
  • Vérifiez toujours. Une IA se trompe avec assurance : sur un prix, une date, une ligne de code. Ce qu'elle produit est un brouillon à contrôler, jamais un résultat à rendre tel quel.
  • Ce qu'elle ne remplace pas, c'est vous. Le goût, le souci du détail, la vision de ce que vous voulez obtenir, le choix de ce qui compte pour votre public. C'est là que se joue la différence entre un travail moyen et un bon travail.

Pendant deux ans, vous apprendrez la théorie et la pratique pour être capables de faire des sites par vous-mêmes. C'est ce qui vous permettra de vous servir de l'IA en professionnels, et de reprendre la main quand elle se trompe. Dans ce cours, vous déclarerez l'usage que vous avez fait de l'IA dans votre travail. La charte IA de l'école s'applique ; on en parlera en classe.

Comment vous serez évalués

L'épreuve a lieu à la dernière séance. Deux livrables et un oral :

  • un site de veille en ligne, produit avec un assistant IA, code sur GitHub, hébergé sur Vercel ;
  • un support de présentation ;
  • un oral de cinq minutes par personne sur votre métier et vos termes.

Pour réussir, il faut que les quatre points suivants soient acquis : des informations de veille collectées et présentées, un site accessible en ligne, un support de présentation, une présentation orale devant la classe. Un seul point non acquis et l'épreuve est ratée. Ensuite, cinq critères font monter la note de 50 à 100 : la qualité de l'oral, du support, des recherches, le design du site et son ergonomie. La grille détaillée vous sera présentée et expliquée critère par critère au lancement du projet, et vous trouverez tout dans le chapitre « Examen ».

Il n'y a pas de note avant l'épreuve. Il y aura par contre un quiz sans note, des corrections collectives et des retours par groupe à chaque étape du projet, pour que vous sachiez où vous en êtes.

Ce que ce cours n'est pas

Ce n'est pas un cours de HTML ni de programmation : vous en aurez pendant deux ans. Ce n'est pas non plus le seul endroit où vous rencontrerez des situations proches du métier, c'est la première étape. Les projets suivants seront plus longs, plus variés et plus exigeants. Ici, on installe le décor, les outils et les bons réflexes.

En pratique

  • Venez avec votre ordinateur portable si vous en avez un. Sinon, les postes de la salle sont disponibles.
  • Les supports de cours sont sur ce site. Les devoirs et les rendus passent par Teams.
  • Si vous manquez une séance, lisez le chapitre correspondant et venez me voir à la séance suivante.
  • Vous pouvez me poser vos questions en classe, sur Teams, ou par mail à thibault.six@ifosup.wavre.be.