Informations à propos de la formation
Public cible
- Débutants souhaitant apprendre le développement web
- Professionnels souhaitant créer ou gérer des sites web
- Étudiants en informatique ou disciplines techniques
- Entrepreneurs souhaitant lancer des projets web
Objectifs de la formation
Permettre aux participants de :
- Comprendre les concepts fondamentaux du développement web
- Créer des sites web interactifs et fonctionnels
- Développer des applications web simples en Front-end et Back-end
- Appliquer les bonnes pratiques de développement et de sécurité
À la fin de la formation, les participants pourront réaliser un site web complet et déployable.
Compétences visées
- Maîtriser le HTML, CSS et JavaScript pour le Front-end
- Comprendre les bases du Back-end (serveur, base de données)
- Utiliser des frameworks et librairies courants
- Déployer un site web simple sur Internet
- Appliquer les bonnes pratiques de sécurité et d’ergonomie
Thématiques de la formation (12 semaines / 24h)
1. Introduction au développement web et HTML/CSS (4 h)
Objectifs spécifiques :
- Comprendre le fonctionnement d’un site web
- Maîtriser HTML et CSS pour structurer et styliser des pages
Contenu :
- Structure d’un site web : Front-end vs Back-end
- HTML : balises, structure de page, liens, images, formulaires
- CSS : mise en forme, couleurs, typographies, layouts (flexbox, grid)
Activités :
- Atelier pratique : créer une page web simple
- Mini-projet : page personnelle avec texte, images et style
2. JavaScript et interactivité (6 h)
Objectifs spécifiques :
- Ajouter des interactions et comportements dynamiques aux pages web
- Comprendre les bases de la programmation côté client
Contenu :
- Variables, conditions, boucles, fonctions
- DOM : manipulation des éléments HTML via JavaScript
- Événements : clics, survol, soumission de formulaire
- Introduction à AJAX et requêtes simples
Activités :
- Atelier pratique : ajout d’interactions à la page HTML
- Mini-projet : formulaire interactif avec validation
3. Introduction au Back-end et bases de données (6 h)
Objectifs spécifiques :
- Comprendre le fonctionnement du serveur et des bases de données
- Mettre en place un Back-end simple pour gérer des données
Contenu :
- Architecture client-serveur
- Notions de serveur web (Node.js, Python Flask ou PHP)
- Bases de données relationnelles (MySQL, SQLite)
- CRUD (Create, Read, Update, Delete)
Activités :
- Atelier pratique : créer un serveur simple et connecter une base de données
- Mini-projet : formulaire enregistrant des données utilisateurs
4. Frameworks et déploiement (4 h)
Objectifs spécifiques :
- Découvrir les frameworks pour accélérer le développement
- Déployer un site web fonctionnel sur Internet
Contenu :
- Introduction aux frameworks Front-end (React, Vue, Bootstrap)
- Introduction aux frameworks Back-end (Express, Django, Flask)
- Hébergement et déploiement sur Netlify, Vercel ou Heroku
- Bonnes pratiques pour code propre et sécurisé
Activités :
- Atelier pratique : déploiement d’un site statique ou dynamique
- Mini-projet : site web responsive et interactif
5. Mini-projet et synthèse (4 h)
Objectifs spécifiques :
- Créer un site web complet combinant Front-end et Back-end
- Présenter et expliquer les choix techniques et fonctionnels
Contenu :
- Définition du projet : objectifs, structure, fonctionnalités
- Réalisation du site web complet
- Présentation et feedback des projets
Activités :
- Mini-projet individuel ou en groupe : site web interactif
- Présentation finale et retour critique
Méthodologie
- Alternance théorie et ateliers pratiques
- Projets guidés et mini-projets individuels
- Études de cas et exercices interactifs
- Démonstrations et mise en pratique immédiate
Évaluation
- Évaluation continue : participation, exercices pratiques
- Évaluation finale : mini-projet complet + présentation
- Auto-évaluation : bilan des compétences acquises
Évaluation et Assurance Qualité :
À la fin de chaque programme de formation, les participants recevront un formulaire d’évaluation et d’assurance qualité.