Parcours & apprentissage du FullStack Developer
De lâinitiation au niveau senior : formation initiale/bootcamps, spĂ©cialisation front/back, certifications Cloud/DevOps/SĂ©curitĂ©, projets personnels & open source, portfolio, plans 90/180 jours, et recrutement.
Ăcoles & bootcamps (Le Wagon, IronhackâŠ) SpĂ©cialisations : React/Vue · Node/Django Certifs : AWS DVA, AZ-204, ACE, CKA/CKAD⊠Portfolio OSS & projets vitrines
1) Formation initiale & alternatives (Ă©coles dâingĂ©nieur, universitĂ©, bootcamps)
Voies dâaccĂšs
- Ăcoles dâingĂ©nieur/uni (algos, rĂ©seaux, systĂšmes, gĂ©nie logiciel).
- Bootcamps intensifs (ex. Le Wagon, Ironhack) : accĂ©lĂ©ration pratique 9â12 semaines.
- Alternance & reconversion : RNCP, VAE, MOOC + mentorat.
Livrables & KPIs
- Projet capstone déployé (demo live + repo public + readme riche).
- Temps âsetup devâ < 10 min (script/Makefile/devcontainer).
- 2â3 recommandations LinkedIn/mentors + 1 talk Ă©clair (10 min).
Anti-patterns
- DiplÎme sans preuves concrÚtes (démos, code, métriques).
- Projets schoolware sans tests/CI/CD ni doc dâarchi.
# Devcontainer bootstrap (extrait)
{ "name":"fs-bootcamp","image":"mcr.microsoft.com/devcontainers/javascript-node:20",
"features":{"ghcr.io/devcontainers/features/python:1":{}},
"postCreateCommand":"npm ci && pip install -r requirements.txt" }# README capstone (sections)
Pitch / Screens / Stack / Archi / Déploiement / Tests / Limites / Roadmap2) Spécialisation Front (React/Vue, TS, a11y, perf & design system)
Plan 8 semaines
- S1â2: TS + hooks/composition API, router, Ă©tat (RTK/Pinia).
- S3â4: Formulaires, accessibilitĂ© (axe-core), i18n, tests e2e.
- S5â6: SSR/ISR, code-splitting, images AVIF, Lighthouse >= 90.
- S7â8: Design system + Storybook, tokens, packaging npm.
Livrables & KPIs
- Lib de composants (~15 composants) avec docs & tests visuels.
- CWV : LCP < 2.5s, INP < 200ms, CLS < 0.1 (prod, p95).
- Couverture tests >= 80%, bundle p95 < 250 KB.
Exemples concrets
- ImplĂ©menter âTable virtuellisĂ©eâ (10k lignes) + filtre dĂ©bourrage.
- ThÚmes clair/sombre via tokens CSS + préférence OS.
// Storybook â token (ex.)
export const colorPrimary = 'hsl(220 90% 56%)'// Web Vitals â reporting
import { onLCP, onINP } from 'web-vitals'; onLCP(console.log); onINP(console.log);3) Spécialisation Back (Node/Django, APIs, DB, perf & sécurité)
Plan 8 semaines
- S1â2: API REST (OpenAPI), auth JWT/OAuth2, throttling.
- S3â4: DB (PostgreSQL), indexation, migrations expand/contract.
- S5â6: Caching (Redis), websockets, jobs idempotents + DLQ.
- S7â8: ObservabilitĂ© (OTel), hardening OWASP, RGPD export/delete.
KPIs
- p95 < 150ms, erreurs < 1%, MTTR < 30m.
- RPO †5m, test de restore hebdo.
- 0 vulnĂ©rabilitĂ©s âcriticalâ ouvertes > 24h.
Snippets
# DRF â throttling
REST_FRAMEWORK = {"DEFAULT_THROTTLE_RATES":{"anon":"60/min","user":"600/min"}}// Node â healthcheck
app.get('/healthz',(_,_res)=>_res.json({ok:true}))4) Apprentissage continu & Certifications (Cloud, DevOps, Sécurité)
| Domaine | Certification | Code | Prépa (h) | Pre-reqs | Résultat attendu |
|---|---|---|---|---|---|
| Cloud | AWS Developer Associate | DVA | 60â100 | Services AWS + CI/CD | Pipeline serverless, IAM de base |
| Cloud | Azure Developer Associate | AZ-204 | 50â90 | Azure basics, REST | App Service, Functions, Key Vault |
| Cloud | GCP Associate Cloud Engineer | ACE | 50â80 | gcloud, IAM | DĂ©ploiements GCE/GKE/Cloud Run |
| DevOps | Kubernetes Admin / App Dev | CKA/CKAD | 80â120 | Docker & YAML | Ops K8s & troubleshooting |
| DevOps | Docker Certified Associate | DCA | 40â60 | Docker | Images multi-stage, networking |
| SĂ©curitĂ© | Security+ | SY0- | 60â90 | RĂ©seau/sĂ©cu bases | Fondamentaux AppSec/NetSec |
Routine hebdo
- 2 Ă 90â cours/labs + 1 Ă 60â rĂ©vision Ă©crite.
- 1 âmini-projetâ/semaine pour ancrer (ex. Lambda + API GW).
Ăvidence dâapprentissage
- Notes publiques (wiki/Notion) + flashcards (Anki).
- Lab book : commandes, erreurs, captures.
Anti-patterns
- Collecte de badges sans projet appliqué.
- Préparation purement théorique (sans terminal ni cloud).
5) Projets personnels & Open Source (vitrine de compétences)
6 briefs concrets
- SaaS factures (React + Django + Stripe) â CRUD + PDF + webhooks.
- Kanban temps rĂ©el (Vue + Node + WS) â rooms + offline-first.
- Blog headless (Next.js + GraphQL) â draft/publish + preview.
- API gĂ©o (FastAPI + PostGIS) â index spatiaux + tuile vectorielle.
- Analytics lĂ©ger (Rust/Go + TS) â ingestion + charting (privacy).
- Open-Source : contribution âgood first issueâ (docs/tests/bugfix).
CritĂšres dâacceptation (exemple)
- CI verte (tests â„ 80%, lint + typecheck).
- Demo publique (link) + script âone-linerâ dĂ©ploiement.
- README complet + diagrammes (C4/mermaid).
Rubrique dâĂ©valuation
- Architecture (sĂ©paration, contrats) â /5.
- QualitĂ© (tests, typage, CI/CD) â /5.
- SĂ©curitĂ© (auth, secrets, RGPD) â /5.
- UX & perf (CWV, a11y) â /5.
# README (squelette)
Pitch | Screens | Stack | Archi | Déploiement | Tests | Sécurité | Roadmap# CI badge (GH Actions)
# Issue template (ex.)
Contexte / Repro / Attendu / Observé / Screens / Logs6) Portfolio & visibilité (GitHub, site perso, LinkedIn)
Minimum viable portfolio
- 3 projets âvitrineâ (front, back, fullstack) + 1 contribution OSS.
- Page démo + vidéos courtes (< 90s) + live links.
- README âexecutive summaryâ en haut du fichier.
KPIs
- Taux de réponse candidatures > 25%.
- Profil GitHub : >= 3 repos Ă©pinglĂ©s, pas dâarchives vides.
- 1â2 posts techniques/mois (blog/LinkedIn).
Anti-patterns
- Repos forkés sans valeur ajoutée.
- DĂ©mos indisponibles, secrets commitĂ©s, historique âchaotiqueâ.
# Sections site perso
Ă propos | Projets | Articles | Talks | Contact# GH Profile README (extrait)
Hi, I'm ⊠| Focus: FullStack | Stack | Links | Now | Contact7) Plans 90/180 jours (apprentissage guidé par livrables)
0â30 jours
- Capstone fullstack MVP (auth + CRUD + CI/CD + observabilité).
- Design system basique + tests e2e login.
- 1 article âpost-mortem MVPâ.
30â90 jours
- Durcissement sécurité (OWASP), RGPD (export/suppression).
- Perf front (CWV) & back (p95), cache Redis & jobs récurrents.
- 1 contribution OSS significative (PR mergée).
90â180 jours
- Certif (CKAD/DVA/AZ-204/ACE) + POC Kubernetes ou serverless.
- Talk interne/externe (meetup) + 2e projet vitrine.
- Tableau de compétences mis à jour (auto-évaluation + feedback pair).
# Matrice de compétences (JSON)
{ "frontend":{"react":3,"a11y":2}, "backend":{"django":2,"node":3}, "ops":{"k8s":1} }# Routine hebdo
2à focus 90' study | 1à 120' build | 1à 60' review | 1à share8) Recrutement & entretiens (katas, take-home, system design, négociation)
Ăpreuves
- Katas (TDD) : fizz-buzz, roman, bowling, Gilded Rose.
- Take-home : 4â6h, livrable dockerisĂ© + doc dâarchi + CI.
- System design : auth, cache, files, queues, SLA/SLO.
Cartes âpreuveâ
- Repos âinterview-*â avec branches Ă©tapes & tags.
- README âapproche & compromisâ + TODO de limites.
- Benchmarks & métriques brefs (p95, CWV, coût).
Négociation
- Fourchette salariale documentée (marché/ville/seniorité).
- ĂlĂ©ments non salariaux : remote, formation, matos, confs.
# Plan take-home (README)
Scope / HypothĂšses / Architecture / Trade-offs / Tests / Deploiement# Script bench (ex.)
ab -n 500 -c 20 https://demo.app/api/health