FORMATIONS GRAND PUBLIC INTENSIF

Développement web & mobile

À l’issue de la formation Structurer des pages web sémantiques en HTML5 et les styliser avec CSS3 (Flexbox, Grid, responsive, Tailwind) Programmer en JavaScript ES6+ : fonctions, tableaux, objets, classes, async/await, DOM, API REST Construire des interfaces web interactives avec React : composants, state, hooks, routing, data fetching Développer des API REST robustes avec Node.js et Express : CRUD, authentification JWT, validation Modéliser et manipuler des données avec MongoDB/Mongoose et PostgreSQL/Prisma Connecter front-end et back-end dans une architecture full-stack complète Créer des applications mobiles multiplateformes avec React Native et Expo Déployer des applications en production (Vercel, Railway, Docker, CI/CD, GitHub Actions) Collaborer avec Git/GitHub : branches, pull requests, code review Utiliser l’IA (GitHub Copilot, Claude) pour accélérer le développement et le debugging

🕐 12 Semaines

🌙 Lun-Mer-Ven 18h30–21h30 | Samedi 9h–13h

🏆 Certification

👥 15 places max

Tarif

350 000 FCFA

✓ Durée : 12 Semaines

✓ Volume horaire : 156 heures

✓ Rythme : Lun-Mer-Ven 18h30–21h30 | Samedi 9h–13h

✓ Certificat de fin de formation

✓ 15 places disponibles

Je m'inscris →

Paiement en 2 ou 3 fois possible

Programme détaillé — Semaine par semaine

Un programme intensif de 156 heures sur 12 semaines couvrant l’ensemble de la stack JavaScript : du HTML/CSS au déploiement, en passant par React, Node.js, MongoDB et React Native. Chaque samedi est un atelier de production.

Lundi

Introduction au développement web : fonctionnement du web (client/serveur, HTTP, DNS). HTML5 : structure sémantique, balises (header, nav, main, section, article, footer), formulaires, accessibilité.

Mercredi

CSS3 fondamental : sélecteurs, box model, display, positionnement. Typographie, couleurs, unités (px, rem, em, %). Flexbox : axes, justification, alignement, wrap, gap.

Vendredi

CSS Grid : lignes, colonnes, grid-template-areas, placement. Combinaison Flexbox + Grid pour des layouts professionnels. Media queries et design responsive (mobile-first).

HTML5 sémantique CSS3 Flexbox Grid Responsive design Mobile-first GitHub Pages

Lundi

CSS avancé : variables CSS (custom properties), transitions, animations (@keyframes), transforms. Pseudo-éléments, pseudo-classes. Bonnes pratiques : BEM, organisation des fichiers.

Mercredi

Tailwind CSS : approche utility-first, configuration, classes responsives, composants, dark mode. Comparaison avec Bootstrap. Quand utiliser un framework CSS.

Vendredi

Outils du développeur : VS Code (extensions, raccourcis), Chrome DevTools, terminal/ligne de commande. Git & GitHub : init, add, commit, push, pull, branches, merge, pull requests. Workflow collaboratif.

Samedi

ATELIER — Reproduire une landing page professionnelle avec Tailwind CSS, animations, et formulaire fonctionnel. Pousser le code sur GitHub avec branches

CSS avancé Animations Tailwind CSS VS Code Git GitHub Terminal Workflow collaboratif

Lundi

Introduction à JavaScript : variables (let, const), types (string, number, boolean, null, undefined), opérateurs. Structures de contrôle : if/else, switch, boucles (for, while, for...of).

Mercredi

Fonctions : déclaration, expression, arrow functions, paramètres, return. Scope et closures. Tableaux : méthodes (map, filter, reduce, find, forEach, sort, splice).

Vendredi

Objets : propriétés, méthodes, destructuring, spread operator. Classes ES6, constructeur, héritage. Modules (import/export). Gestion d’erreurs (try/catch).

Samedi

ATELIER — Construire 3 mini-projets en JavaScript pur : (1) calculateur de budget, (2) to-do list interactive, (3) quiz en ligne avec score et timer.

JavaScript ES6+ Variables Fonctions Tableaux (map/filter/reduce) Objets Classes Modules

Lundi

DOM (Document Object Model) : sélection (querySelector, getElementById), création et modification d’éléments, navigation dans l’arbre. Manipulation de classes et styles dynamiques.

Mercredi

Événements : addEventListener, types d’événements (click, input, submit, scroll), propagation (bubbling, capturing), délégation. Formulaires : validation côté client, RegExp.

Vendredi

JavaScript asynchrone : callbacks, Promises, async/await. Fetch API : requêtes GET/POST, gestion des réponses JSON. Consommer une API REST externe (ex: OpenWeather, JSONPlaceholder).

Samedi

ATELIER — Créer une application météo complète : recherche par ville, appel API, affichage dynamique des prévisions, géolocalisation, design responsive.

JavaScript ES6+ Variables Fonctions Tableaux (map/filter/reduce) Objets Classes Modules

Lundi

DOM (Document Object Model) : sélection (querySelector, getElementById), création et modification d’éléments, navigation dans l’arbre. Manipulation de classes et styles dynamiques.

Mercredi

State et gestion d’état : useState, événements en React, formulaires contrôlés. Rendu conditionnel (ternaire, &&). Listes et clés (map + key). Cycle de vie : useEffect (mount, update, cleanup).

Vendredi

React avancé : useContext (state global sans Redux), custom hooks. React Router : navigation, routes dynamiques, paramètres, nested routes, protection de routes.

Samedi

ATELIER — Construire un dashboard de gestion de tâches en React : création/modification/suppression, filtres, recherche, navigation multi-pages, design avec Tailwind.

Introduction à React : pourquoi React SPA vs MPA Virtual DOM. Créer un projet avec Vite. JSX composants fonctionnels props children. Arborescence de composants.

Lundi

Appels API en React : fetch/axios dans useEffect, loading states, gestion d’erreurs. SWR et React Query pour le data fetching. Pagination, recherche débouncée, infinite scroll.

Mercredi

Gestion d’état globale : useReducer, Zustand (alternative légère à Redux). Performance : React.memo, useMemo, useCallback. Lazy loading et Suspense.

Vendredi

Formulaires avancés avec React Hook Form et validation Zod. Upload de fichiers. Authentification front-end : JWT, stockage token, routes protégées, redirection.

Samedi

ATELIER — Construire un mini réseau social front-end : feed de posts (API), profil utilisateur, like/commentaire, authentification (mock), design complet Tailwind.

API en React React Query Zustand Performance React Hook Form Zod JWT Authentification

Lundi

Introduction au back-end : Node.js (runtime, npm, modules). Créer un serveur HTTP. Express.js : routing, middlewares, req/res, gestion des paramètres et query strings.

Mercredi

API REST avec Express : architecture CRUD, méthodes HTTP (GET, POST, PUT, DELETE). Organisation du code : routes, controllers, services. Validation avec Joi/Zod côté serveur.

Vendredi

Gestion d’erreurs, logging (Morgan, Winston). Variables d’environnement (.env, dotenv). CORS. Upload de fichiers (Multer). Documentation API avec Swagger.

Samedi

ATELIER — Construire une API REST complète pour un système de gestion de produits : CRUD, validation, gestion d’erreurs, documentation Swagger. Test avec Postman/Thunder Client.

Node.js Express.js API REST CRUD Middlewares Validation CORS Swagger Postman

Lundi

MongoDB & Mongoose : bases NoSQL, collections, documents, CRUD avec Mongoose. Schémas, modèles, validations, relations (ref, populate). MongoDB Atlas (cloud).

Mercredi

PostgreSQL & Prisma : bases relationnelles (rappel), Prisma ORM (schéma, migrations, queries). Comparaison MongoDB vs PostgreSQL : quand utiliser quoi.

Vendredi

Authentification & sécurité : bcrypt (hashage mots de passe), JWT (génération, vérification, refresh tokens). Middleware d’authentification. Rôles et autorisations (RBAC).

Samedi

ATELIER — Ajouter une base de données et l’authentification à l’API de la semaine 7 : inscription, connexion, JWT, routes protégées, profil utilisateur, RBAC admin/user.

MongoDB Mongoose PostgreSQL Prisma ORM Authentification JWT bcrypt RBAC MongoDB Atlas

Lundi

Architecture full-stack : connecter React (front) à Express/Node (back). Proxy en développement, gestion des CORS. Flux de données complet : formulaire → API → base → affichage.

Mercredi

Fonctionnalités full-stack : upload d’images (front + back + stockage), pagination serveur, recherche full-text, filtres dynamiques. Gestion des états de chargement et d’erreur.

Vendredi

Tests : introduction au testing (unit, integration, e2e). Jest pour le back-end, React Testing Library pour le front. Stratégie de tests pour une app full-stack.

Samedi

ATELIER — Assembler l’application full-stack complète : front React + back Express + base MongoDB, avec authentification, CRUD, upload, et tests unitaires.

Architecture full-stack CORS Upload Pagination serveur Jest React Testing Library Test

Lundi

Introduction à React Native : différences avec React web, Expo, composants natifs (View, Text, Image, ScrollView, FlatList). Styles avec StyleSheet. Navigation avec React Navigation.

Mercredi

React Native avancé : formulaires, gestion d’état, appels API, stockage local (AsyncStorage). Accès caméra, géolocalisation, notifications push (Expo). Design responsive mobile.

Vendredi

Connecter l’app mobile à votre API back-end. Partager du code entre web et mobile. Préparer un build avec Expo (APK Android, TestFlight iOS). Publication sur les stores.

Samedi

ATELIER — Construire une version mobile de votre projet full-stack avec React Native/Expo : écrans principaux, navigation, API, authentification, build APK.

React Native Expo Composants natifs React Navigation AsyncStorage Build APK/iOS

Lundi

Déploiement front-end : Vercel, Netlify. Déploiement back-end : Railway, Render, Fly.io. Variables d’environnement en production. CI/CD : GitHub Actions (build, test, deploy automatique).

Mercredi

Docker : concepts (images, containers), Dockerfile, docker-compose. Conteneuriser une app Node.js + MongoDB. Introduction aux services cloud (AWS, Google Cloud) et Nginx.

Vendredi

IA pour les développeurs : GitHub Copilot, Claude pour le code, ChatGPT pour le debugging. Prompt engineering pour la programmation. Générer des tests, de la documentation et des composants avec l’IA.

Samedi

ATELIER — Déployer votre application full-stack complète : front sur Vercel, back sur Railway, base sur MongoDB Atlas. Pipeline CI/CD avec GitHub Actions. Nom de domaine custom.

Vercel Netlify Railway Docker CI/CD GitHub Actions GitHub Copilot IA & code Déploiement

Lundi

Coaching projet final : revue individuelle de l’application (code quality, architecture, UX). Optimisation : performance front (Lighthouse), sécurité back (helmet, rate limiting), SEO.

Mercredi

Portfolio développeur : construire son GitHub, README professionnels, site portfolio. Préparer son CV technique et son profil LinkedIn. Entretiens techniques : questions fréquentes, live coding, system design basics.

Vendredi

Répétition de la soutenance. Démo technique : présenter son code, son architecture et ses choix techniques de manière claire et convaincante.

Samedi

SOUTENANCE FINALE — Présentation du projet full-stack complet devant un jury de professionnels : démo live, architecture, choix techniques, défis rencontrés. Remise des certificats ADS.

Projet final Performance Sécurité Portfolio GitHub CV technique Entretiens Soutenance

L'arsenal complet.

Outils que vous maîtriserez à la fin du programme

Objectif

Vous serez capable de :
Concevoir et piloter une stratégie d’acquisition digitale complète pour une PME ou une startup
Maîtriser le référencement naturel (SEO) et le référencement payant (Google lds, Meta lds)
Créer et animer une présence social media professionnelle sur Instagram, Facebook et LinkedIn
Construire des tunnels de conversion : landing page, lead magnet, séquences email automatisées
Analyser les performances avec Google Analytics 4 et construire des tableaux de bord dans Looker Studio
Utiliser l’IA générative (ChatGPT, Claude) pour optimiser la production de contenu et l’analyse marketing
Présenter et défendre une stratégie marketing digitale devant un comité de direction ou un client

React Framework Frontend

Next.js Framework Frontend

TypeScript programmation

TailwindCSS Framework de stylisation

Node.js / Express Environnement d'exécution Backend

PostgreSQL / MongoDB Gestion de bases de données

Docker Conteneurisation et déploiement

Vercel / Railway Plateformes d'hébergement et CI/CD

GitHub Copilot Assistant de codage par IA

Retours d'alumni.

Avant le bootcamp, je gérais les réseaux sociaux à l'instinct. Maintenant je pilote avec des KPIs et j'ai doublé l'engagement de nos pages en 2 mois.

Mariam S.

Community Manager, MTN CI

Le module Google Ads a été un game-changer. J'ai lancé ma boutique en ligne et mes premières campagnes m'ont rapporté 15x mon investissement publicitaire.

Yao K.

Entrepreneur E-commerce

Foire Aux Questions (FAQ)

Non. Le bootcamp est conçu pour les débutants motivés comme pour les professionnels en reconversion. Nous partons des fondamentaux pour aller jusqu'aux compétences avancées.

Les cours ont lieu les soirs (lundi, mercredi, vendredi de 18h30 à 21h30) et le samedi matin (9h à 13h). Ce format vous permet de conserver votre emploi ou vos études.

Oui, vous devez apporter votre propre laptop (politique BYOD). Si vous n'en avez pas, nous proposons un service de location à tarif préférentiel.

Oui. Vous recevez le certificat Abidjan Digital School attestant de vos compétences. Vous pouvez également passer la certification ICDL Marketing Digital (centre accrédité).

Nous proposons le paiement en 2 ou 3 fois sans frais. Un tarif early bird (-15%) est disponible pour les inscriptions anticipées. Les entreprises peuvent aussi financer via notre offre B2B.

Vous intégrez notre réseau d'alumni et bénéficiez d'un accompagnement placement : mise en relation avec des entreprises partenaires, coaching CV et LinkedIn, et accès à des offres exclusives.

inscrivez-vous
dès maintenant.

Places limitées à 15 apprenants.

💰 350 000 FCFA

🕐 12 Semaines — Lun-Mer-Ven 18h30–21h30 | Samedi 9h–13h

🏆 Certificat de fin de formation

💳 Paiement en 2 ou 3 fois sans frais

Pré-inscription

Remplissez le formulaire, on vous rappelle sous 24h.

Développement web & mobile

Programme détaillé — Semaine par semaine

L'arsenal complet.

Retours d'alumni.

Mariam S.

Yao K.

Foire Aux Questions (FAQ)

inscrivez-vousdès maintenant.

Pré-inscription

inscrivez-vous
dès maintenant.