Vous allez apprendre à créer un site de A à Z, et de la meilleure des manières, par la pratique !
Avec cette formation en vidéo vous allez créer un beau projet que vous pourrez mettre en première page avec votre portfolio par exemple.
Au programme de ce tuto créer un beau site responsive de A à Z avec Bootstrap !
Mon objectif est de vous apprendre les piliers de Bootstrap tout au long de la création du site, en vous faisant directement assimiler les informations car vous verrez directement à quoi elles servent. Une approche 100% pratique !
Nous verrons donc comment :
- utiliser Bootstrap, framework gratuit pour accélérer vos développements HTML, CSS et Javascript,
- comment réaliser un site one page complet,
- comment le rendre responsive afin qu'il puisse être consulté sur un smartphone ou une tablette,
- de nombreux cas que vous rencontrerez sur ce type de sites "portfolio" : section client, portfolio, tarif, barre de compétences, contact, menu de navigation, mise en place d'icônes etc...
Vous obtiendrez ainsi un template que vous aurez créé et que vous pourrez personnaliser !
Si vous ne connaissez absolument rien de Bootstrap, n'oubliez pas que j'ai publié une formation complète dessus, il est peut être préférable que vous la suiviez au préalable.
Les fichiers de travail sont fournis.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.
Bonne construction de site !
Table des matières de cette formation Bootstrap (durée : 1h27m)
-
Introduction
- Introduction au Site gratuit 00:00:35
- Mise en Place de VS Code gratuit 00:00:46
-
Construction du Site
- Mise en place du dossier 00:04:47
- Header et Navigation, HTML 00:08:03
- Header et Navigation, CSS 00:05:35
- Section à Propos 00:07:23
- Section Trois Icônes 00:03:35
- Première Bannière 00:03:58
- Création du Potfolio + Librairie Ekko 00:08:59
- Seconde bannière avec un Carousel de Texte 00:07:01
- Faire des Cartes de Tarifs, HTML 00:02:46
- Faire des Cartes de Tarifs, CSS 00:11:08
- Section barres de Progression 00:05:21
- Section Clients 00:03:05
- Section Contact 00:05:33
- Animation de la barre de navigation 00:04:15
- Ajout des médias queries 00:04:12
- Felicitation et Fin 00:00:35
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
Bon tuto, explications fluides et claires, merci
-
Bien expliquer et fait du bon code de programmation.
-
Super,très bien expliqué, beau site exploitable, happy
-
Avec quelle version de logiciel ce tuto est-il compatible ?Bootstrap 4
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés