Les bases du web

Jour 1 · Lundi 15 juin

Découverte de l'entreprise et premières lignes de HTML

Objectif — Découvrir le métier de développeur et afficher ma toute première page web.

• Découvrir l'entreprise, son fonctionnement et les projets du dirigeant, développeur informatique indépendant (du petit logiciel SaaS au grand projet d'entreprise).
• Installer et prendre en main Visual Studio Code, l'éditeur utilisé pendant tout le stage.
• Apprendre les bases du HTML pour comprendre comment est construite une page web (une balise ouvre h1 et ferme /h1).
• Modifier le texte d'un titre, ajouter un paragraphe et voir le résultat dans le navigateur.

“

J'ai tout de suite été mis dans le travail, ce qui m'a beaucoup plu. J'étais curieux de découvrir le métier et j'ai apprécié d'être actif dès le début plutôt que de simplement observer.

Lors de cette première journée, j’ai découvert l’entreprise, son fonctionnement et les différents projets sur lesquels travaille le dirigeant. Il m’a présenté son métier de développeur informatique indépendant ainsi que les logiciels qu’il développe, allant de petits logiciels SaaS jusqu’à de grands projets destinés à des entreprises. J’ai ensuite découvert Visual Studio Code, le logiciel que j’ai utilisé pendant tout le stage. Dès le premier jour, j’ai commencé à apprendre les bases du langage HTML afin de comprendre comment est construite une page web.

Jour 2 · Mardi 16 juin

Le langage du web : le HTML

Objectif — Reproduire une page web pour bien comprendre la structure d'un site.

• Poursuivre l'apprentissage du HTML en reproduisant une page existante.
• Utiliser les balises de base pour créer des titres, des paragraphes, des images et des liens.
• Comprendre les balises emboîtées et l'indentation du code.
• Travailler en autonomie tout en demandant conseil : le tuteur corrige et explique les erreurs pour progresser.

“

Cette journée s'est très bien passée. Comme je connaissais déjà quelques bases, je n'ai pas eu de grandes difficultés et j'ai pris confiance en moi. J'ai apprécié de pouvoir travailler de façon autonome tout en étant accompagné.

J’ai poursuivi mon apprentissage du HTML en reproduisant une page web afin de mieux comprendre la structure d’un site internet. J’ai utilisé les différentes balises pour créer des titres, des paragraphes, des images et des liens. Je travaillais de manière assez autonome, tout en demandant des conseils lorsque je rencontrais une difficulté. Mon tuteur corrigeait mon travail et m’expliquait les erreurs afin que je puisse progresser.

Jour 3 · Mercredi 17 juin

Mettre en forme : le CSS

Objectif — Habiller ma page d'hier pour lui donner vie (le déclic visuel).

• Découvrir le CSS, qui permet de personnaliser l'apparence d'un site internet.
• Modifier les couleurs, les polices de caractères et l'organisation des éléments sur la page.
• Coins arrondis, ombres (l'effet carte), transitions douces et survol avec :hover.
• Constater la différence entre une page uniquement en HTML et une page mise en forme avec du CSS.

“

J'ai trouvé cette partie très intéressante car les changements étaient visibles immédiatement. Voir une page devenir plus agréable à regarder grâce à quelques lignes de code était très motivant.

J’ai découvert le CSS, qui permet de personnaliser l’apparence d’un site internet. J’ai appris à modifier les couleurs, les polices de caractères et l’organisation des différents éléments sur une page. J’ai rapidement constaté la différence entre une page uniquement en HTML et une page mise en forme avec du CSS.

Jour 4 · Jeudi 18 juin

Construire propre : Bootstrap

Objectif — Découvrir Bootstrap pour une mise en page moderne, propre et responsive.

• Continuer à travailler le CSS, puis découvrir le framework Bootstrap.
• Utiliser les nombreuses classes toutes prêtes : grille en 12 colonnes, navbar, cards, boutons, badges, alertes.
• Faire plusieurs essais pour comprendre comment organiser les différents éléments.
• Tester le responsive : réduire la fenêtre, ouvrir sur mobile.

“

Bootstrap m'a impressionné par sa simplicité d'utilisation. Même en étant débutant, il permet d'obtenir un résultat propre assez rapidement, ce qui donne envie de continuer à apprendre.

J’ai continué à travailler avec le CSS avant de découvrir Bootstrap. J’ai appris à utiliser les nombreuses classes proposées par ce framework afin de créer une mise en page plus moderne et plus professionnelle. J’ai réalisé plusieurs essais afin de comprendre comment les différents éléments pouvaient être organisés.

Jour 5 · Vendredi 19 juin

Mon propre site web (pour l'oral de stage)

Objectif — Créer moi-même la structure de mon site, qui servira à présenter mon oral de stage.

• Démarrer mon propre site internet, support de mon oral de stage.
• Réaliser toute la structure en HTML et en CSS, par moi-même, sans utiliser l'IA pour le code.
• Réfléchir à l'organisation des différentes pages et au contenu à présenter.
• Bilan de la semaine 1 : HTML, CSS, Bootstrap et un premier vrai projet.

“

C'est la journée que j'ai préférée. J'étais fier de commencer un véritable projet personnel et de constater que j'étais capable de créer un site par moi-même malgré mon niveau de débutant.

Après avoir acquis les bases du développement web, j’ai commencé à créer mon propre site internet. Celui-ci servira à présenter mon oral de stage. J’ai réalisé moi-même toute la structure du site en HTML et en CSS, sans utiliser l’intelligence artificielle pour le code. J’ai réfléchi à l’organisation des différentes pages et au contenu qui sera présenté.