Formation Créer un site internet : compétences fondamentales pour un projet web réussi

Programme de la formation
Créer un site internet : compétences fondamentales pour un projet web réussi

• Introduction au Web et à l'environnement de développement

  - Comprendre le fonctionnement d'Internet et du Web (client-serveur).
  - Présentation des rôles HTML, CSS, JavaScript.
  - Installation et configuration d'un éditeur de code (VS Code).

• Bases du HTML 5 : Structure et contenu (Partie 1)

  - Structure d'une page HTML (DOCTYPE, html, head, body).
  - Balises de texte : titres (h1-h6), paragraphes (p), listes (ul, ol, li).
  - Balises sémantiques de base : header, nav, main, footer, article, section, aside.

• Bases du HTML 5 : Structure et contenu (Partie 2)

  - Liens hypertextes (a) et images (img).
  - Tableaux (table, tr, th, td).
  - Formulaires (form, input, label, textarea, select, button).

• Introduction au CSS 3 : Style et mise en page

  - Syntaxe CSS : sélecteurs (type, classe, ID), propriétés, valeurs.
  - Intégration du CSS : inline, interne, externe.
  - Les couleurs (RGB, HEX) et les unités de mesure (px, %, em, rem, vh, vw).

• CSS 3 approfondi : Mise en forme du texte et des boîtes

  - Propriétés de typographie : font-family, font-size, font-weight, text-align.
  - Modèle de boîte : margin, border, padding, content.
  - Display property : block, inline, inline-block.

• CSS 3 : Flexbox pour la mise en page

  - Comprendre le concept de Flexbox (parent-enfant, main et cross axis).
  - Propriétés des conteneurs Flex : flex-direction, justify-content, align-items.
  - Propriétés des éléments Flex : flex-grow, flex-shrink, flex-basis, order.

• Introduction à JavaScript : Les fondations

  - Variables (var, let, const) et types de données.
  - Opérateurs (arithmétiques, de comparaison, logiques).
  - Conditions (if/else, switch) et boucles (for, while).

• JavaScript : Manipulation du DOM et événements

  - Sélection d'éléments du DOM (getElementById, querySelector, querySelectorAll).
  - Modification du contenu HTML et des attributs CSS.
  - Gestion des événements : click, submit, mouseover.

• JavaScript : Fonctions et interactivité avancée

  - Définition et appel de fonctions.
  - Portée des variables (scope).
  - Création d'éléments dynamiques avec JavaScript.

• Optimisation, Sémantique et Bonnes Pratiques Web

  - Accessibilité web (ARIA, balises sémantiques).
  - Optimisation des images et performance des pages.
  - Bonnes pratiques de nommage et organisation du code.

• Responsive Design avec Media Queries
• Projet Pratique : Conception et déploiement d'un site simple

  - Structuration d'un projet web de A à Z.
  - Intégration HTML, CSS et JavaScript pour un site fonctionnel.
  - Préparation au déploiement (hébergement simple ou GitHub Pages).