HTML, CSS and JavaScript basics tutorial

Welcome to the course!

To understand HTML, it helps to have a better understanding of what HTML actually is. This lesson deals with precisely this question.

The crucial question if you are just starting out: How are HTML documents created, displayed or modified? You'll find the answer in this video.

Tags are the basis of HTML documents. You will learn about the concept in this lesson.

HTML documents consist of a header area with information about the document and the visible content. This lesson first deals with the header area (head).

The actual content is stored in the body area. You must have understood this basic subdivision. This lesson is therefore mandatory in any case!

Extensive documents in particular benefit from comments that are not displayed on the website itself. They can make the code clearer and document it. Learn how to create them.

On the web, you will encounter path specifications again and again - in two variants: as relative or as absolute path specifications. Take a look at this lesson to understand the concept.

Links within a website are extremely common. You can find the implementation in this article.

Links to other websites are just as important and are also part of everyday life on the Internet. The target also specifies how the links are opened. Learn how to implement this.

Links within a document are also called anchors. Learn how to set them and refer to areas on the current page.

A hierarchical structure includes headings, among other things. Here you will learn about the available elements.

Spaces and line breaks in HTML documents are limited. It is important that you are familiar with this concept.

Paragraphs play an important role in a text. Here you will learn how to set them.

Texts need to be clear, especially on the web. Lists help the viewer to skim. Therefore, the lesson on ordered and unordered lists is an absolute must.

Tables are extremely important for preparing data in tabular form. Learn the basics here.

A web without images is unimaginable. Here you will learn how to integrate images.

Learn to place special characters as HTML entities in your documents.

Use iframes to embed other websites directly into your website.

JavaScripts are integrated into HTML documents. You can learn how to do this here.

The first HTML practice exercise is about text formatting and setting headings.

Here you create a recipe as an HTML document using basic HTML elements.

The knowledge of tables is now being applied in practice.

Get to know the concept of Cascading Style Sheets.

Learn to assign CSS statements directly to elements.

Internal stylesheets are another way to store instructions directly in the document.

A very common case: the stylesheets are outsourced to external files and integrated.

The "class" and "id" attributes are extremely important for styling. Get to know them here.

Containers in particular play an important role when working with CSS. Here you will get to know the concept using the div tag as an example.

Elements can be positioned differently using the float attribute. A central element in design. Mandatory lesson!

The position attribute is also extremely important and belongs on every CSS syllabus.

Get to know the different specifications for spacing ("padding" and "margin").

The width and height (height and width) are the subject of this lesson.

HTML elements can be displayed with a border. There is a border attribute for this purpose, which you will learn about in this video.

Everyone has used different font sizes at some point. After this lesson, you will be able to set them with CSS.

Fonts are not always available on every computer. That's why font families tend to be defined on the web. Learn how to do this in this video.

The basis of text design: bold, italic and underlined text. In this lesson, I will introduce you to the CSS instructions.

The alignment of text is also known from word processing and is not uncommon on the web. Find out how this works with CSS.

The standard design of links can be significantly improved using CSS. Get to know the different states of links and the corresponding CSS instructions.

A brief overview of the question: "What exactly is JavaScript?"

In this crash course, you will integrate JavaScript into an HTML document. First, you will learn how to store this directly in the document.

External JavaScripts are also important and are constantly present on the web.

Get to know the "Document Object Model".

You do not have to output data in TVML/TVJS in this way, but it is still important for the other examples.

An essential feature of JavaScript is control through events. Here you will learn about the concept using the example of click events.

Learn how to access elements and change the value.

Variables - a central concept of every programming language. Here you will learn how to create them in JavaScript.

Even if JavaScript does not use explicit data types in the declaration, you should still understand the concept.

A computer ("calculator") is not able to calculate anything without simple arithmetic. JavaScript can do this too, of course.

Even if you don't use them directly yourself, you will encounter compound/combined assignments more frequently in practice. It's good if you can read the syntax!

It is difficult to imagine programming without conditions.

The concept of repetition is also extremely important. Here you will get to know a variant in JavaScript.

While loops also have their purpose. Good if you know them too.

functions you will also use in TVJS. An important concept that needs to be understood.

In order to move around the code properly, you need to know the scopes of JavaScript.

Here we go into more detail about events.

You will probably encounter strings in every app. That's why they also definitely belong in a crash course.

Topics such as random numbers and other complex calculations are also important.

You are also sure to encounter arrays in the JavaScript and TVJS environment. Good if you know them.

Objects are also used in TVJS. So you should at least know the JavaScript implementation.

Properties are part of object orientation and should always be understood.

Methods are also important and you will encounter them more frequently in the TVJS examples.