

Cours Contenu
Description du Cours:
C’est quoi 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.
Bootstrap 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.
Les colonnes s’ajustent, se déplacent ou disparaissent entièrement, les images se redimensionnent, les menus changent…
Prérequis pour apprendre Bootstrap
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.
Créer un site Web perso
Mais mieux encore! Vous allez enfin créer votre CV interactif responsive!
Il sera adapté aussi bien sur ordinateur que sur Smartphone.
Etape par étape, on réalisera votre CV ensemble.
Sachez que c’est le genre de CV qui attire les recruteurs et je suis sûr qu’il boostera votre carrière de developpeur Web.
Allez! On passe à l’action…
34,90€Ajouter au panier
Achetez le cours « Apprendre Bootstrap » pour avoir accès:
-
Accès à vie: Accédez à vie à toutes les vidéos du cours…
-
Quiz: Testez vos connaissances sur Bootstrap !
-
Projet: Fini la théorie, place à la pratique… Créez votre CV en ligne responsive !
-
Mission: Cassez-vous la tête avec la Mission pour aller encore plus loin !
-
Code source: Téléchargez les fichiers du Projet
-
Certificat de Réussite: Prouvez vos connaissances auprès des recruteurs
Bonjour John,
je veux juste vous remrcier pour vos cours et vos explications qui sont – le moins qu’on puisse dire –
vraiment trop bien, vous avez l’art et la maniere de transmettre l’information, je viens de finir la mission de Bootstrap et j’ai réussi du premier coup – cela grace à vos explications – maintenant je vais entamer le HTML et CSS – HTML deja fait – encore une fois merci et tres bonne continuation.
Génial !! Bravo à toi !
Bon courage pour la suite 😉
Merci beaucoup pour votre super explication! Je continue les cours suivants!
:))))
Le cours a été mis à jour avec la version 5 de Bootstrap! Bon cours à tous.
Merci pour ce cour
Avec plaisir 🙂
Merci
Merci et surtout bravo à toi !!!
merci infiniment
Encore un cours très bien expliquer ce qui donne envie d’apprendre de plus en plus un plaisir de trouver les solutions pour les 2 mission certes de manière différente tout ca grâce a toi tes explications bien définis donc on comprend la logique des choses. Merci encore j’espère juste bien apprendre le java c’est la ou sa bloque encore pour moi .
Merci pour ton message et surtout BRAVO!!! C’est top pour la mission!
Bon courage pour la suite 😉
Salut John !
Franchement ces cours sont au top !
Malgré la différence de version de Bootstrap (3 celle du cours et 5 mtn) on arrive quand même à s’y retrouver et s’y adapter.
Tu expliques bien avec des exemples concrets et que ça fait du bien d’avoir de la pratique ici !
Bref, tu es pédagogue !
Un grand merci à toi !
Merci Alex!
C’est vrai que la différence de version peut perturber certains mais comme tu dis on arrive à s’adapter, ce qui est super important pour un développeur 😉
Bon courage pour la suite !
J’aime de plus en plus cette formation cela change des cours où l’on reste assis sur une chaise pendant des heures à écouter de la théorie et pas de pratique. Par contre je me rends compte que souvent lors des corrections que le code de John est tellement plus propre et optimisé que le mien pour arriver au même résultat. J’ai encore du boulot en optimisation ! 😀
Lol t’inquiète plus tu pratiques et plus ton code sera présentable : p
Merci pour ton message et bon courage pour la suite !
Bonjour,
Est-ce qu’il serait possible de voir le résultat du projet « cv en ligne responsive » avant de s’engager dans la formation ? Merci pour votre réponse.
Bonne journée
Hello,
Je te conseille de regarder la vidéo d’introduction juste en haut de cette page 😀
un très excellent cours merci John
Merci 🙂
Confinement oblige, j’ai pu prendre un peu plus de temps pour avancer et terminer ce nouveau cours sur Bootstrap. Malgré quelques difficultés dues aux versions différentes de bootrstrap (3 sur tes vidéos mais 4 pour moi au moment où j’écris) j’ai réussi à m’en sortir notamment grâce au groupe facebook et à quelques recherches. Quelques prises de tête mais au final j’ai appris plein de chose !
Et pour finir, au top ce joli CV en ligne ! Maintenant qu’il est fait je vais m’amuser à le personnaliser avec mes infos et à le customiser à mon goût ! (non pas qu’il soit moche… mais c’est juste pour s’amuser avec les couleurs et mises en forme !). Très sympa la double mission et notamment la deuxième partie qui consistait avant tout à chercher des solutions sur google ! J’ai trouvé ça super, à la fois pédagogique et rassurant de savoir qu’un développeur n’est pas toujours un inventeur mais surtout un bon chercheur et débrouillard. Surtout quand il s’agit de JS et JQuery, autant grâce à tes cours je suis capable de lire et de comprendre un bout de code existant, autant c’est une autre histoire pour inventer ce même bout de code…
Bref, au top ! Merci John ! En avant pour la suite…
(Bon il va quand même falloir envisager de mettre à jour quelques vidéos lors du passage à Bootstrap 5… Je sais quel travail ça représente, mais sans ça tu risques des élèves en cours de route).
Merci Mathieu ! Je te souhaite bon courage pour la suite ! Reste motivé !
Salut John,
Encore un très bon cours et très utile pour ceux et celles qui souhaitent continuer dans ce domaine -> un CV responsive ça fait très classe ^^
Il y a encore certains points sur lesquels je bloque et d’autres où cela devient beaucoup plus fluide et les corrections automatiques !!
C’est parti pour la suite !! Et encore merci 😉
Merci Charline ! On reste motivée ! Bon courage 😉
Hello Jhon!
J’ai suivi tous le cours c’était très sympa !
Merci à toi pour l’éxplication !
Cool !! Merci Ahmed 😉
salut! necessaire de payer le cours avant d’obtenir le projet?
Hello,
Les quiz, les projets, font partis du contenu payant 🙂
Bon courage !
Bonjour,
missions accomplie ! C’est dingue comme le Javascript et le Jquery me paraissent compliqué et d’un coup tu arrives avec Bootstrap et bim on fait des trucs vraiment sympa et responsive plutôt simplement. Encore quelques petites prises de tête lorsqu’il s’agit de faire des choses précises mais je m’en sors.
Dommage que les mises à jours rendent l’apprentissage vidéo un peu plus complexe mais je me doute que ces vidéos demandent énormément de travail.
Alors merci !!!! Et direction le prochain cours ! 😀
Top !!! Bon courage pour la suite 😉
Hello !
Je suis parti de 0 en bootstrap en commencant ce cours, je ne connaissais rien du tout…
Résultat de ce cours, j’ai l’impression de briller en bootstrap, tout a été très clair dans le mécanisme de fonctionnement.
Je te remercie mille fois, 10/10 pour ma part !
Merci à toi, ça fait plaisir de lire ce genre de messages 😀
Bon courage pour la suite !
Bonsoir John, la formation était fantastique, et maintenant je veux passer au projet( concevoir mon Cv avec le responsive) mais je n’ai pas pu accéder à cela à travers votre site, je ne sais pas est-ce qu’il est obligatoire de lire d’abord les cours théoriques ou bien, sinon pour les vidéos, je les ai suivi? et est-ce gratuit ou payant pour suivre ce projet avec vous ? Merci pour la compréhension et j’attends impatiemment votre réponse .
Hello John, merci pour le super cours ! Je suis en train de faire mon super CV.
J’ai une question sur le code auquel je n’arrive pas à trouver la réponse : le padding ne marche pas sur le bouton « télécharger le CV »… sais-tu d’ou ça vient? j’ai bien mis le display inline-block..
Merci beaucoup pour ton super travail et tous tes cours !
ça y est j’ai trouvé… en regardant bien ton code. Encore merci beaucoup pour ce que tu fais, tu expliques très bien !
Merci Anastasia, bonne chance pour la suite !
Salut John, très bon cours pour la mission 2 j’ai réussi aussi mais pas avec du JS, une autre méthode en rajoutant des class dans le menu directement de bootstrap.
A bientôt
Philippe
Bravo !!!! C’est top ! 🙂
Bonjour John,
Ce cours est TOP ! J’ai pu apprendre et mettre en pratique les composants proposés dans cette formation ainsi que d’autres trouvés grâce tes précieux conseils.
Merci.
PS: J’ai ajouté le formulaire de contact du cours PHP qui, maintenant, fonctionne parfaitement.
Super !!!! Merci pour ton message, je te souhaite bon courage pour la suite 😉
Bonjour John. je voudrai te joindre en inbox, je veux dire en privé. es ce possible?
https://apprendre-a-coder.com/contact 😉
Cours génial John comme tous les cours! Les deux missions je les ai réussi mais la première avec du css assez différent du tiens… 🙂
Je commence le prochain cours et que tu saches que j’attends avec impatience la formation pour approfondir en Javascript. J’ai déjà passé pas mal d’heures sur des sites anglais en général pour Javascript et j’aimerai vraiment approfondir ce language!
Merci beaucoup et on continue!!
Hello Lydia,
Bravo pour les missions !!! Comme je l’ai dit, il y a plusieurs facon de faire 😉
Je pense que Javascript te plaira aussi, sache que je suis à fond ! 😀
Bon courage pour la suite !
Hello !
Encore un cours finit à avec succès en peu de temps, très bien expliquer et nous voyons notre évolution de jour en jour ( je ne regarde même plus ton écran pour tapé les grandes lignes de code en CSS et j’arrive même à répondre ou écrire avant que tu ne le dises lol ). Nous avons tous commencé par le simple HTML / CSS, et de cours en cours nous rajoutons un language et adaptons ce même language en fonction des autres déjà présent et je trouve ça génial! Plein de possibilité s’offre à nous déjà! Par contre, c’est vrai que ce CV est super sympa (TRES même !) mais en tant que petit apprenti que peut-on mettre en expérience etc ? Je voudrais faire le cours prochain sur l’hébergement mais j’ai vu que le projet final est de mettre notre CV en ligne et il serait plus judicieux de payé notre domaine pour un vrai CV ^^! merci bcp.
Bon code à tous!
Cordialement.
Hello Romain,
Tu avances vite dis-donc !
Personne ne s’attend à ce qu’un développeur junior ait déjà une grande expérience. Tu auras déjà pas mal de projets à mettre dans ton portfolio à la fin de cette formation, ce n’est pas fini 😉
Par contre, je n’ai pas bien compris ta remarque sur l’hébergement..
Bonjour john 🙂
Oui je consacre une grande partie de mon temps après le travail au code, je suis accroc je crois 😂 ! D’accord, je vais essayer de modeler quelque chose de sympa quand même avant de commence ce cours. 🙂 J’ai bien avancer hier mais je rencontre une difficulté pour une de mes progressbar, j’ai voulu ajouter une animation mais elle ne veux pas fonctionner. ( class= »progressbar progress-bar-striped active » ) je vais essayer de trouver la solution avant ce soir et je me lance sur le cours d’hebergement 🙂 !
Merci pour ton aide :)!
Cordialement.
Pas de soucis ! Et oublie pas que tu peux poser tes questions sur le groupe des codeurs si besoin 😉
Bonne continuation !
Bonjour John , dans la partie 5.2 , ne vaut-il pas mieux placer les scripts .js juste avant la balise fermante ?
Sinon bonne pédagogie et logique , excellent pour avoir un pied dedans !! Continue
*cours bootstrap sorry
Hello, je suis désolé je n’ai pas compris la question. De quelle balise fermante parles-tu ?
Salut , ne serait ce pas plus judicieux de déplacer les liens script (i/o head) dans le body ,à la fin du code HTML juste avant la balise fermante de body
Très bonne remarque 😉
C’est vrai que c’est une solution utilisée parfois pour charger du script seulement lorsque le contenu est là. Bon pour notre site ce n’est pas vraiment utile…
Tu peux en lire plus là-dessus ici par exemple :
http://blog.leny.me/2013/04/05/position-balise-script.html
Salut John , j’aurais une petite question , je débute en responsive et je voulais avoir si pour un débutant il est mieux de d’abord intégrer en en html / css et de rajouté des règles bootstrap à la fin de l’intégration ou de coder directement en responsive ? Ma question est peut être bête , mais bon je la pose quand même merci à toi .
Salut,
C’est une très bonne question !
D’après moi, il est préférable de commencer directement par le responsive. Si tu ne le fais pas ça risque de te prendre plus de temps à repasser sur tout le code et à sûrement devoir modifier plusieurs endroits pour les adapter au responsive. Voilà mon avis 🙂
Bonne chance à toi !
Hello John je voulais savoir svp quand est-ce que vous allez donner le feu vert au cours de PHP et Hébergement,nom de domaine …. etc.. sur votre website et Merci
Salut ! J’espère que les cours seront finis d’ici trois mois. Je les mettrai en ligne petit à petit et je commencerai par le cours « Hébergement, noms de domaine et mettre un site en ligne ».