=== Rejoins le cours qui t’apprendra l’essentiel sur l’HTML5 et le CSS3 ! ===
Si tu es ici car :
-> tu veux changer de carrière et à apprendre à coder ?
-> tu es étudiant.e et tu veux devenir développeur.euse web ?
-> tu es un.e entrepreneur.e et que tu veux créer ton propre site ?
-> tu es freelancer et tu veux créer des sites pour des clients ?
-> tu es un.e designer.euse ou marketer.euse et tu veux être plus indépendant.e face à la tech ?
Tu es AU BON ENDROIT !
J’ai condensé mes 10 années d’expérience dans le développement web pour toi en plus de 10 heures de cours.
Il y a tout ce qu’il faut savoir sur la théorie et un super cas pratique sur Netflix pour vraiment te montrer étape par étape comment développer tes pages en HTML et CSS.
En prenant 1h / jour et en moins de 2 semaines,
Tu auras toutes les connaissances nécessaires pour être autonome !
Qui suis-je ?
Je m’appelle Julien et cela fait plus de 10 ans que je travaille dans le développement web. J’ai eu diverses expériences qui m’ont permis de voir ce qui est essentiel dans l’apprentissage du code, notamment avec le HTML et le CSS.
J’ai travaillé dans des startups, des boites de conseil et en tant que freelance.
Je suis aujourd’hui mentor dans le développement web et j’aide des étudiants, des salariés et des personnes qui veulent se reconvertir à apprendre à coder.
Voilà pourquoi je pense que ce cours est parfait pour débuter et apprendre les bases du code.
En quoi ce cours est différent des autres ?
Très peu de formateurs ont eu ces expériences diverses qui m’ont permis :
Ce cours n’est pas juste un n-ième cours sur le langage HTML et le CSS qui reprend ce que tu peux retrouver partout sur internet.
Dans ce cours, je te partage vraiment mon expérience pour te dire ce qui est ESSENTIEL !
Tu apprendras les bases du développement web mais tu gagneras aussi du temps !
J’ai également préparé un super cas pratique et je te montre vraiment étape par étape comment je code une page en HTML et CSS.
Je te partagerai également les outils qui feront de toi un.e meilleur.e développeur.euse.
Et je finirai le cours en te montrant comment acheter un nom de domaine et mettre ton site en ligne en quelques minutes !
Tu apprendras à maitriser :
Hâte que tu commences !
Julien
Je te souhaite la bienvenue dans mon cours sur le HTML et le CSS.
Et merci infiniment d'avoir choisi mon cours pour découvrir cet univers.
Tu as décidé d'ouvrir les portes du monde du développement web, c'est formidable !
En un peu plus de 10h de cours (12h27 pour être exact), tu sauras tout ce que j'ai pu apprendre sur le HTML5 et le CSS3 en 10 ans.
Je ne pouvais pas synthétiser plus...
Tu verras une partie théorique avec plein de démos et une autre partie (ma préférée) où je coderai en live et je te montrerai étape par étape pour que tu y arrives toi aussi.
Ne doute pas de toi, ni de tes compétences.
Fais-toi confiance et tu verras qu'être développeur c'est qu'une question de pratique et de patience.
Pour valider ton code HTML, c'est très simple !
Rends toi sur https://validator.w3.org/
Tu peux ensuite cliquer sur "Validate By Direct Input" afin de copier coller ton code HTML.
Lance la validation et l'outil te dira si ton code est parfait où s'il faut corriger des parties.
Pour valider ton code CSS, c'est très simple !
Rends-toi sur https://jigsaw.w3.org/css-validator/
Clique ensuite sur l'onglet "par Saisie Direct"
Copie-colle ton code CSS et lance la validation.
L'outil te dira ensuite si ton code est parfait ou si tu dois corriger certaines parties.
Pour recharger tes pages HTML automatiquement, tu peux télécharger et installer l'extension Live Server à ton éditeur de code VS Code.
A gauche de ton éditeur, tu as une barre latérale avec différents icônes.
Clique sur l'icône des "Extensions" (l'icône avec plusieurs carrés)
Tape ensuite Live Server dans la barre de recherche pour trouver l'extension.
Tu prendras le premier qui apparaîtra dans la liste.
Clique sur l'extension, tu pourras ensuite l'installer.
Il faudra certainement redémarrer ton éditeur de code pour qu'il prenne en compte l'ajout de l'extension.
Une fois redémarré, tu peux te rendre sur le code de ta page HTML.
Tu verras à présent tout en bas à droite, un bouton "Go Live".
Il te suffira de cliquer dessus pour actionner le rafraîchissement automatique.
-> Si le bouton "Go Live" n'apparaît plus ou pas :
Retourne sur ton extension, clique "Disable" puis "Enable" à nouveau.
Redémarre ton éditeur de code.
Voici quelques précisions sur le CSS pour t'aider si nécessaire :
La police que j'utilise :
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Le code hex pour la couleur rouge des boutons :
#e10c13
Le linear gradient pour le overlay :
background: linear-gradient(180deg, rgba(4,4,4,0.758140756302521) 0%, rgba(4,4,4,0.4516981792717087) 35%, rgba(0,0,0,0.6068802521008403) 100%);
Voici le code SVG que tu dois mettre au niveau du CSS pour charger l'icône :
<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-globe2' viewBox='0 0 16 16'><path d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z'/></svg>
Voici les adresses IP que tu peux utiliser dans Gandi pour permettre de faire le lien :
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
Choisis une d'entre elles.
Google 
Facebook