À Propos
Qui suis-je ?
Je suis étudiant en Développement Web & Techniques Graphiques à la Haute École de la Province de Liège. J’aime découvrir de nouvelles choses et faire les choses correctement. Pour moi, chaque problème est une occasion d’apprendre et de m’améliorer.
Mon parcours
Découvrez mon parcours scolaire
Humans Technology (Stage d’observation de 2 jours)
CESS - Centre Sainte-Julienne, Fléron
Bloc 1 – Techniques Graphiques
Bloc 2 – Techniques Graphiques option Web
Mes compétences
Découvrez les différents langages que j’ai appris, mais aussi différent les logiciels et outils que j’utilise.
Développement
HTML
On m’a montré ce langage durant la première partie ma première année à l’HEPL. On nous l’a enseigné de manière complète, avec une approche de développement accessible, qui respecte les règles du WCAG et du SEO.
CSS
Durant le Q2 en première année à l’HEPL, on nous a appris les bases de ce langage. Avec des cours théorie où on a insisté sur les concepts d’unités dynamiques et d’alignement. Et des cours pratique où on reproduisait des pages web, avec l’aide de Figma.
JavaScript
En 2e année, on a appris le JavaScript natif. On a eu un apprentissage poussé du langage. On avait des cours théoriques, puis on faisait des exercices pratiques pour illustrer la théorie. On nous a montré une approche d’un codage propre.
TypeScript
À la suite du cours de JavaScript, on a vu le langage TypeScript. On a eu des cours théoriques, et après, on faisait des jeux pour avoir une approche plus ludique à l’aide de Canvas. Suite à ce cours, on a aussi été initiés au SVG. On a vu comment faire des formes simples nous-mêmes avec des cours théoriques et des exercices pratiques.
PHP
En 2e partie de 2e année, on a eu un cours où, via le développement d’un formulaire complexe, on apprenait des concepts pour rendre ce formulaire dynamique, mais aussi tout ce qu’il y a derrière (connexion, déconnexion, gestion d’erreurs, etc.). On a aussi eu un cours qui mettait l’accent sur WordPress, qui est en PHP. On a vu des concepts précis qui étaient utiles pour le développement des sites qu’on devait faire en fin d’année.
MySQL
En 2e année, pour nous préparer au cours de PHP, on a appris plusieurs concepts du langage MySQL, comme la création de tables, l’injection de données dans les tables, et la sélection de données spécifiques dans une table. Ensuite, on a eu des cours où on mettait en pratique ces concepts en rendant un site statique plus dynamique.
Design
Figma
On a découvert ce logiciel en 1re année, mais c’est vraiment en 2e qu’on a eu des cours dessus. D’abord avec un cours où on devait designer des applications web, puis on a eu des cours théoriques avec un apprentissage des fonctionnalités avancées du logiciel, comme les variables, les conditions, etc. Avec ce logiciel, je réalise mes designs ou wireframes avant de passer au développement.
Photoshop
En 1re année, on a eu des cours où on a vu les différents outils du logiciel. On a eu un apprentissage assez complet. On nous a enseigné une approche non destructive.
Illustrator
Durant la première année, on a appris à utiliser les différents outils de ce logiciel. Maintenant, avec, je suis capable de faire des logos et des affiches. Je sais utiliser ce logiciel pour faire des SVG et vectoriser mes images si besoin.
Ma méthodologie
Découvrez comment je m’y prends pour réaliser un projet.
1
Écoute, analyse et planification
Je commence toujours par écouter et analyser les demandes du client. Je prends en compte ses attentes, ses besoins, et je vérifie ce qui est possible de faire. Ensuite, je fais une to-do list avec toutes les tâches à accomplir. Je découpe les étapes, j’organise tout ça dans le temps pour avoir une idée de la charge de travail et du temps que ça va me prendre.
2
Recherche et inspiration (benchmark)
Je fais des recherches sur des projets similaires pour voir ce qui fonctionne et ce qui ne fonctionne pas. Je note ce qui me semble pertinent, ce qui peut m'inspirer ou au contraire, ce que je veux éviter. Toutes ces idées, je les rassemble dans un moodboard, en y ajoutant aussi mes propres idées et inspirations.
3
Prototypage et conception visuelle
Je commence souvent par des croquis à la main comme ça, une vue d’ensemble plus rapide. Ensuite, je crée un wireframe plus propre, plus structuré. Une fois validée, je passe à la phase de design complet.
4
Développement
Quand une bonne partie du design est fait (ou parfois dès qu’il est fini), je passe au développement. Le fait d’avoir le design sous les yeux m’aide à mieux avancer dans le code. Je continue parfois à améliorer le design au fur et à mesure du développement, pour que tout fonctionne bien ensemble. Je vérifie ensuite avec une checklist si tout ce que j’avais prévu est bien là. Quand c’est bon, je valide mon travail, avec différents validateurs.
5
Tests, retours et améliorations
Je demande d'autres avis sur ce que j’ai fait pour avoir un autre point de vue. Ça me permet d’amélioration ou de corriger certains détails. Je teste ensuite mon travail dans différentes conditions pour m’assurer que tout fonctionne bien.