# experiences

poste: Développeur Web
entreprise: Netceler Veynes
type: Stage
date_debut: 2021-12-06
date_fin: 2021-12-17
description:
  Développement d’un portail web pour le site Netceler, offrant un accès centralisé aux différents outils des utilisateurs. Réalisé en HTML et CSS, ce projet m’a permis de découvrir et de commencer le développement web.


poste: Développeur Web
entreprise: Quai des arts Veynes
type: Stage
date_debut: 2025-05-26
date_fin: 2025-07-04
description:
  Création d’une application web pour gérer les schémas de plans de feux de la salle de spectacle de la médiathèque de Veynes. L’application inclut un système de récupération de mot de passe et un module de drag-and-drop en JavaScript, avec PHP, CSS et une base de données WordPress pour la gestion des données.


poste: Développeur Web
entreprise: Quai des arts Veynes
type: Stage
date_debut: 2026-01-05
date_fin: 2026-02-13
description:
  Développement d’un catalogue de livres en ligne, accessible gratuitement, avec plusieurs fonctionnalités pour les utilisateurs et un back-end permettant l’ajout et la modification des ouvrages. Ce projet met en avant mes compétences en développement web et en gestion de bases de données.


# veille_technologique

titre: La Naissance : CSS 1 (1996)
url_source: https://www.w3.org/TR/CSS1/
image: css-1774603667.png
date_publication: 2026-03-27 10:27:47
description:
  Proposé par Håkon Wium Lie et Bert Bos, le CSS 1 permet enfin de séparer le contenu (HTML) de la présentation. À l'époque, on ne gérait que les polices, les couleurs de texte et les marges de base. C'était la fin de l'ère où l'on utilisait des balises <font> partout.


titre: L'ère du Positionnement : CSS 2.1 (1998 - 2011)
url_source: https://www.w3.org/TR/CSS2/
image: css2-1774603753.jpg
date_publication: 2026-03-27 10:29:13
description:
  Résumé : Cette version a introduit les propriétés cruciales comme position (absolute, relative), le z-index et les types de médias (pour l'impression). C'est aussi l'époque sombre et complexe des mises en page basées sur les float, détournés de leur usage initial pour créer des colonnes.


titre: La Révolution Modulaire : CSS3 (2011+)
url_source: https://www.w3.org/TR/css/
image: css3-1774603830.png
date_publication: 2026-03-27 10:30:30
description:
  Le CSS ne sort plus d'un bloc mais par "modules". C'est l'explosion créative : coins arrondis (border-radius), dégradés, ombres (box-shadow), et surtout les premières transitions et animations qui ont commencé à remplacer Flash.


titre: Le Design Flexible : Flexbox (2012)
url_source: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
image: flex-terms-1774603903.png
date_publication: 2026-03-27 10:31:43
description:
  Une étape majeure qui a résolu le cauchemar du centrage vertical. Flexbox a été conçu pour aligner des éléments dans une seule direction (ligne ou colonne), rendant le web responsive beaucoup plus simple à coder que les anciens systèmes de grilles flottantes.


titre: La Grille Bidimensionnelle : CSS Grid (2017)
url_source: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Grid_layout/Basic_concepts
image: cssgrid-1774603953.png
date_publication: 2026-03-27 10:32:33
description:
  Contrairement à Flexbox, CSS Grid permet de gérer les lignes et les colonnes simultanément. C'est le système de mise en page le plus puissant jamais créé pour le web, permettant des designs asymétriques et complexes sans code superflu.


titre: L'ère Moderne : CSS Natif "Boosté" (2022 - 2026)
url_source: https://2024.stateofcss.com/en-US
image: scss-1774604051.jpg
date_publication: 2026-03-27 10:34:11
description:
  On arrive à l'ère actuelle où le CSS absorbe les fonctionnalités des préprocesseurs (comme SCSS). L'arrivée du Nesting natif (imbrication), des Variables CSS (Custom Properties) et des fonctions logiques comme clamp() permettent d'écrire un code propre et dynamique sans outils externes obligatoires.


# projets

titre: Scenik
technologies: PHP
lien_github: https://github.com/NF-de/Scenik
image: scenik-logo-sombre-1774596613.png
date_creation: 2026-03-27
rapport_pdf: Rapport_de_stage_de_première_année-Matéo_Fialoux-68bf0b67a7151.pdf
type: Stage
description:
  Durant ma première année de BTS SIO, j’ai effectué un stage au Quai des Arts, pôle culturel et artistique à Veynes, du 27 mai au 4 juillet 2025. Cette immersion en entreprise m’a permis de mettre en pratique les compétences acquises en cours et de découvrir l’environnement professionnel dans lequel évolue un développeur web. Au cours de ce stage, j’ai participé au développement et à l’amélioration d’une application en ligne dédiée à la création de plans feux. J’ai pu appréhender des outils techniques (CMS, systèmes de messagerie, export de fichiers) et collaborer avec une équipe, tout en développant mes compétences en gestion de projet, en communication et en adaptation aux besoins des utilisateurs.


titre: Catalogue Livre
technologies: PHP
lien_github: https://github.com/NF-de/Catalogue
image: capture-d-ecran-du-2026-03-27-08-36-45-1774597021.png
date_creation: 2026-03-27
rapport_pdf: Rapport_de_stage_de_deuxième_année-Matéo_Fialoux-69a53ba780f4b.pdf
type: Stage
description:
  Durant ma deuxième année de BTS SIO option SLAM, j’ai effectué un second stage au Quai des Arts, pôle culturel de Veynes, du 5 janvier au 13 février 2026. Cette nouvelle immersion m’a permis d’approfondir mes acquis et de prendre en charge un projet de développement de plus grande envergure. Au cours de ce stage, j'ai conçu et réalisé de A à Z un catalogue de livres en ligne pour la médiathèque, en utilisant une architecture MVC et les langages PHP et SQLite. J’ai notamment travaillé sur la gestion d'une base de données, la sécurisation des accès administrateur et l'optimisation de l'interface utilisateur (responsive design).


titre: AP NewWorld
technologies: Symfony
lien_github: https://github.com/NF-de/NewWorld/tree/dev
image: capture-d-ecran-du-2026-03-27-08-46-10-1774597591.png
date_creation: 2026-03-27
type: Ap
description:
  Développement d’une application web pour une entreprise fictive, NewWorld, visant à faciliter les relations entre producteurs et partenaires via une marketplace en ligne.  Le projet comprend la gestion des utilisateurs avec différents rôles, la création et la résiliation de contrats, ainsi qu’un formulaire de création d’entreprise conforme aux règles du RGPD. Un système de logs a également été mis en place pour assurer le suivi des actions et garantir la traçabilité des données.


titre: TP 5 Symfony API REST (Fixture)
technologies: Symfony
date_creation: 2026-04-02
rapport_pdf: 05_-_TP_Symfony_-_API_REST-Matéo_Fialoux-68e79c4250f3e.pdf
type: tp
description:
  Développement d’une API REST avec Symfony et API Platform dans le cadre d’un projet de gestion de garage. Ce projet comprend la création et la gestion des entités Owner et Car, l’alimentation des données via des fixtures, ainsi que la mise en place d’une API exposant les ressources de manière sécurisée et standardisée.  L’API permet d’effectuer toutes les opérations CRUD (GET, POST, PUT, DELETE) sur les entités, avec des formats de réponse JSON et XML. Elle illustre la gestion de relations entre entités et le traitement des données via Doctrine, tout en rendant les informations accessibles aux applications web et mobiles.


titre: Portfolio
technologies: Symfony
lien_demo: https://mateo-fialoux.fr
lien_github: https://github.com/NF-de/Portfolio-Symfony
date_creation: 2026-04-08
type: Personnel
description:
  Vous y trouverez une sélection de mes projets réalisés dans le cadre de ma formation et de mes expériences personnelles. À travers ces travaux, je mets en avant mes compétences techniques, ma capacité à résoudre des problématiques concrètes ainsi que mon évolution dans le domaine du développement.  J’accorde également une attention particulière à la qualité du code, à la performance et à la compréhension des besoins utilisateurs. Ce portfolio reflète mon parcours, mes apprentissages et ma motivation à progresser continuellement dans le domaine du développement.


titre: AP Davanier
technologies: PrestaShop
image: capture-d-ecran-du-2026-04-08-10-20-06-1775636432.png
date_creation: 2026-04-08
rapport_pdf: Compte rendu Davanier.pdf
type: Ap
description:
  Conception et mise en place d’un site de vente en ligne à l’aide d’une solution CMS telle que WordPress ou PrestaShop. Ce projet comprend l’installation, la configuration ainsi que la personnalisation de la plateforme afin de respecter la charte graphique de Davagnier.  Une attention particulière a été portée à l’ergonomie et à l’expérience utilisateur, ainsi qu’à l’adaptation visuelle du site pour correspondre à l’identité de la marque.  Le travail inclut également la prise en main et la gestion des fonctionnalités essentielles d’un site e-commerce, notamment le suivi des livraisons et la gestion des stocks via l’interface administrateur.


titre: TP 8 Netflim
technologies: Flutter
image: capture-d-ecran-du-2026-04-08-10-44-01-1775637850.png
date_creation: 2026-04-08
rapport_pdf: TP Flutter Netflim 8-2.pdf
type: tp
description:
  Optimisation et enrichissement d’une application dédiée au visionnage de bandes-annonces de films. Ce projet a consisté à ajouter de nouvelles fonctionnalités afin d’améliorer l’expérience utilisateur et la navigation au sein de l’application. Parmi les améliorations apportées, on retrouve la possibilité d’ajouter des contenus en favoris ainsi que la création d’une liste personnalisée pour organiser les films à visionner. Une barre de recherche a également été intégrée afin de faciliter l’accès rapide aux contenus souhaités.


titre: TP Symfony 8 Upload de fichiers & anonymisation
technologies: Symfony
date_creation: 2026-04-08
rapport_pdf: Symfony 8 fichiers.pdf
type: tp
description:
  Réalisation d’une application Symfony permettant la gestion d’une librairie numérique avec un système d’upload de fichiers (images et PDF).  Mise en place de fonctionnalités CRUD pour les livres et auteurs, ainsi qu’un espace d’administration. Utilisation de VichUploaderBundle pour gérer le stockage et l’association des fichiers.  Le projet intègre également des principes d’anonymisation, notamment via le renommage des fichiers, afin de garantir la protection des données.


titre: TP Symfony 2 Les Entités
technologies: Symfony
image: capture-d-ecran-du-2026-04-08-11-01-19-1775638906.png
date_creation: 2026-04-08
rapport_pdf: tp2 symfny.pdf
type: tp
description:
  Développement d’une application Symfony permettant la gestion de citations littéraires à travers la création et l’utilisation d’entités. Ce projet m’a permis de découvrir Doctrine (ORM) pour la gestion de la base de données, ainsi que la création d’entités, de migrations et de contrôleurs. J’ai également mis en place des fonctionnalités de base pour enregistrer et afficher des données dynamiques. Il m’a également permis de commencer la réalisation d'une note de synthèse sur les principales commandes Symfony.


titre: Tableau de synthèse des réalisations professionnelles
date_creation: 2026-04-08
rapport_pdf: ableau de synthèse Épreuve E4.pdf
type: Personnel
description:
  Dans le cadre de mon portfolio pour l’épreuve E5 du BTS SIO, j’ai remplis un tableau synthétique regroupant uniquement les travaux et projets que je souhaite présenter.  Ce tableau met en avant mes TP, mes activités professionnelles, mon stage et mes projets personnels les plus significatifs. Il permet de visualiser rapidement les compétences acquises, les technologies utilisées et les réalisations concrètes sur lesquelles j’ai travaillé.


# formations

titre: SecNum quatre modules de MOOC
etablissement: SecNumacadémie
date_debut: 2024-09-16
date_fin: 2024-10-31
ville: Gap
rapport_pdf: secnum certif.pdf
description:
  PANORAMA DE LA SSI, SÉCURITÉ DE L’AUTHENTIFICATION, SÉCURITÉ SUR INTERNE, SÉCURITÉ DU POSTE DE TRAVAIL ET NOMADISME


titre: CNIL RGPD
etablissement: CNIL
date_debut: 2024-11-18
date_fin: 2025-03-19
ville: Gap
rapport_pdf: rgpd.pdf
description:
  MODULE 1 : LE RGPD ET SES NOTIONS CLÉS, MODULE 2 : LES PRINCIPES DE LA PROTECTION DES DONNÉES, MODULE 3 : LES RESPONSABILITÉS DES ACTEURS, MODULE 4 : LE DPO ET LES OUTILS DE LA CONFORMITÉ, MODULE 5 : LES COLLECTIVITÉS TERRITORIALES


titre: Open class Room php mysql
etablissement: OpenClassRoom
date_debut: 2025-02-24
date_fin: 2025-03-19
ville: Distanciel
image: php-openclass-1775134983.png
description:
  Concevez votre site web avec PHP et MySQL PHP permet de créer des sites dynamiques : blogs, forums, réseaux sociaux, espaces membres... Découvrez PHP associé à MySQL et créez votre premier site web !


titre: Formation SCSS
etablissement: OpenClassRoom
date_debut: 2025-11-03
date_fin: 2025-11-14
ville: Gap
image: capture-d-ecran-du-2026-04-02-15-16-03-1775135792.png
description:
  Simplifié le CSS avec Sass Apprendre à écrire du code CSS propre, maintenable et modulable dans des fichiers de style .scss avec Sass.


