Dans ce tuto, nous allons voir comment il est possible de manipuler des items.
Un item est ni plus ni moins qu'un conteneur.
Dans ce tuto Manipulation des items
Pour effectuer cette manipulation, nous allons utiliser la technologie Grid de CSS3.
Elle va nous permettre de pouvoir disposer les items comme on le souhaite. Ceci n'est que la première partie du travail !
En effet, nous allons aller plus loins en réalisant un affichage dynamique de nos items au travers de requêtes SQL. Ce qui aura pour conséquence de devoir adapter notre CSS, afin de le rendre lui aussi dynamique !
Ce que je vous propose dans ce cours en ligne en vidéo, c'est de réaliser ce travail qui est beaucoup plus complexe qu'il n'y parait...
Le but étant de vous permettre de vous confronter à des difficultés techniques et à apprendre à les résoudre grâce à la connaissance des théories apprises dans mes différentes formations disponibles sur Tuto.com.
Ainsi, pour suivre ce tutoriel dans de bonnes conditions, il est préférable de connaître les technologies suivantes :
Je mets à votre disposition, l'ensemble des codes utilisés dans ce tuto.
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.
Table des matières de cette formation CSS, Php, SQL (durée : 1h21m)
-
- Mise en page HTML 00:03:36
- Instanciation de PDO 00:04:40
- Affichage des items Backend 00:10:56
- Ecriture du CSS 00:09:23
- Mise en place du côté responsive 00:05:11
- Les titres de niveau 1 00:03:44
- CSS pour les items 00:09:09
- Affichage des items Frontend 00:03:05
- Modifier l'ordre d'affichage des items 00:04:41
- Problème lié à l'ordre d'affichage des items 00:03:27
- Déclaration de variables 00:07:54
- Rendre totalement dynamique la page web 00:12:33
- Correction du responsive 00:01:48
- Conclusion 00:00:38
- Ce que contient le document Zip 00:01:12
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Alors là, super !!! Merci beaucoup, vous m'avez fait faire un grand pas d'avancement.
-
Excellent cours ! Il m'a permis de voir pas mal de choses où j'avais des lacunes au niveau des requêtes et des boucles, ainsi que dans le style CSS. Le tout dans la pratique et une belle page toute automatisée. Merci pour ce cours très intéressant.
-
Merci Carl pour tous c tuto top ! Je trouve qu'il manque un tuto sur le RGPD "comment faire la bannière et les différentes options comment l'integrer à la BDD ou comment supprimer les cookies créée une fiche client pour une periode X etc....
-
Avec quelles versions de logiciels ce tuto est-il compatible ?CSS 3, Php , SQL
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?Le code source complet du tuto
note moyenne
avis laissés