Tout projet de développement web repose sur trois axes principaux : la conception, la production et la maintenance. Ces piliers forment la base sur laquelle s’articulent les différentes étapes de création et d’évolution d’un site ou d’une application web.
La conception
La phase de conception est le fondement de tout projet. Elle inclut la préparation et la définition des contenus, des conteneurs et des éléments structurels, ainsi que la réflexion stratégique sur le système de gestion et de suivi qui facilitera la mise à jour et la maintenance de ces contenus. Cette étape assure l’organisation et la mise en place cohérente d’un projet, jetant les bases pour un développement efficace.
La production
La production consiste à transformer l’idée initiale en un produit concret et fonctionnel sur le support web. Cette phase se décompose en plusieurs facettes, qui s’articulent autour des technologies front-end essentielles :
- La structure, englobant le contenu et ses conteneurs.
- Le visuel, allant de l’identité visuelle à la mise en forme du site.
- L’interaction, à la fois du point de vue de l’utilisateur et du système d’information.
Ces facettes de la production côté client s’appuient sur trois technologies principales :
- HTML : pour structurer le contenu.
- CSS : pour gérer la mise en forme et la présentation.
- JavaScript : pour ajouter de l’interactivité et de la dynamique, que ce soit pour les interactions utilisateur ou pour la communication avec le système d’information.
Côté serveur, la production prend appui sur des technologies telles que :
- Apache : pour la gestion des serveurs web.
- PHP : pour la génération de contenus dynamiques.
- Node.js : pour créer des applications côté serveur en utilisant JavaScript, permettant ainsi une architecture unifiée entre le front-end et le back-end.
- Bases de données relationnelles comme MySQL ou MariaDB pour la gestion des données structurées.
- Bases de données NoSQL telles que MongoDB, Cassandra et Redis, particulièrement adaptées aux applications nécessitant de la flexibilité, de la scalabilité et une manipulation efficace des données non structurées.
Des outils complémentaires, tels que Node.js, permettent également de gérer des tâches en temps réel et de soutenir des architectures modernes grâce à des technologies comme les bases de données NoSQL, qui offrent une grande flexibilité dans la gestion des données et conviennent parfaitement aux projets nécessitant un stockage de données évolutif.erveur de bases de données MySQL (MariaDB).
Enfin, durant les phases de création, vérification et distribution, nous aurons besoin d’outils transversaux, de templating, ou encore d’automatisation et un grand détour du coté de l’univers de Node.js sera de la plus grande utilité.
La maintenance et l’évolution
La maintenance et l’évolutivité du site constituent le dernier axe. Cette phase repose principalement sur la veille technologique, un élément crucial pour assurer la pérennité et l’efficacité d’un site web. Une veille active permet de se remettre constamment en question, de rester informé des évolutions du web et de maintenir une visibilité optimale pour le site ou l’application.
Détails des chapitres
Ces grands axes se déclinent en six chapitres, chacun abordant des aspects spécifiques du développement web :
01 – Le projet : cadre, définitions et écriture
- Ergonomie et architecture
- Gestion et suivi de projet
- Outils, bibliothèques et éditeurs
- Stratégie de contenu
02 – Structure et contenu
- DOM
- HTML
- Métadonnées
- Médias
- Accessibilité
- Référencement
03 – Affichage et visuel
- CSS
- Responsive Web Design
- Grilles et maquettes
04 – Interaction utilisateur et gestion des flux de données
- JavaScript
- Préprocesseurs
- Automatiseurs
- Technologies serveur
05 – Déploiement et automatisation
- Processus de déploiement
- Automatisation des tâches
- Sécurité
- Outils de suivi et analyse
06 – Généralités et veille
- Acrobat et le format PDF
- Culture web
- Veille technologique
- WordPress
Conclusion
Chaque étape de ce guide est complétée par une série de mots clés permettant d’explorer de manière transversale l’ensemble des contenus abordés. Cette organisation offre une vision structurée et complète des différents aspects du développement web, assurant ainsi un processus de création efficace, maintenable et évolutif.