Mois 1 : Design, Maquette & HTML/CSS

🎯 Objectifs :

• Comprendre le rôle du développeur front-end

• Savoir transformer une maquette en interface web responsive

✅ Contenu :

• Bases du Web : HTML, CSS, navigateur, serveur

• Figma : initiation à la création de maquettes et prototypes

• Design UI : alignement, contraste, espacement, typographie

• Grilles et positionnement avec Flexbox et CSS Grid

• Responsive Design (Media queries)

📘 Exercices :

• Reproduire des maquettes simples avec Figma
• Cloner une landing page responsive

Mois 2 : Tailwind CSS + Git + Méthodologie projet

🎯 Objectifs :

• Créer rapidement des interfaces modernes avec Tailwind
• Gérer un projet collaboratif avec Git

✅ Contenu :

• Utilisation avancée de Tailwind CSS
  • Responsive, hover/focus, dark mode
  • Personnalisation (tailwind.config.js)
• Git & GitHub :
  • Branches, pull request, merge
• Méthodologie projet :
  
  
  • BEM vs utility-first
  • Arborescence d’un projet front moderne
    
    

📘 Exercices :

• UI Kit avec Tailwind (boutons, modales, cards…)
• Portfolio ou dashboard Tailwind

Mois 3 : JavaScript Moderne + DOM + Fetch

🎯 Objectifs :

• Maîtriser les fondamentaux du langage JavaScript
• Dynamiser une page web avec des données

✅ Contenu :

• Syntaxe ES6+
  • Fonctions fléchées, let/const, destructuring, spread
    
    
• Manipulation du DOM
• Événements, formulaires
• Fetch API & Promises, async/await
• Stockage local : localStorage, sessionStorage
  
  

📘 Exercices :

• To-do list interactive
• App météo via une API REST

Mois 4 : TypeScript + Vite + Architecture front

🎯 Objectifs :

• Typage strict pour des applications fiables
• Créer une app front ultra-rapide avec Vite

✅ Contenu :

• Syntaxe TypeScript
  • Interfaces, types, generics, classes
• Configuration d’un projet avec Vite
  Organisation d’un projet frontend :
  • Dossiers components/, services/, types/
• Appels API typés avec fetch ou axios

📘 Exercices :

• Refactor d’un projet JS vers TS
• Application SPA avec Vite + TS + Tailwind

Mois 5 : Modélisation + Backend (Node.js, Express, Hono.js)

🎯 Objectifs :

• Savoir modéliser une base de données
  Construire une API REST sécurisée
  
  

✅ Contenu :

• Modélisation de données (Merise ou MCD + MLD)
• Introduction aux bases de données (MongoDB ou PostgreSQL)
• Node.js : introduction, fs, http, events
• Express.js :
  • Routing, middleware, controllers, validation
  • Authentification JWT
• Hono.js (alternatif léger à Express)
  
  

📘 Exercices :

• API CRUD : utilisateurs, produits, articles…
• API + modèle MCD modélisé avec dbdiagram.io

Mois 6 : Framework Front (React ou Angular)

🎯 Objectifs :

• Développer une Single Page Application complète

🔹 React (option 1) :

• JSX, hooks (useState, useEffect, useContext)
• React Router
• Formulaires, validation, gestion des erreurs
  
  

🔸 Angular (option 2) :

• Composants, directives, services
• Routing + Guards
  Reactive Forms + HttpClient + RxJS
  
  

📘 Exercices :

• Application complète avec back + front
• Tableau de bord admin ou système de gestion de tâches

Mois 7 : Docker + Déploiement + Projet Final

🎯 Objectifs :

• Préparer et publier un projet complet en conditions réelles

✅ Contenu :

• Docker
  • Images, containers, Dockerfile, docker-compose
  • Conteneuriser backend + frontend
• Déploiement
  • Vercel, Netlify (frontend)
  • Render, Railway, Heroku, ou VPS (backend)
    
    
• Projet final
  • Conception → maquette → front → back → déploiement
  • Travail en mode Agile (Trello, notion, GitHub issues)

📘 Projet final :

Soft Skills

•  Entreprenariat (Création d’entreprise)
• Présenter sa formation
• Faire un CV professionnel
• Réseaux sociaux professionnels
• Personal branding
• Mail / Lettre de motivation
• Chercher un emploi
• Prendre la parole en public
• Simuler un entretien d’embauche

Objectifs pédagogiques / Compétences visées

Cette formation de 7 mois en cours du jours et de 9 mois en cours du soir va vous permettre de maîtriser l’analyse , la conception et le développement d’applications web et web mobile à destination des utilisateurs.
Cela implique à la fois la gestion de projet agile ,la conception d’une application web et web mobile , conforme et sécurisée, sa supervision technique et son développement.
Acquisition et validation d’un socle de compétences sur :
• La gestion de projet agile
• Le développement backend d’une application
• Le développement frontend d’une application
• Le déploiement d’application web

• Aucun niveau de diplôme n’est requis
• Forte motivation
• Aimer travailler en équipe
• Savoir lire er écrire
• Persévérance, détermination rigeur et débroullardise.

Toute personne en quête d’emploi ou de reconversion

2 photos d’identités
Photocopie delà pièce d’identité
Photocopie légalisée du dernier bulletin ou diplôme.