Tutoriel de base HTML, CSS et JavaScript

Bienvenue dans le cours !

Pour mieux comprendre HTML, il est utile de comprendre en détail ce qu'est réellement HTML. Cette leçon aborde justement cette question.

La question décisive lorsque vous débutez : comment sont créés, affichés ou modifiés les documents HTML ? Vous trouverez la réponse dans cette vidéo.

Les bases des documents HTML sont les balises, que tu apprendras à connaître dans cette leçon.

Les documents HTML se composent d'une tête contenant des informations sur le document et du contenu visible. Cette leçon est d'abord consacrée à la tête (head).

Les contenus réels sont stockés dans la zone du corps. Cette division fondamentale, tu dois absolument l'avoir comprise. Cette leçon est donc obligatoire en tout cas !

Les documents volumineux bénéficient des commentaires qui ne sont pas affichés sur le site web lui-même. Ils peuvent rendre le code plus lisible et documenté. Apprenez à les créer.

Sur le Web, vous rencontrez régulièrement des indications de chemin - et ce, sous deux variantes : comme une indication de chemin relative ou absolue. Regardez cette leçon pour comprendre le concept.

Les liens au sein d'un site web sont extrêmement fréquents. Vous trouverez la mise en œuvre dans cet article.

Les renvois vers d'autres sites web sont tout aussi importants et font également partie du quotidien sur Internet. De plus, il y a une indication avec la cible sur la manière dont les liens sont ouverts. Apprends comment mettre cela en œuvre.

Les références à l'intérieur d'un document sont également appelées ancres. Apprenez à les mettre en place et à faire référence à des zones sur la page actuelle.

Une structure hiérarchique comprend, entre autres, des titres. Ici, vous apprendrez à connaître les éléments disponibles.

Les espaces et les sauts de ligne dans les documents HTML sont limités. Il est important que tu connaisses ce concept.

Dans un texte, les paragraphes jouent un rôle important. Ici, tu apprendras à les placer.

Justement sur le web, les textes doivent être clairs. Les listes aident le lecteur à survoler. C'est pourquoi la leçon sur les listes ordonnées et non ordonnées est absolument nécessaire.

Les tableaux sont extrêmement importants pour préparer les données de manière tabulaire. Ici, tu apprendras les bases.

Un web sans images n'est pas imaginable. Tu apprends ici comment intégrer des images.

Apprends à inclure les caractères spéciaux en tant qu'entités HTML dans tes documents.

Avec les iframes, vous insérez d'autres sites web directement dans votre site web.

Les JavaScripts sont inclus dans les documents HTML. Ici, tu apprendras comment faire.

Dans le premier exercice pratique en HTML, il s'agit du traitement du texte et de la mise en place de titres.

Ici, tu crées une recette en tant que document HTML et utilises des éléments HTML de base.

Les connaissances sur les tableaux sont maintenant appliquées ici dans la pratique.

Apprends à connaître le concept des feuilles de style en cascade.

Apprends à affecter directement les déclarations CSS aux éléments.

Les feuilles de style internes sont une autre façon de stocker des instructions directement dans le document.

Un cas très courant : les feuilles de style sont externalisées et incluses dans des fichiers séparés.

Pour le style, les attributs "class" et "id" sont extrêmement importants. Apprenez à les connaître ici.

Les conteneurs jouent un rôle essentiel dans le travail avec le CSS. Ici, tu apprendras le concept à travers l'exemple de la balise div.

Avec l'attribut float, les éléments peuvent être positionnés différemment. Un élément central en matière de design. Cours obligatoire!

Aussi, l'attribut position est extrêmement important et devrait figurer dans chaque plan de cours CSS.

Apprenez les différentes valeurs pour les espacements ("padding" et "margin").

La largeur et la hauteur sont des sujets abordés dans cette leçon.

Les éléments HTML peuvent être affichés avec un cadre. Pour cela, il y a l'attribut border, que tu vas découvrir dans cette vidéo.

Chacun a déjà utilisé différentes tailles de police. Après cette leçon, vous pourrez les définir avec CSS.

Les polices ne sont pas toujours disponibles sur chaque ordinateur. C'est pourquoi on définit plutôt des familles de polices sur le web. Apprends dans cette vidéo comment faire.

La base de la mise en page de texte : du texte en gras, en italique et souligné. Dans cette leçon, je vais te présenter les instructions CSS.

L'alignement du texte est également connu du traitement de texte et n'est pas rare sur le Web. Découvrez comment cela fonctionne avec le CSS.

Le design standard des liens peut être nettement amélioré par le CSS. Apprenez à connaître les différents états des liens et les instructions CSS correspondantes.

Un bref aperçu de la question : "Qu'est-ce que JavaScript exactement?

Dans ce crash course, tu intègres JavaScript dans un document HTML. Tout d'abord, tu apprends à le charger directement dans le document.

Les scripts JavaScript externes sont également importants et omniprésents sur le Web.

Apprends à connaître le "Document Object Model".

Tu n'as pas besoin de sortir les données de cette manière en TVML/TVJS, mais c'est quand même important pour les exemples suivants.

Une caractéristique essentielle de JavaScript est le contrôle par des événements. Ici, tu apprends le concept à travers l'exemple des événements de clic.

Apprends comment accéder aux éléments et modifier leur valeur.

Variables - concept central de chaque langage de programmation. Ici, tu apprends comment elles sont créées en JavaScript.

Même si JavaScript n'utilise pas de types de données explicites lors de la déclaration, tu devrais tout de même comprendre le concept.

Un ordinateur (en allemand "Rechner") est incapable de calculer quoi que ce soit sans arithmétique simple. JavaScript peut bien sûr le faire aussi.

Même si vous ne les utilisez pas directement vous-même, vous rencontrez plus fréquemment des affectations composées/combinées en pratique. C'est bien si vous pouvez lire la syntaxe!

Sans conditions, la programmation est difficilement concevable.

Le concept de répétition est également très important. Ici, vous apprendrez une variante en JavaScript.

Même les boucles "while" ont leur utilité. C'est bien si tu les connais aussi.

Fonctions que vous utiliserez également dans TVJS. Un concept important qu'il faut comprendre.

Pour te déplacer efficacement dans le code, tu dois connaître les domaines de validité de JavaScript (Scopes).

Ici, il est question à nouveau et un peu plus en détail des événements.

Les chaînes de caractères vous rencontrent probablement dans chaque application. C'est pourquoi elles doivent absolument être incluses dans un cours intensif.

Des sujets tels que les nombres aléatoires et d'autres calculs complexes sont également importants.

Les tableaux te seront certainement également rencontrés dans l'environnement JavaScript et TVJS. C'est bien si tu les connais.

Aussi à TVJS, des objets sont utilisés. Tu devrais donc au moins connaître l'implémentation JavaScript.

Les caractéristiques sont liées à l'orientation objet et devraient être comprises fondamentalement.

Les méthodes sont aussi importantes et tu les rencontreras fréquemment dans les exemples TVJS.