Introducing
Your new presentation assistant.
Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.
Trending searches
69
Refonte du site Internet de la MLVA
Par Brian EPAUD
Pour la Mission Locale Vendée Atlantique
Démarrage du projet
1
Structure WEB existante
Recensement des besoins
Rédaction du cahier des charges
Présentation générale du projet.
Structure WEB existante
Site actuel réalisé il y a une dizaine d'années
Structure WEB existante
Aucune fonctionnalité
Aucune autonomie dans la gestion du contenu
Aperçu
Étude des besoins
Moderniser l'image de la Mission Locale
Les besoins de la cliente
Entretenir et valoriser les relations employeurs
Permettre aux jeunes de postuler aux offres d'emploi
Devenir autonome dans la gestion du contenu du site
Veille concurrentielle
Mission Locale de Dijon
Veille concurrentielle
Mission Locale de Mérignac
Mission Locale de Corse
Charte Graphique
Les logos
Charte Graphique
Les couleurs
Les polices
RGPD
Utilisation des données
Document de consentement pour les salariés
RGPD
Cahier des Charges
Arborescence
Cahier des charges
Unified Modeling Language avec Lucidchart
Budget et Délais
Développement Front-end
2
Maquettage avec Balsamiq
Design avec Lunacy
Front-end.
Développement HTML / CSS / JS
Pages Administration
WIREFRAMES
Pages d'inscription / Connexion
Design
DESIGN
Page d'accueil
Page liste des offres d'emploi
Page d'une offre d'emploi
MAQUETTE
MAQUETTE
https://brianepaud.github.io/missionlocale/
Développement Back-end
3
Mise en place de l'environnement NODE JS
Exemples de routes
Back-end.
Création et configuration de la base de données
Développement de l'API REST
Authentification et Sécurité
Sécurité
Autres fonctionnalités
Bonus
Environnement Node
Installation de NodeJS
Différentes étapes pour définir l'environnement du back-end:
Initialisation de NPM
Mise en route
Configuration du serveur Express
Structuration en MVC
Paramètrage du moteur de templating
Gestion de la base de données
Création de la base sur MongoDB
Base de Données
Installation de Mongoose
Définition des différents modèles
Méthodes HTTP
PUT
POST
DELETE
GET
API REST
Sécurité
1
Authentification / Gestion des utilisateurs
Express session + Connect-mongo
Handlebars Helpers
Bcrypt
2
Sécurisation des routes "sensibles" : /admin et /login
3
Top 10 OWASP Attacks
Protocole HTTPS
Programmes Malveillants
Tests et sécurisation avec SNYK
Les petits +
Hébergement & Analyses
4
Mise en place du serveur
Amélioration des performances
Hébergement et analyses.
Étude du traffic
Analyses
Rédaction de la documentation
Mise en production
Ajout du nom
de domaine sur Plesk
Achat du VPS et du nom de domaine
Hébergement
Clonage du dépôt GIT
Site en production
https://eb-creations.fr/
Performances
Première analyse
SEO
Bonnes pratiques
Performances
Accessibilité
Performances
- Métadescription
- robots.txt
- balises OpenGraph
- balise canonical
- Compression & redimension des images
- Lazy Loading
- Ajout de l'attribut "alt"
- Ajout de l'attribut "aria-label"
- Ratio des couleurs
- Mise à jour de jQuery
- Attribut "rel=noopener"
- Webkits CSS