Aller au contenu
UFR Ingémedia
Retour au dossier

Phase de développement

Technologies, CMS et méthodes de développement web

Réf.
Module 05 / 11
Postes
2
Contrôle
7 questions
État

Les technologies web

Comprendre l'écosystème technologique est essentiel pour bien gérer un projet web.

Astuce : Choisir sa stack en fonction du projet

Ne choisissez jamais une technologie parce que c'est votre préférée. Choisissez-la parce qu'elle est adaptée au projet. Un blog n'a pas besoin de React. Un SaaS complexe n'a pas besoin de WordPress. La bonne question : "Quelle stack permet de livrer ce projet dans les délais et le budget, tout en étant maintenable ?"

Analogie : la stack technique, c'est un restaurant

Pas besoin d'être développeur pour piloter un projet, mais il faut comprendre qui fait quoi. Le frontend (HTML, CSS, React), c'est la salle et le menu : tout ce que le client voit et touche. Le backend (Node, PHP, Python), c'est la cuisine, où les commandes sont réellement préparées. La base de données (PostgreSQL, MongoDB), c'est la réserve et le frigo. L'API, c'est le serveur qui fait l'aller-retour entre la salle et la cuisine avec un langage codifié (« table 4, deux burgers »). L'hébergement (AWS, Vercel, OVH), c'est le local et le loyer. Un CMS comme WordPress, c'est un restaurant franchisé : cuisine et salle livrées clés en main, on personnalise la déco. Quand un dev vous dit « le bug est côté back », vous savez maintenant que le problème est en cuisine, pas en salle.

Frontend (côté client)

HTML/CSS

  • HTML5 : Structure sémantique
  • CSS3 : Styles, animations, responsive
  • Préprocesseurs : Sass, Less
  • Frameworks CSS : TailwindCSS, Bootstrap

JavaScript

  • Vanilla JavaScript : ES6+
  • Frameworks : React, Vue.js, Angular
  • TypeScript : Typage statique
  • Bundlers : Webpack, Vite, Parcel

Backend (côté serveur)

Langages

  • Node.js : JavaScript côté serveur
  • PHP : WordPress, Symfony, Laravel
  • Python : Django, Flask
  • Ruby : Ruby on Rails

Bases de données

  • SQL : PostgreSQL, MySQL
  • NoSQL : MongoDB, Redis
  • Cloud : Firebase, Supabase

DevOps & Infrastructure

  • Versioning : Git, GitHub, GitLab
  • CI/CD : GitHub Actions, GitLab CI
  • Conteneurisation : Docker
  • Cloud : AWS, Azure, Vercel, Netlify
Ruby on Rails
Vinted, Shopify et GitHub tournent dessus
Python
Instagram et une grande partie de Spotify côté serveur
PHP
Wikipédia, Slack à ses débuts, et 40 % du web via WordPress
React
Netflix, Airbnb et Discord côté interface

Ce que ça prouve : il n'y a pas de « bonne » techno dans l'absolu. Vinted vaut plusieurs milliards avec un framework que certains jugent « dépassé ». Ce qui compte, c'est l'adéquation entre l'équipe, le budget et le besoin.

Choisir sa stack

1. Complexité du projet

Simple → WordPress, Complexe → Custom

2. Compétences de l'équipe

Choisir ce que l'équipe maîtrise

3. Performance requise

Temps réel → Node.js/WebSocket

4. Budget et temps

Serré → CMS, Large → Sur mesure

5. Évolutivité

Croissance prévue → Architecture scalable

6. Communauté et support

Besoin d'aide → Techno populaire

Quelle stack pour ce brief ?

Décision · ≈ 3 min

8 000 € HT, 6 semaines, commandes en ligne avec retrait, la boulangère gère seule le catalogue.

Votre recommandation

Copie jaune · Cas pratique

Choisir une stack technique

Recommander une stack pour différents projets

Exercice : Pour chacun des projets suivants, recommandez une stack technique et justifiez :

Projet A : Blog personnel

  • Trafic faible
  • Budget limité
  • Besoin de référencement SEO

Projet B : Application SaaS B2B

  • Authentification complexe
  • Dashboard avec données en temps réel
  • Scalabilité importante

Projet C : E-commerce 500 produits

  • Paiement en ligne
  • Gestion de stock
  • Interface d'administration

Pour chaque projet, précisez :

  • Frontend recommandé
  • Backend recommandé
  • Base de données
  • Hébergement
Correction sur le feuillet rose, réservée à l’enseignant. Elle sera commentée en cours.

Contrôle du poste

Les technologies web

7 questions

  1. Q01Facile

    Quel framework frontend est le plus populaire en 2024 ?

  2. Q02Facile

    Quelle est la différence entre frontend et backend ?

  3. Q03Facile

    Qu'est-ce qu'une API ?

  4. Q04Facile

    Quel CMS est le plus utilisé au monde ?

  5. Q05Moyen

    Pour un blog personnel avec budget limité, quelle solution est la plus adaptée ?

  6. Q06MoyenScénario
    Un boulanger veut vendre en ligne avec click & collect : 50 produits, 8 000 € de budget, ouverture dans 6 semaines, et il veut mettre à jour ses produits lui-même.

    Quelle réponse est la plus honnête ?

  7. Q07FacileVrai / Faux

    Choisir la technologie « la plus populaire du moment » garantit que le projet sera facile à maintenir.

Répondez à toutes les questions pour voir la correction.