Hello World

Objectif du projet

Comme probablement chaque étudiant en web, le premier projet que nous avons dû réaliser était une page web “Hello World”. L’objectif était que l’on puisse mettre en pratique les premières choses que nous avions déjà vues en cours. Comme une hiérarchie visuelle, en rédigeant un titre et deux paragraphes comprenant chacun un sous-titre. Le sujet de cette rédaction était assez simple, nous devions écrire nos attentes par rapport à notre choix d’option, IDD, et notre futur métier. Mais aussi mettre un site en ligne et vérifier si notre code est correct via un validateur.

Des essais oubliés

  • exemple de plusieurs essais de couleur de texte dans Figma
  • exemple de plusieurs essais de couleur de texte dans Figma
  • exemple de plusieurs essais de couleur de texte dans Figma

Avant de passer sur VS Code pour coder notre page web, nous avons réalisé des tests sur Figma. Nous avons défini la couleur de nos paragraphes, cela consiste à tester avec un paragraphe plusieurs combinaisons de polices, graisses, interlignages et tailles de corps. Ensuite, nous avons pu coder ce contenu en HTML et CSS. Ce premier travail reste très simple car nous n’avions vu que les bases en HTML et CSS.

Rétrospective

J’ai adoré le fait qu’on soit rapidement plongé dans de la pratique. Même si cela restait très simple en termes de visuel, cela nous a permis de voir les bases comme obtenir un nom de domaine, une mise en ligne d’un site web, les metas de partage et d'appliquer les règles de code et de visuel que nous avions déjà apprises.

Je n’ai pas rencontré de difficultés pour ce premier projet. C’était assez simple à réaliser et nous avons été bien accompagnés par nos professeurs pour ce début d’année. Cependant j’ai quand même appris, après plusieurs erreurs, qu’il était important de bien vider le cache de notre browser pour que les updates se fassent correctement !

Le résultat final

mock-up du site sur ordi Voir le projet en ligne