Hannah Mathot — Rapport de stage n°1

HEAJ DWT 2022–2023 B3G1 — 14/11/2022 — 27/11/2022

Entreprise :

Poste :

Première semaine :

L’entreprise SWCS :

Logo de la SWCS
Bâtiment de la SWCS

Son but premier : Aider au financement des logements (achat, construction ou rénovation) en Wallonie.

Cellules/sections :

Horaires :

Accueil en entreprise :

Formations :

Lundi matin :

• 1ère formation (durée 1h44) :

J’en ai réalisé une synthèse personnelle mais, comme la formation est payante hors entreprise, je listerai simplement ci-dessous mes conclusions pour ne pas dévoiler tout son contenu.

Concept du framework :

Exemples de propriétés Tailwind (Dégradé et couleurs)
Rendu des propriétés

2. Il impose l’utilisation de ses propres valeurs selon une hiérarchie qu’il suit (valeurs de width, height, margin, etc.)

Hiérarchie pour le texte (avec ses équivalents en px)
Résultat dans le browser

Points intéressants de Tailwind :

Design des éléments sans Tailwind
Design des éléments avec Tailwind

2. Les propriétés Tailwind sont assez intuitives et permettent de créer des sites simples.

Ici, on comprend facilement que si ‘m’ signifie ‘margin’, ‘mt’ correspond à ‘margin-top’, ‘mr’ à ‘margin-right’, etc.
Résultat de l’HTML

Points un peu plus négatifs :

Exemple de valeurs qui marchent et ne marchent pas

En résumé, j’ai trouvé que Tailwind était intéressant, notamment grâce à sa réinitialisation de design d’éléments HTML, et qu’il était assez intuitif.

Lundi après-midi + Mardi + Mercredi :

• 2ème formation (durée 18h14) :

Un début facile :

J’ignorais par exemple qu’on pouvait écrire directement dans la console, alors que c’est une connaissance de base

Difficulté minime :

Le formateur utilise des fonctions avec paramètres alors que je n’ai jamais utilisé de paramètres dans aucun projet
Il utilise des fonctions dans des variables alors que je dissocie toujours variable et fonction

Difficulté croissante :

Je n’ai jamais réellement codé en orienté objet jusqu’ici

Mais toujours de la découverte et de l’émerveillement :

Dans l’app du projet ‘Ilab’ (voir lien ci-dessous), dans la partie “montage”, j’ai dû créer beaucoup d’éléments en JS mais utiliser une template aurait été plus aisé

Projet Ilab (HEAJ DWT B3G1 2022–2023)

En conclusion :

Note : fermeture de l’établissement le mardi :

Jeudi :

Réunion :

• 3ème formation (durée 7h76) :

Motivée ! :

Progression pas à pas :

Langage fort apprécié :

Réflexion :

Vendredi

• Révision de la formation 2 :

Relation avec les autres :

Pendant que je travaille, je rigole avec mes collègues, les écoute et réponds à ce qu’ils me disent mais je reste très silencieuse car c’est dans mes habitudes. Etant la seule stagiaire de la cellule actuellement (ceux d’autres écoles arrivant en janvier) et également la seule fille de la pièce, ils aiment en plaisanter, ce qui me fait rire. N’ayant pas de voiture, ils me demandent si j’ai besoin de quelque chose à manger le midi. Ils sont tous bienveillants.

Deuxième semaine :

Lundi matin

Réunion avec la section web :

Révision et exercices :

Lundi après-midi :

Exercice Tailwind :

Visuel à imiter avec Tailwind

Mardi et mercredi :

Révision formation React et JS :

Jeudi :

Réunion :

Exercices React :

Exercice 1 :

Un composant est du code qui représente un élément d’un site web. Ex: un composant qui regroupe le code pour créer une image, un champ de texte, une liste, etc. On peut utiliser ce composant quand on veut sur la page.

Ici, 2 est le composant d’une image, 3 également, 1 est du texte. On utilise 3 et 1 deux fois sur cette page. 4 est une image utilisée 3 fois.

Exercice 2:

Exercice 3:

Vendredi :

Exercices React :

Exercice 4:

Exercice 5 :

Exercice 6 :

Exercice 7 :

Rétrospective de ces 2 semaines :

Je suis entrée pour la première fois dans une vraie entreprise, j’ai rencontré des employés, j’ai participé à leurs réunions. J’ai pu mettre un pied dans l’univers des entreprises.

J’ai également pu changer mon avis quant à l’atmosphère générale d’une entreprise. Je suis contente de voir que les employés ici sont accueillants et bienveillants.

Ma progression majeure aura évidemment été toutes les connaissances que je suis en train d’acquérir grâce aux formations : Tailwind.CSS, React.JS, orientation objet, fetch, fonctions, etc. Après ces deux semaines de formations et d’exercices, j’ai hâte de voir comment je pourrai mettre ces connaissances en application pour les projets futurs de l’entreprise et personnels.

--

--

Elève à l'HEAJ Infographie de Namur.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store