J'ai le plaisir de vous proposer ici un nouveau format de cours en ligne : Créer un projet web de A à Z. Pour ce premier numéro, je vous propose de réaliser un programme d'upload de fichiers.

Pour cela, nous allons utiliser les langages suivants :

• HTML
• CSS
• JavaScript 
• Php

En clair, nous allons réaliser un projet fullsatck de A à Z.

Au programme de ce tuto Projet Fullstack #1 - Créer un programme d'upload moderne complet

Nous partirons d'une page blanche pour arriver à un programme fonctionnel, en passant par l'aspect front-end ainsi que par la back-end de la programmation web.

Nous réaliserons ensemble un programme d'upload de fichiers (l'envoi de fichiers sur un serveur). Les fonctionnalités suivantes de notre uploader seront traitées : 

• Gestion du Drap and Drop (glisser / déposer) pour uploader les fichiers,
• Récupération de différentes informations concernant les fichiers déposés,
• Contrôle des extensions de fichiers acceptés,
• Gestion du poids maximum autorisé,
• Affichage d'une barre de progression de l'upload (loader),
• Uploader en Ajax sans rechargement de la page,
• Gestion des différentes erreurs possibles.

La qualité d'écriture du code source sera aussi importante que celle du résultat dans un navigateur.

Les différents langages utilisés ne seront pas mélangés. Le but étant d'avoir un code complet et très largement maintenable.

Ce développement sera construit en 5 parties distinctes qui traitent toutes d'un sujet précis. Pour chacune des parties, vous aurez accès à son code source évolutif ainsi qu'à un fichier explicatif des notions abordées.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Bonne création !