B'Learn

Site vitrine de ressources pour apprendre les bases du HTML et du CSS.

Capture de l'application B'Learn
Image de représentation du projet B'Learn.

Aperçu du projet

B'Learn est un site vitrine conçu pour regrouper des ressources utiles aux débutants qui souhaitent apprendre le HTML et le CSS.

L’objectif est d’offrir une interface claire avec des explications simples, des liens vers des librairies front-end et des exemples de tutoriels YouTube accessibles rapidement.

Contexte du projet

Ce projet a été pensé comme une vitrine éducative : présenter les fondamentaux HTML/CSS, orienter les nouveaux développeurs vers les bonnes ressources et faciliter leur progression avec des contenus pratiques.

Langages utilisés

Langages mis en avant dans les ressources proposées.

Logo HTML

HTML5

Logo CSS

CSS3

Outils utilisés

Outils utilisés pour concevoir et documenter le site vitrine.

Logo VS Code

VS Code

Logo Chrome

Chrome Debugging

Aperçu du site vitrine

Présentation des sections principales destinées aux débutants HTML/CSS.

Les captures illustrent une interface simple qui guide les nouveaux développeurs vers des ressources fiables, des exemples concrets et des supports vidéo pour apprendre progressivement.

Page d'accueil ressources

Vue principale avec les bases HTML/CSS, les catégories de ressources et les liens essentiels pour bien démarrer.

Aperçu de l'interface principale du site vitrine B'Learn
Interface d'accueil orientée apprentissage HTML/CSS.

Section tutoriels et liens utiles

Mise en avant de liens de librairies front-end et de tutoriels YouTube pour pratiquer rapidement avec des exemples concrets.

Aperçu de la partie gestion de B'Learn
Zone dédiée aux ressources externes et tutoriels.

Extraits de code

Aperçu de la structure technique utilisée pour organiser un site vitrine pédagogique.

Structure HTML

Organisation des sections du site vitrine : présentation, ressources, tutoriels et exemples d’apprentissage.

Illustration de la structure front de B'Learn
Illustration de la structure HTML du site.

Mise en forme CSS

Organisation des styles pour garantir une lecture agréable et une navigation claire sur mobile et desktop.

Illustration de la logique applicative de B'Learn
Illustration de la mise en forme CSS du site.

Fonctionnalités principales

  • Présentation claire des bases HTML et CSS
  • Liens vers des librairies front-end utiles pour progresser
  • Sélection de tutoriels YouTube pour pratiquer pas à pas
  • Exemples simples pour expérimenter rapidement le code
  • Interface responsive compatible mobile et desktop