Damien, Membre H2PROG et en reconversion professionnel :



Ma présentation :

Damien membre H2PROG

Damien, 35ans, désirant me reconvertir dans le domaine du développement web j’ai commencé à suivre les cours de Matthieu depuis mai 2019 après avoir acquis quelques bases de HTML/ CSS et de programmation via JavaScript (en sachant que j’ai commencé à m’auto-former en février 2019).

Alors qu’au départ je ne savais faire qu’un site statique, voici un exemple de ce que je suis désormais capable de faire en autonomie après avoir suivi quelques cours de la plateforme.


Ma réalisation :

Damien image real

Le projet est simple, une page web dynamique "responsive" d’un catalogue de chaussure.
J’entends par dynamique que le contenue de la page est généré automatiquement en ayant comme source une base de données.

Voici le lien du cette page : catalogofshoes.22web.org

La mise en ligne d’un site est vu dans le cours « Votre premier site web en HTML et CSS ! »


La base de données :

Tous d’abord j’ai dû concevoir et créer la base de données. J’ai utilisé l’utilitaire phpMyAdmin. Les compétences nécessaires pour pouvoir réaliser cela ont été acquises en suivant les cours «Maîtrisez PHP et devenez autonome en programmation web » (modules 6 et 7) ainsi que le cours « 100 Requêtes pour Maitriser SQL ».

La voici, elle est assez simple, 2 tables reliées par une clef étrangère. Le type permet de définir s’il s’agit de chaussures de ville, de sport, de mode etc…

la bd de Damien

Les tables plus en détails - La table « produits » et ses lignes en base :

datas dans produit

La table « type » :

table type

Passons au code :

Pour commencer il faut que le site puisse accéder à la basse de donnée. Pour cela j’utilise une classe PDO (voir module 7 du cours Maîtrisez PHP et devenez autonome en programmation web et le module 4 pour la POO). Je ne vais pas développer ce point ici.

Maintenant nous allons voir la partie dynamique du code réalisé en PHP, la partie HTML étant moins intéressante.

code damien 1

Cette partie ci-dessus permet de se connecter à la base de données puis d’effectuer une requête dont le résultat est stocké dans la variable « produits ». Le cours sur les 100 requêtes SQL m’a été très utile notamment pour réaliser la jointure entre les 2 tables, choses avec laquelle j’avais du mal au début.

damien code 2

Cette partie ci-dessus permet l’affichage sur la page web qui est réalisée avec une boucle foreach qui va parcourir chaque ligne du résultat de la requête. Le 1er passage de la boucle va correspondre aux données du produit n°1 et ainsi de suite. Cela nous permet d’afficher chaque produit sur la page web de façon dynamique.


Voir le résultat sur la page suivant :

Damien résultat

La boucle continuera tant qu’il y aura des produits dans la base de données, de ce fait pour ajouter des produits sur la page web il suffit de compléter la base de données sans se soucier de l’affichage de la page web. Les nouveaux produits seront affichés automatiquement.

Là encore le cours « Maîtrisez PHP et devenez autonome en programmation web » m’a été très utile et où j’ai pu consolider mon apprentissage avec le cours « Pratiquez le PHP en 30 exercices et 3 niveaux de difficultés » .

Il est possible d’améliorer cette page en permettant de compléter et modifier la base de données directement via une page administrateur protégé par un identifiant et un mot de passe par exemple. Cela est abordé dans les cours « Gérez votre catalogue de produits en PHP & MySQL – CRUD » et « Le développement web de A à Z : créez un site complet sécurisé ».

On peut aussi imaginer rajouter un formulaire de contact en cliquant sur « Contacter le vendeur ».

L’apprentissage est un long chemin alors j’y retourne.