Mes travaux pratiques en développement web
Je suis Anas Jarmouni, étudiant ingénieur à l’ENSET en Cybersécurité et Confiance Numérique. Cette plateforme centralise mes TPs du module de développement web dans une interface moderne, animée et cohérente, conçue uniquement avec des technologies vanilla.
Mes travaux pratiques
Chaque carte représente un TP du module, avec son objectif, son niveau, ses éléments essentiels et la compétence principale travaillée.
Page de présentation personnelle
Création d’une page HTML5 de CV / Portfolio personnel avec une structure sémantique propre et des sections bien organisées.
- Header, main, footer et navigation interne
- Section “À propos”, compétences et tableau formations
- Liens réseaux sociaux, accessibilité et validation W3C
Formulaire d’inscription complet
Réalisation d’un formulaire d’inscription complet avec validation HTML5 et organisation des champs selon de bonnes pratiques d’UX.
- Infos personnelles, date, mot de passe, pays, genre
- Checkboxes, textarea, upload d’image et CGU
- Patterns, required, âge minimum et messages d’erreur
Site vitrine multi-pages
Conception d’un site web complet pour une entreprise fictive avec plusieurs pages, navigation cohérente et contenus riches.
- Accueil, about, services, galerie et contact
- Images responsives, vidéo, tableau de tarifs et SEO
- Organisation claire des dossiers HTML, CSS, JS et images
TP 04 — CSS
Travail pratique centré sur la mise en page, les composants visuels, les animations et la qualité d’interface en CSS.
- Stylisation moderne et hiérarchie visuelle claire
- Composants, interactions et cartes dynamiques
- Animations CSS et amélioration de l’expérience utilisateur
À propos du projet
Cette page d’accueil a été pensée comme une interface mère pour héberger mes TPs. Le design reste moderne, cohérent, académique et interactif, avec une touche créative grâce aux animations CSS et aux icônes technologiques flottantes.