CMS & Web

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.

Packages Single contents

HTML & CSS for beginners (part 48): The website goes online

Go to content To HTML & CSS (48): The website goes online

HTML & CSS (48): The website goes online

HTML & CSS for beginners

10 minutes

Creating web forms: 5.11 | Multi-line text inputs with textarea

Go to content To Creating web forms: 5.11 | Multiline text input with textarea

Creating web forms: 5.11 | Multiline text input with textarea

Create web forms for websites (practical tutorial)

15 minutes

Go to content To Creating web forms: 6.11 | Select and Textarea elements in React

Creating web forms: 6.11 | Select and Textarea elements in React

Create web forms for websites (practical tutorial)

7 minutes

Go to content To Chrome Developer Tools: 3.11 | Console: Overview, simple code execution and output

Chrome Developer Tools: 3.11 | Console: Overview, simple code execution and output

Apply Chrome Developer Tools effectively (Tutorial)

12 minutes

Go to content To OpenAI API: 3.11 | Summary: First chat app

OpenAI API: 3.11 | Summary: First chat app

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

2 minutes

Go to content To OpenAI API: 4.11 | Start new chat on the server

OpenAI API: 4.11 | Start new chat on the server

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

8 minutes

Flexbox layout : 3.11 | Regulate the size increase in flex direction with flex-grow

Go to content To Flexbox in CSS & HTML: 3.11 | Regulate the size increase in flex direction with flex-grow

Flexbox in CSS & HTML: 3.11 | Regulate the size increase in flex direction with flex-grow

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

8 minutes

Go to content To React-Tutorial: 5.11 | Video list as array

React-Tutorial: 5.11 | Video list as array

Learn and understand React - the practical tutorial

10 minutes

Go to content To JavaScript ES6-ES13: 3.11 | Method declaration in object literals

JavaScript ES6-ES13: 3.11 | Method declaration in object literals

Modern JavaScript with ES6-ES13 (JS-Tutorial)

3 minutes

Go to content To Elementor for WordPress: 15.11 | Accordion

Elementor for WordPress: 15.11 | Accordion

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

5 minutes

Go to content To Elementor for WordPress: 20.11 | Call to Action

Elementor for WordPress: 20.11 | Call to Action

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

4 minutes

Go to content To Understanding and setting up OpenVPN - secure in the network: 5.11 Client configuration: Create OVPN file

Understanding and setting up OpenVPN - secure in the network: 5.11 Client configuration: Create OVPN file

Understanding and setting up OpenVPN - secure in the network

7 minutes

Go to content To Programming with Python - 15.11 Updating existing data

Programming with Python - 15.11 Updating existing data

Learning to program with Python - the practical tutorial

4 minutes

Go to content To Version management with Git, GitHub and Co - 11 Undoing changes (reset, checkout)

Version management with Git, GitHub and Co - 11 Undoing changes (reset, checkout)

Version management with Git, GitHub and Co

5 minutes

Go to content To The ultimate training for JavaScript and jQuery - 1.11 Challenge: Quiz, part 3

The ultimate training for JavaScript and jQuery - 1.11 Challenge: Quiz, part 3

Video tutorial: Learn JavaScript & jQuery

21 minutes

Go to content To Modern CSS with Sass - 11 Automation with for-loops

Modern CSS with Sass - 11 Automation with for-loops

Modern CSS with Sass - practical tutorial

14 minutes

Go to content To JavaFX for GUI development - 18 sliders

JavaFX for GUI development - 18 sliders

JavaFX for GUI development

16 minutes

Go to content To Object-oriented web programming with php - 5.11 Exercise #3

Object-oriented web programming with php - 5.11 Exercise #3

PHP Tutorial - object-oriented programming: basics & practice

5 minutes

Go to content To Object-oriented web programming with php - 6.11 Return type of methods

Object-oriented web programming with php - 6.11 Return type of methods

PHP Tutorial - object-oriented programming: basics & practice

3 minutes

Go to content To Object-oriented web programming with php - 9.11 Retrieving the base URL

Object-oriented web programming with php - 9.11 Retrieving the base URL

PHP Tutorial - object-oriented programming: basics & practice

6 minutes

Go to content To Java for Beginners – 7.11 Static Attributes and Methods

Java for Beginners – 7.11 Static Attributes and Methods

Java development for beginners

17 minutes

HTML & CSS for beginners (Part 17): Forms (5)

Go to content To HTML & CSS (17): Forms (5)

HTML & CSS (17): Forms (5)

HTML & CSS for beginners

14 minutes

Go to content To HTML & CSS (35): Lists and counters

HTML & CSS (35): Lists and counters

HTML & CSS for beginners

14 minutes

Go to content To Create web forms: 5.12 | Lists with select

Create web forms: 5.12 | Lists with select

Create web forms for websites (practical tutorial)

12 minutes

Go to content To Creating web forms: 6.12 | Forms with Alpine.js

Creating web forms: 6.12 | Forms with Alpine.js

Create web forms for websites (practical tutorial)

15 minutes

Go to content To Chrome Developer Tools: 3.12 | Accessing DOM elements in the console

Chrome Developer Tools: 3.12 | Accessing DOM elements in the console

Apply Chrome Developer Tools effectively (Tutorial)

7 minutes

Go to content To OpenAI API: 4.12 | Provide new quest function for Dr. Owen

OpenAI API: 4.12 | Provide new quest function for Dr. Owen

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

6 minutes

Flexbox layout : 3.12 | Adjust the reduction in flex direction with flex shrink

Go to content To Flexbox in CSS & HTML: 3.12 | Use flex-shrink to regulate the reduction in the flex direction

Flexbox in CSS & HTML: 3.12 | Use flex-shrink to regulate the reduction in the flex direction

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

12 minutes

Go to content To React-Tutorial: 5.12 | Add new videos to the list

React-Tutorial: 5.12 | Add new videos to the list

Learn and understand React - the practical tutorial

15 minutes

Go to content To JavaScript ES6-ES13: 3.12 | Useful and new string functions

JavaScript ES6-ES13: 3.12 | Useful and new string functions

Modern JavaScript with ES6-ES13 (JS-Tutorial)

19 minutes

Go to content To Elementor for WordPress: 15.12 | Switcher

Elementor for WordPress: 15.12 | Switcher

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

2 minutes

Go to content To Elementor for WordPress: 20.12 | Media Carousel

Elementor for WordPress: 20.12 | Media Carousel

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

6 minutes

Go to content To Version management with Git, GitHub and Co - 12 Git Hosting: GitHub and Bitbucket

Version management with Git, GitHub and Co - 12 Git Hosting: GitHub and Bitbucket

Version management with Git, GitHub and Co

7 minutes

Go to content To Modern CSS with Sass - 12 Each and While loops

Modern CSS with Sass - 12 Each and While loops

Modern CSS with Sass - practical tutorial

10 minutes

Go to content To JavaFX for GUI development - 19 ProgressBar and ProgressIndicator

JavaFX for GUI development - 19 ProgressBar and ProgressIndicator

JavaFX for GUI development

5 minutes

Go to content To Object-oriented web programming with php - 5.12 Solution #3

Object-oriented web programming with php - 5.12 Solution #3

PHP Tutorial - object-oriented programming: basics & practice

6 minutes

Go to content To Object-oriented web programming with php - 9.12 Creating models using factory patterns

Object-oriented web programming with php - 9.12 Creating models using factory patterns

PHP Tutorial - object-oriented programming: basics & practice

5 minutes

Go to content To Java for beginners - 7.12 Java interfaces

Java for beginners - 7.12 Java interfaces

Java development for beginners

14 minutes

HTML & CSS for beginners (Part 18): Semantics for the web (1)

Go to content To HTML & CSS (18): Semantics for the web (1)

HTML & CSS (18): Semantics for the web (1)

HTML & CSS for beginners

11 minutes

Go to content To HTML & CSS (36): The box model

HTML & CSS (36): The box model

HTML & CSS for beginners

11 minutes

Go to content To Creating web forms: 6.13 | Forms with VueJs

Creating web forms: 6.13 | Forms with VueJs

Create web forms for websites (practical tutorial)

8 minutes

Chrome Developer Tools: 3.13 | Snippets and time measurement in the console

Go to content To Chrome Developer Tools: 3.13 | Snippets and Timing Measurement in the Console

Chrome Developer Tools: 3.13 | Snippets and Timing Measurement in the Console

Apply Chrome Developer Tools effectively (Tutorial)

16 minutes

Go to content To OpenAI API: 4.13 | Chat with the security robot

OpenAI API: 4.13 | Chat with the security robot

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

9 minutes

Go to content To Flexbox in CSS & HTML: 3.13 | Wrapping

Flexbox in CSS & HTML: 3.13 | Wrapping

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

17 minutes

Go to content To React-Tutorial: 5.13 | Delete entries from list

React-Tutorial: 5.13 | Delete entries from list

Learn and understand React - the practical tutorial

6 minutes

Go to content To JavaScript ES6-ES13: 3.13 | Template literals

JavaScript ES6-ES13: 3.13 | Template literals

Modern JavaScript with ES6-ES13 (JS-Tutorial)

14 minutes

Go to content To Elementor for WordPress: 15.13 | Social Network Icons

Elementor for WordPress: 15.13 | Social Network Icons

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

6 minutes

Go to content To Elementor for WordPress: 20.13 | Testimonial Carousel

Elementor for WordPress: 20.13 | Testimonial Carousel

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

4 minutes

Go to content To Version management with Git, GitHub and Co - 13 repositories on remote servers (clone, remote, push, pull)

Version management with Git, GitHub and Co - 13 repositories on remote servers (clone, remote, push, pull)

Version management with Git, GitHub and Co

10 minutes

Go to content To Modern CSS with Sass - 13 case decisions with if and else

Modern CSS with Sass - 13 case decisions with if and else

Modern CSS with Sass - practical tutorial

12 minutes

Go to content To JavaFX for GUI development - 20 DatePicker

JavaFX for GUI development - 20 DatePicker

JavaFX for GUI development

9 minutes

Go to content To Object-oriented web programming with php - 9.13 Creating models for users

Object-oriented web programming with php - 9.13 Creating models for users

PHP Tutorial - object-oriented programming: basics & practice

8 minutes

Go to content To Java for beginners - 7.13 Inheritance (Part 1)

Java for beginners - 7.13 Inheritance (Part 1)

Java development for beginners

10 minutes

HTML & CSS for beginners (Part 19): Semantics for the web (2)

Go to content To HTML & CSS (19): Semantics for the web (2)

HTML & CSS (19): Semantics for the web (2)

HTML & CSS for beginners

10 minutes

Go to content To HTML & CSS (37): Positioning elements

HTML & CSS (37): Positioning elements

HTML & CSS for beginners

12 minutes

Go to content To Chrome Developer Tools: 3.14 | Grouping and styling the log outputs

Chrome Developer Tools: 3.14 | Grouping and styling the log outputs

Apply Chrome Developer Tools effectively (Tutorial)

9 minutes

Flexbox layout : 3.14 | The flex-flow property

Go to content To Flexbox in CSS & HTML: 3.14 | The flex-flow property

Flexbox in CSS & HTML: 3.14 | The flex-flow property

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

5 minutes

Go to content To React-Tutorial: 5.14 | Play Playlist

React-Tutorial: 5.14 | Play Playlist

Learn and understand React - the practical tutorial

18 minutes

Go to content To JavaScript ES6-ES13: 3.14 | Useful new array functions (find, filter, map, reduce ...)

JavaScript ES6-ES13: 3.14 | Useful new array functions (find, filter, map, reduce ...)

Modern JavaScript with ES6-ES13 (JS-Tutorial)

36 minutes

Go to content To Elementor for WordPress: 20.14 | Reviews

Elementor for WordPress: 20.14 | Reviews

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

3 minutes

Go to content To Modern CSS with Sass - 14 Mathematical Operators

Modern CSS with Sass - 14 Mathematical Operators

Modern CSS with Sass - practical tutorial

10 minutes

Go to content To JavaFX for GUI development - 21 ColorPicker

JavaFX for GUI development - 21 ColorPicker

JavaFX for GUI development

6 minutes

Go to content To Object-oriented web programming with php - 9.14 Starting sessions: User login

Object-oriented web programming with php - 9.14 Starting sessions: User login

PHP Tutorial - object-oriented programming: basics & practice

13 minutes

Go to content To Java for beginners - 7.14 Inheritance (Part 2)

Java for beginners - 7.14 Inheritance (Part 2)

Java development for beginners

12 minutes

HTML & CSS for beginners (part 20): Semantics for the web (3)

Go to content To HTML & CSS (20): Semantics for the web (3)

HTML & CSS (20): Semantics for the web (3)

HTML & CSS for beginners

9 minutes

Go to content To HTML & CSS (38): Everything in flow with float

HTML & CSS (38): Everything in flow with float

HTML & CSS for beginners

11 minutes

Go to content To Chrome Developer Tools: 3.15 | More useful console methods

Chrome Developer Tools: 3.15 | More useful console methods

Apply Chrome Developer Tools effectively (Tutorial)

6 minutes

Flexbox layout : 3.15 | Wrapping exercise

Go to content To Flexbox in CSS & HTML: 3.15 | Wrapping (Exercise)

Flexbox in CSS & HTML: 3.15 | Wrapping (Exercise)

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

5 minutes

Go to content To React tutorial: 5.15 | Next and Previous buttons

React tutorial: 5.15 | Next and Previous buttons

Learn and understand React - the practical tutorial

9 minutes

Go to content To JavaScript ES6-ES13: 3.15 | Map as dictionary and key value store

JavaScript ES6-ES13: 3.15 | Map as dictionary and key value store

Modern JavaScript with ES6-ES13 (JS-Tutorial)

16 minutes

Go to content To Elementor for WordPress: 20.15 | Share button

Elementor for WordPress: 20.15 | Share button

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

4 minutes

Go to content To Modern CSS with Sass - 15 color games

Modern CSS with Sass - 15 color games

Modern CSS with Sass - practical tutorial

12 minutes

Go to content To JavaFX for GUI development - 22 FileChooser

JavaFX for GUI development - 22 FileChooser

JavaFX for GUI development

14 minutes

Go to content To Object-oriented web programming with php - 9.15 Working with the session: logging out and checking whether you are logged in

Object-oriented web programming with php - 9.15 Working with the session: logging out and checking whether you are logged in

PHP Tutorial - object-oriented programming: basics & practice

7 minutes

Go to content To Java for beginners - 7.15 Abstract classes and methods

Java for beginners - 7.15 Abstract classes and methods

Java development for beginners

10 minutes

HTML & CSS for beginners (Part 21): Semantics for the web (4)

Go to content To HTML & CSS (21): Semantics for the web (4)

HTML & CSS (21): Semantics for the web (4)

HTML & CSS for beginners

11 minutes

Go to content To Flexbox in CSS & HTML: 3.16 | Gap

Flexbox in CSS & HTML: 3.16 | Gap

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

5 minutes

Go to content To React tutorial: 5.16 | Disable next and previous buttons

React tutorial: 5.16 | Disable next and previous buttons

Learn and understand React - the practical tutorial

6 minutes

Go to content To JavaScript ES6-ES13: 3.16 | Promises

JavaScript ES6-ES13: 3.16 | Promises

Modern JavaScript with ES6-ES13 (JS-Tutorial)

23 minutes

Go to content To Elementor for WordPress: 20.16 | Blockquote

Elementor for WordPress: 20.16 | Blockquote

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

3 minutes

Go to content To Modern CSS with Sass - 16 Compass

Modern CSS with Sass - 16 Compass

Modern CSS with Sass - practical tutorial

10 minutes

Go to content To JavaFX for GUI development - 23 FileChooser (Exercise)

JavaFX for GUI development - 23 FileChooser (Exercise)

JavaFX for GUI development

4 minutes

Go to content To Object-oriented web programming with php - 9.16 Log-in failed: Reading values from the session

Object-oriented web programming with php - 9.16 Log-in failed: Reading values from the session

PHP Tutorial - object-oriented programming: basics & practice

3 minutes

HTML & CSS for beginners (Part 22): Multimedia for the website (1)

Go to content To HTML & CSS (22): Multimedia for the website (1)

HTML & CSS (22): Multimedia for the website (1)

HTML & CSS for beginners

11 minutes

Flexbox layout : 3.17 | Order and reverse direction

Go to content To Flexbox in CSS & HTML: 3.17 | Order and Reverse Direction

Flexbox in CSS & HTML: 3.17 | Order and Reverse Direction

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

7 minutes

React Tutorial 5.17 | Saving and loading the videos

Go to content To React tutorial: 5.17 | Saving and loading videos

React tutorial: 5.17 | Saving and loading videos

Learn and understand React - the practical tutorial

13 minutes

Go to content To JavaScript ES6-ES13: 3.17 | Async and await

JavaScript ES6-ES13: 3.17 | Async and await

Modern JavaScript with ES6-ES13 (JS-Tutorial)

29 minutes

Go to content To Elementor for WordPress: 20.17 | Lottie

Elementor for WordPress: 20.17 | Lottie

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

5 minutes

Go to content To Modern CSS with Sass - 17 Compass and CSS3

Modern CSS with Sass - 17 Compass and CSS3

Modern CSS with Sass - practical tutorial

8 minutes

Go to content To JavaFX for GUI development - 24 ListView

JavaFX for GUI development - 24 ListView

JavaFX for GUI development

7 minutes

Go to content To Object-oriented web programming with php - 9.17 Upload images: preparing the form

Object-oriented web programming with php - 9.17 Upload images: preparing the form

PHP Tutorial - object-oriented programming: basics & practice

4 minutes

HTML & CSS for beginners (part 23): Multimedia for the website (2)

Go to content To HTML & CSS (23): Multimedia for the website (2)

HTML & CSS (23): Multimedia for the website (2)

HTML & CSS for beginners

10 minutes

Go to content To Flexbox in CSS & HTML: 3.18 | Order (Exercise)

Flexbox in CSS & HTML: 3.18 | Order (Exercise)

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

2 minutes

Go to content To JavaScript ES6-ES13: 3.18 | Modules

JavaScript ES6-ES13: 3.18 | Modules

Modern JavaScript with ES6-ES13 (JS-Tutorial)

29 minutes

Go to content To Elementor for WordPress: 20.18 | Facebook Button, Comments, Embed and Pages

Elementor for WordPress: 20.18 | Facebook Button, Comments, Embed and Pages

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

4 minutes

Go to content To Modern CSS with Sass - 18 Compass in bullet action and a look at Susy

Modern CSS with Sass - 18 Compass in bullet action and a look at Susy

Modern CSS with Sass - practical tutorial

11 minutes

Go to content To JavaFX for GUI development - 25 TableView

JavaFX for GUI development - 25 TableView

JavaFX for GUI development

13 minutes

Go to content To Object-oriented web programming with php - 9.18 Processing uploads

Object-oriented web programming with php - 9.18 Processing uploads

PHP Tutorial - object-oriented programming: basics & practice

15 minutes

HTML & CSS for beginners (Part 24): iFrames

Go to content To HTML & CSS (24): iFrames

HTML & CSS (24): iFrames

HTML & CSS for beginners

12 minutes

Go to content To JavaScript ES6-ES13: 3.19 | Dynamic imports

JavaScript ES6-ES13: 3.19 | Dynamic imports

Modern JavaScript with ES6-ES13 (JS-Tutorial)

12 minutes

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!

Your tutorials on CMS and basic programming skills

Tutorials on web design, CMS and development

Learn with practical online tutorials

The basics of programming - from HTML to Python

From HTML to JavaScript