Apprendre Bootstrap – Créer un CV en ligne responsive

Important:
Ce cours fait partie de la Formation Complète Développeur Web

Découvrir la Formation Développeur Web

formation developpeur web

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…

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

57 COMMENTAIRES

  1. 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.

  2. 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 .

  3. 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 !

  4. 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 ! 😀

  5. 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).

  6. 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 😉

  7. 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 ! 😀

  8. 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 !

  9. 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 .

  10. 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 !

  11. 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.

  12. 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!!

  13. 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.

  14. 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 !