White icon for the tutorials category CMS & Web
CMS & Web
Content for the web - you have the overview!
Content for the web - you have the overview!

Your tutorials on CMS and basic programming skills

Text, photos, graphics, sounds and pages - as soon as you are active on the web, you need to organize your content in order to keep track of thousands of files and large projects. The tool of choice: content management systems. Our CMS tutorials will make you even more digitally savvy. And because you'll always come across HTML code or the odd line of Python code on the web, you can also learn the basics of programming with our training courses.

HTML & CSS (25): This is CSS

HTML & CSS for beginners

HTML & CSS (39): The different layout variants

HTML & CSS for beginners

The right development environment for creating websites

HTML & CSS for beginners

Black Week: Web Banner Set & Newsletter Header

Black Week Campaign Kit: 7 Days, 7 Messages

FX Library Buttons: 20 animated CSS buttons to copy

FX Library: 120 modern CSS effects for web design & WordPress

Creating web forms: 1.2 | HTML forms - why and how to use them?

Create web forms for websites (practical tutorial)

Creating web forms: 2.2 | reading form data with JavaScript

Create web forms for websites (practical tutorial)

Creating web forms: 3.2 | Input Type number and Attributes

Create web forms for websites (practical tutorial)

Creating web forms: 4.2 | Using checkbox in JS

Create web forms for websites (practical tutorial)

Creating web forms: 5.2 | File Upload

Create web forms for websites (practical tutorial)

Creating web forms: 6.2 | suggestion lists with datalist

Create web forms for websites (practical tutorial)

Chrome Developer Tools: 1.2 | Create test web app

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 2.2 | Change style

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 3.2 | Practical Exercise: Debugging a TypeScript App

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 4.2 | Network: Throttling, Headers, and Preview

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 5.2 | Optimizing memory consumption with the Memory Profiler

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 6.2 | Inspect and adjust animations

Apply Chrome Developer Tools effectively (Tutorial)

Chrome Developer Tools: 8.2 | The Firefox DevTools

Apply Chrome Developer Tools effectively (Tutorial)

OpenAI API: 2.2 | The OpenAI Platform
free of charge
OpenAI API: 2.2 | The OpenAI platform

OpenAI API: Program AI-based chats, sales assistants & text adventures

OpenAI API: 3.2 | Adding React to our project

OpenAI API: Program AI-based chats, sales assistants & text adventures

OpenAI API: 4.2 | The story

OpenAI API: Program AI-based chats, sales assistants & text adventures

OpenAI API: 5.2 | Better product search

OpenAI API: Program AI-based chats, sales assistants & text adventures

Flexbox in CSS & HTML: 2.2 | Setting up the initial project

Flexbox in CSS & HTML (Tutorial) - develop responsive layouts

Flexbox in CSS & HTML: 3.2 | Distribute child elements evenly

Flexbox in CSS & HTML (Tutorial) - develop responsive layouts

Flexbox in CSS & HTML: 4.2 | 3 columns, 3 rows

Flexbox in CSS & HTML (Tutorial) - develop responsive layouts

React-Tutorial: 1.2 | What is special about React?

Learn and understand React - the practical tutorial

React-Tutorial: 2.2 | Destructuring

Learn and understand React - the practical tutorial

React tutorial: 3.2 | Create components

Learn and understand React - the practical tutorial

React tutorial: 4.2 | Communication between child and parent component

Learn and understand React - the practical tutorial

React-Tutorial: 5.2 | Control video element with useRef

Learn and understand React - the practical tutorial

React-Tutorial: 6.2 | UseImmer instead of useState for simple changes to the state

Learn and understand React - the practical tutorial

JavaScript ES6-ES13: 2.2 | Set up development environment

Modern JavaScript with ES6-ES13 (JS-Tutorial)

JavaScript ES6-ES13: 3.2 | For loop

Modern JavaScript with ES6-ES13 (JS-Tutorial)

C# programming: 2.2 | Create first project

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 4.2 | Hello world! Our first small program in C#

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 5.2 | Examples of data types part 1 (e.g. integer)

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 6.2 | Methods without return value (Void)

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 7.2 | Arithmetic operators

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# Programming: 8.2 | If-Else-If-Else-Decisions/Control Structures

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 9.2 | For-Loop

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 10.2 | Creating your own class

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 11.2 | Arrays: Practical examples

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 12.2 | Writing text files

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 13.2 | WPF: New IDE tools

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 14.2 | Download required packages from the NuGet package manager

Learning to program C# - from data types to object-oriented programming (video tutorial)

C# programming: 15.2 | LINQ and array queries

Learning to program C# - from data types to object-oriented programming (video tutorial)

Elementor for WordPress: 1.2 | What is WordPress?

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 2.2 | Domain check: Which domain do I want?

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 3.2 | Your first WordPress login

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 4.2 | What can Elementor do?

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 5.2 | Themes - an overview

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 6.2 | Install and activate Elementor

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 7.2 | Elementor - the page structure at a glance

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 8.2 | Enable editing icons

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 9.2 | Ways to edit faster

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 10.2 | Typography settings

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 11.2 | History and revision

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 12.2 | The template library at a glance

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 13.2 | Motion effects

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 14.2 | Headings

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 15.2 | Icon-Box

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 16.2 | SoundCloud

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 18.2 | Legally secure contact form

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 19.2 | Elementor Pro: Overview

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 20.2 | Gallery

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 23.2 | Integrate imprint and data protection and make them accessible

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Elementor for WordPress: 22.2 | Format the header of your website

Elementor for WordPress (Tutorial): How to create your own Pages with the Page Builder

Understanding and setting up OpenVPN - secure in the network: 1.2 Who is this course for?

Understanding and setting up OpenVPN - secure in the network

Understanding and setting up OpenVPN - secure in the network: 2.2 What is VPN?

Understanding and setting up OpenVPN - secure in the network

Understanding and setting up OpenVPN - secure in the network: 3.2 Encryption with OpenVPN

Understanding and setting up OpenVPN - secure in the network

Understanding and setting up OpenVPN - secure in the network: 4.2 Hosting or renting a server yourself

Understanding and setting up OpenVPN - secure in the network

Understanding and setting up OpenVPN - secure in the network: 5.2 OpenVPN installation

Understanding and setting up OpenVPN - secure in the network

Understanding and setting up OpenVPN - secure in the network: 6.2 Transferring OVPN files securely

Understanding and setting up OpenVPN - secure in the network

OpenVPN: Virtual Private Networks (Presentation)

Understanding and setting up OpenVPN - secure in the network

Programming with Python - 1.2 Using Python under Windows

Learning to program with Python - the practical tutorial

Programming with Python - 2.2 Numerical data types

Learning to program with Python - the practical tutorial

Programming with Python - 3.2 Tuples

Learning to program with Python - the practical tutorial

Programming with Python - 4.2 Performing comparisons

Learning to program with Python - the practical tutorial

Programming with Python - 5.2 A possible solution

Learning to program with Python - the practical tutorial

Programming with Python - 6.2 Dictionary Comprehensions

Learning to program with Python - the practical tutorial

Programming with Python - 7.2 Parameters in detail

Learning to program with Python - the practical tutorial

Programming with Python - 8.2 Using and importing modules

Learning to program with Python - the practical tutorial

Programming with Python - 9.2 Errors are displayed as exceptions

Learning to program with Python - the practical tutorial

Programming with Python - 10.2 A possible solution

Learning to program with Python - the practical tutorial

Programming with Python - 11.2 Defining your own classes

Learning to program with Python - the practical tutorial

Programming with Python - 12.2 Reading from files

Learning to program with Python - the practical tutorial

Programming with Python - 13.2 Best Practices for Unit Tests

Learning to program with Python - the practical tutorial

Programming with Python - 14.2 Insertion: SSL error under macOS?

Learning to program with Python - the practical tutorial

Programming with Python - 15.2 Installing MySQL on macOS

Learning to program with Python - the practical tutorial

Programming with Python - 16.2 My solution for book management

Learning to program with Python - the practical tutorial

Linux for beginners - 1.2 Agenda
free of charge
Linux for beginners - 1.2 Agenda

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 2.2 The development of Linux

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 3.2 Installing Ubuntu with VirtualBox

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 4.2 The directory structures of Linux

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 5.2 Viewing the contents of a directory with ls

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 6.2 Creating and deleting files

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 7.2 Access rights to files and folders

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 8.2 Creating and deleting a new user

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Linux for beginners - 9.2 Displaying and stopping instances and processes

Linux tutorial for beginners: Learn the basics & set up Ubuntu

Software programming for beginners: 1.2 Software: Browser and text editor

Learning programming for beginners

Your code for more knowledge

Tutorials on web design, CMS and development

Learn with practical online tutorials

The basics of programming - from HTML to Python

Whether you're editing images for the web or writing marketing texts: Sooner or later, the moment will come when you open WordPress or work with developers. It's good if you can have a say, get involved and shine with basic programming skills. This is exactly what our web and CMS tutorials are designed for: By learning how to work with HTML, CSS, PHP and JavaScript, and preferably also with jQuery or Python, you can fix small to large code problems yourself. Programming knowledge required!

From HTML to JavaScript