Apprenez à créer un site Web responsive avec Bootstrap 5. Maîtrisez les bases et développez un CV interactif qui attire les recruteurs.
Dive into the world of Bootstrap and discover how to create a personal, responsive website. This course guides you through the basics of web design, focusing on building an impressive CV that works perfectly on any device.
Apprenez les bases de Bootstrap et Créez votre site Web perso responsive avec Bootstrap !
**Cours mis à jour avec Bootstrap5**
Connaissez vous Bootstrap?
C'est un framework HTML, CSS et Javascript, c'est à dire une structure qui contient de nombreux composants prêts à l'emploi: boutons, listes déroulantes, menus, etc, etc...
Il va nous permettre de développer plus rapidement et plus simplement car il est compatible avec tous les navigateurs.
Mais ce qui fait de Bootstrap une véritable star. C'est sa popularité pour développer "responsive".
C'est quoi "responsive"?
Le responsive design, c'est une façon d’appréhender la conception d’un site internet. Notre site Web devient flexible et élastique, il s’adapte automatiquement à la taille et à la résolution de l’écran.
C'est à dire qu'il s'organisera différemment s'il est vu depuis un smartphone, une tablette ou un ordinateur. (apparition de 3 dessins)
Les colonnes s’ajustent, se déplacent ou disparaissent entièrement, les images se redimensionnent, les menus changent...
Pour suivre ce cours, vous devez connaître un minimum les bases d' HTML et CSS et je vous enseignerai ce que vous pouvez faire avec Bootstrap.
Mais mieux encore! Vous aller enfin créer votre CV interactif "responsive"!
Il sera adapté aussi bien sur ordinateur que sur smartphone.
Etape par étape, on réalisera ce CV ensemble.
Sachez que c'est le genre de CV qui attire les recruteurs et je suis sur qu'il boostera votre carriere.
Allez! On passe a l'action...
Maîtriser Bootstrap
Créer un CV en ligne responsive
4 Lectures
9 Lectures
Un Grand Merci aux 100 000+ etudiants qui suivent mes cours.Hello, moi c’est John Taieb, 36 ans, marié et papa d’un petit garçon et d'une petite fille :)Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué. Mais je sais que c’est accessible à tout le monde. Pas besoin de faire...
Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué. Mais je sais que c’est accessible à tout le monde. Pas besoin de faire de longues études pour y arriver.Mais surtout, coder c’est une révolution en marche!Le monde a besoin de plus en plus de codeurs. Même les enfants apprennent désormais...
Merci pour cette formation de Bootstrap orientée pratique.
Excellent cours
Je donnerais une note de 3.5 sur 5
1.5 manquant est qu'il y a beaucoup de css là où on aurait due utiliser BootStrap
Example "font-weight-bold", "text-white", "text-uppercase" sont des attribue BootStrap qui aurai pu être utilisé aulieu de mettre l'info dans un css
Aussi les m-3, mx-2, ou my-4 pour les margin
Les padding, ex. p-2 n'nt pas été utilisé
Pour le reste, ce fut une belle formation, bien expliqué
Merci !
Très bien expliqué.
Vidéos très claires.
Exercices très pédagogiques.
Formateur sympathique et qui a le souci de bien faire.
MERCI !
Merci pour cette chouette présentation sur Bootstrap
Très bien expliqué
Le formateur explique très bien et à une très bonne prononciation et diction!
Globalement c'est un bon cours. Il s'agit souvent d'une énumeration de fonctionnalités mais c'est Bootstrap qui veut ça, donc pas de soucis.
Les exemples sont clairs et intéressants.
Néanmoins, en utilisant la version 4.3.1 de Bootstrap, j'ai eu quelques difficultés pour adapter le code car de nombreux changements sont intervenus depuis les videos. Les pdf indiquant les modifications de migration vers la version 4 ne sont pas toujours suffisants. Il faut vraiment aller verifier les exemples sur le site getbootstrap.com/
Nous avons quelques surprises car certaines fonctionnalités ne fonctionnent pas avec popper 2. Il faut donc utiliser une ancienne version. A surveiller également les versions de JQuery.
De meme le fait que glyphicon ne soit plus supporté demande d'adapter les exemples donnés en video et c'est parfois pénible car on ne peut modifier facilement par css la couleur d'une image SVG importé avec une balise html comme img, ou meme object.
La partie consacrée au CV est intéressante car elle illustre bien toute l'utilité du CSS. Cependant on fait beaucoup de CSS et pas tellement de bootstrap, dans les premières video en tout cas.
De meme, le petit code de JQuery ajoute certes un petit plus au site, mais c'est clairement hors sujet.
Il manque selon moi une partie concernant les tableaux. Ceux-ci sont souvent utilises notamment sur des pages dynamiques et leur mise en forme peut parfois être hardue. Que propose Bootstrap à ce sujet ?
Enfin, j'ai essayé d'intégrer Bootstrap avec AngularJS et j'ai éprouvé certaines difficultes car le routing sous AngularJS utilise les ancrages, ce qui impacte l'utilisation du navbar ou du carousel. Il est peut-être intéressant de le mentionner, sans faire là non plus du hors sujet.
Cela reste néanmoins un bon cours. Il est difficile de tenir compte de toutes les evolutions des différents composants et le versioning sera toujours une épreuve pour les développeurs.
Bonne continuation.
Your email address will not be published. Required fields are marked *
Lumingu F. D.
bien je trouvais plus de secret