Logo

Frontend

Définition

Le frontend fait référence à la partie cliente d'une application, responsable de l'interface utilisateur et de l'expérience utilisateur. Il inclut tout ce que l'utilisateur voit et avec quoi il interagit directement dans le navigateur ou l'application.

Fonction Principale

Utilisé pour créer des interfaces utilisateur interactives et attrayantes, en utilisant HTML, CSS et JavaScript pour structurer, styliser et dynamiser les pages web.

Caractéristiques

  • Utilisation de HTML pour structurer le contenu de la page.
  • Utilisation de CSS pour styliser et mettre en forme les éléments.
  • Utilisation de JavaScript pour ajouter de l'interactivité et des fonctionnalités dynamiques.
  • Compatibilité avec divers navigateurs et appareils pour une expérience utilisateur cohérente.

En Pratique

Exemple de structure HTML de base pour une page web :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ma Page Web</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <h1>Bienvenue sur ma page web</h1>
  <script src="script.js"></script>
</body>
</html>

Exemple de style CSS pour changer la couleur du texte :

h1 {
  color: blue;
}
Logo