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

01.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).

02.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.

03.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).

04.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).

05.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.

06.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.

07.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).

08.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.

09.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.

10.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.

11.Responsive Design avec Media Queries

12.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).