Please enable JavaScript.

Coggle requires JavaScript to display documents.

Module : développer en frontend (DEVOWFS201) - Coggle Diagram

- - - - Les langages
        
        html
        
        css
      - Frameworks
        
        react.js
        
        angular
        
        vue.js
    - - les langages
        
        PHP
        
        PYTHON
        
        NODE.js
        
        java
        
        ruby
      - les bases de donnes
        
        MySql
        
        PostgreSQL
        
        MongoDB
  - - - Validation des Données côté Client
      - Gestion de l'Interactivité et des Événements
      - Conception et Mise en Page (UI/UX Design)
      - Optimisation des Performances et Accessibilité
    - - Traitement des Requêtes et API
      - Logique
        Métier
      - Gestion de
        la Base de Données
      - Authentification et Sécurité
  - - - Nous appelons le frontend le côté client du site web ou de l’application, vu que l’utilisateur navigue souvent dans le frontend avec un navigateur ou une autre interface.
    - - Le backend est la partie côté serveur du développement de sites web. Parfois, cela signifie que le site web ou l’application créée n’est rendu que du côté serveur, comme une base de données interne travaillant en arrière-plan ou un serveur de fichiers enregistrant les ressources d’une entreprise.
  - - - Dans le développement web, une application ou un site web est divisé en deux parties principales : le frontend et le backend. Ces deux parties travaillent ensemble pour fournir une expérience utilisateur fluide et complète, mais elles ont des fonctions et des responsabilités distinctes.
  - - - L'intégration front-end et back-end garantit une expérience utilisateur fluide en synchronisant les données et les fonctionnalités entre les deux parties de l’application.
    - - Une communication efficace entre les équipes assure que les attentes sont alignées et que les changements sont bien coordonnés, ce qui améliore la performance et la cohérence du projet.
  - - - Validation des entrées : Valider côté client, mais compléter par une validation côté serveur.
      - HTTPS : Utiliser HTTPS pour sécuriser les communications entre le client et le serveur.
      - Protection contre les attaques XSS : Échapper les données injectées dans le DOM et utiliser des bibliothèques comme DOMPurify.
      - Content Security Policy (CSP) : Mettre en place une politique CSP pour limiter les sources de contenu.
      - Cookies sécurisés : Utiliser les attributs HttpOnly et Secure pour les cookies.
      - Authentification et autorisation : Implémenter OAuth ou un système similaire pour s’assurer de la sécurité des accès.
    - - Validation des entrées : Effectuer une validation côté serveur pour éviter les attaques par injection SQL.
      - Gestion des sessions : Utiliser des identifiants de session uniques et les stocker de manière sécurisée.
      - Chiffrement des données sensibles : Chiffrer les données au repos et en transit.
      - Contrôles d’accès : Implémenter un contrôle d'accès basé sur les rôles (RBAC).
      - Journalisation et surveillance : Suivre les accès et activités pour détecter des comportements suspects.
      - Mise à jour régulière : Maintenir les dépendances et systèmes à jour pour corriger les vulnérabilités.