Développeur(se) web

Maîtriser l’analyse , la conception et le développement d’applications web à destination des utilisateurs.

Programme

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

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

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

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

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

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

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

La méthode E221 : votre chemin vers le succès

Apprentissage par compétence

Acquérir les fondamentaux en expérimentant , pour développer des compétences opérationnelles.

Immersion sur projets réels

Travailler sur des cas concrets pour construire un portfolio et maîtriser la pratique en conditions réelles.

Mise en situation professionnelle

Stages, ateliers et collaborations avec des entreprises pour une expérience concrète et un réseau solide.

Modalités

Conditions d'admission

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.

Quel diplôme ?

Technicien Spécialisé en Design Numérique – Diplôme (BAC+2)
Technicien Supérieur en Design Numérique – Diplôme (BAC+2)
Licence Professionnelle en Design Graphique – Diplôme (BAC+3)
Licence Professionnelle en UX/UI Design – Diplôme (BAC+3)
Licence Professionnelle en Design 3D & Animation – Diplôme (BAC+3)
Licence Professionnelle en Motion Design – Diplôme (BAC+3)

À qui s’adresse ce programme ?

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

Expérience professionnelle et stage

Dans le cadre de la formation à École 221, la réalisation d’un stage n’est pas obligatoire.

Cependant, toute expérience professionnelle — passée, en cours ou à venir — ainsi que la réalisation d’un stage constituent une véritable opportunité pour :

renforcer vos compétences,
découvrir de l’intérieur le milieu professionnel que vous intégrerez prochainement,
et valoriser votre parcours lors de l’obtention de votre Titre/Diplôme.

👉 Sur demande, École 221 met à disposition une convention de stage pour vous accompagner dans cette démarche.

Poursuite d'études

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Tarifs

Tarifs de votre formation accélérée DEV WEB

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.