RÉVÉLATION : Le moment où tout devient LOGIQUE (en dev)
Dans ce tutoriel, nous allons découvrir comment créer un site web en utilisant HTML pour révéler le moment où tout devient logique en développement. Nous allons créer une page simple avec quelques éléments de base pour illustrer notre concept.
Premièrement, ouvrons un éditeur de texte et commençons notre code HTML en tapant les balises suivantes :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RÉVÉLATION : Le moment où tout devient LOGIQUE</title>
</head>
<body>
<h1>Le moment où tout devient logique!</h1>
<p>Dans le monde du développement, il y a souvent un moment où tout semble s'aligner et devenir clair. C'est ce moment de révélation que nous cherchons à capturer dans ce site.</p>
</body>
</html>Dans ce code, nous avons créé une structure de base pour notre page web. Le doctype indique au navigateur qu’il s’agit d’un document HTML5. Le balisage de la langue est défini en français pour cet exemple. Nous avons inclus les balises <head> pour le contenu de la tête de la page, où nous avons défini l’encodage et le titre de la page. Ensuite, dans le corps de la page, nous avons ajouté un titre de niveau 1 avec le texte "Le moment où tout devient logique!" et un paragraphe décrivant notre concept.
Maintenant, nous allons ajouter quelques éléments interactifs à notre page pour rendre notre concept plus dynamique. Voici le code HTML mis à jour avec un bouton et un champ de texte :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RÉVÉLATION : Le moment où tout devient LOGIQUE</title>
</head>
<body>
<h1>Le moment où tout devient logique!</h1>
<p>Dans le monde du développement, il y a souvent un moment où tout semble s'aligner et devenir clair. C'est ce moment de révélation que nous cherchons à capturer dans ce site.</p>
<input type="text" id="name" placeholder="Entrez votre nom">
<button onclick="reveleNom()">Révéler</button>
<p id="message"></p>
<script>
function reveleNom() {
let nom = document.getElementById("name").value;
document.getElementById("message").innerText = `Bienvenue, ${nom}! Vous venez de révéler le moment où tout devient logique en développement.`;
}
</script>
</body>
</html>Dans ce code mis à jour, nous avons ajouté un champ de texte avec un identifiant "name" et un bouton qui appelle une fonction JavaScript reveleNom() lorsqu’il est cliqué. La fonction reveleNom() récupère la valeur du champ de texte, ajoute un message de bienvenue personnalisé et l’affiche dans un paragraphe avec l’identifiant "message".
En résumé, ce tutoriel a montré comment créer une page web simple en utilisant HTML pour illustrer le moment de révélation où tout devient logique en développement. Nous avons ajouté des éléments interactifs à notre page pour rendre l’expérience plus engageante. Vous pouvez continuer à explorer et à ajouter d’autres fonctionnalités pour enrichir votre site web. Bon codage!
C'est une easter egg volontaire ou pas fait attention ? 😀 Quand tu parles du .map tu montres l'objet Map qui n'a rien à voir mais porte le même nom
Comment développer seule sans l'aide d'un mentor ?
Salut je développe depuis mais j'ai toujours l'impression que je ne peux pas le faire sans l'aide d'un mentor 😢
Et ca m'énerve vraiment
Hello, j'avais une question, qu'en penses-tu de la " Clean Architecture " ?
Totalement d’accord avec toi , je suis également passer par toutes ces étapes lors de ma reconversion pro entre les projets OpenClassrooms, cours Udemy, Coursera , vidéos YouTube, docs , etc . Le déclic il est vraiment jouissant quand on sait que l’on sait 🥹
Salut. Moi c'est Tatiana et j'ai 15ans. Je me suis abonnée à toi parce que je trouve tes tutos intéressant et aussi parce que j'ai l'impression de ne rien savoir de ce que je fais. La programmation est une passion pour moi mais je ne comprends rien à rien. j'espère qu'en suivant tes vidéos je me retrouverai !
melvynx as- tu whats app veut tu etre mon coach sa me serait utile.
Ce que j'en pense. Je me rends compte avec un poste en CDi c'est difficile de suivre. Mais, chaque jour que je fais ma formation de développeur d'application avec son lot de difficulté me remplit d'énergie et de frustration . Car, j'ai l'impression de ne pas avancer. Merci de partager tes expériences et tes conseils
super motivation
Bonjour Melvyn, je te suis depuis plusieurs mois et top j'adore ton contenu. J'avoue que je me retrouve dans tes propos. Je suis actuellement en alternance dans le milieu bancaire. J'ai pas mal de restrictions sur l'utilisation des outils, des commandes et de l'ia. Je suis souvent confronté au même problème, comment créer cette fonction. Alors que si un collègue m'aide juste un peu je vais y voir plus clair. Je n'arrive pas a step UP pour le moment. Mais merci je ne suis pas le seul à le vivre ou à l'avoir vécu 😅
t'es un model !Merci
Bonjour, rien à voir avec cette vidéo mais je regarde tes vidéos pour apprendre à coder et je me demandais quel software tu utilise pour faire tes mind map j'ai cherché mais j'ai rien trouvé… merci….
Tellement vrai 😂
Actuellement je me considère dans la phase du "début du déclic". C'est si satisfaisant de se rendre compte qu'on peut faire un peu ce qu'on veut et cela dans n'importe quel langage mais mon code reste "sale" (au moins ça fonctionne 😅)
Comment t'as fait pour être en alternance en entreprise à 17 ans? parce que cela m'intersserai si cela existe en France
C'est possible de débuter de zéro avec vous ??
Es ce que chatgpt peut jouer le role de Mentor ?
J aime beaucoup Tes videos
😂😂😂😂 j ai galeré commeca
merci
J'attendais la promo avec impatience 😂
Je vais partager la vidéo en espérant que ça va encourager quelques uns