Web Development for Beginners and Advanced

New to the Linux world and no idea which commands you need for what? Then you are not alone: All beginnings are difficult, but here I show you the top 20 Linux commands for Beginner!

The use of loading animations is ideal for bridging waiting times on websites and in web applications. Here you will find a selection of the most creative and inspiring loading animations!

Google Analytics is a free tracking tool to analyse your website visitors – this is also possible in Vue.js Apps. Here you can find out how it works!

With the JavaScript Speech Recoginition API you can implement quite simply ingenious functions that can quickly make native apps look old. This article will show you how to do this!

The double opt-in procedure has established itself as the standard for all types of registrations on the Internet in recent years. I will show you here what exactly is behind it and how you can integrate Double Opt-In into your Node.js application.

By detecting the tab change in the browser you can conjure up some cool functions. And you can find out how to do this here!

SEO is a process that is never completed. SEO tools help you to optimize in the right places and simplify your work. That’s why I have put together a list of the best free SEO tools.

Matomo allows us to perform analysis and tracking under privacy protection. Matomo is also easy to integrate into Vue.js. I will show you how it works! We may collect data about visitors to our Vue.js site, i.e. track and analyse their behaviour. At Matomo we pay special attention to the privacy and data protection of […]

If you call up a page that does not (no longer) exist, you are redirected to 404 pages. But that’s not bad, because 404 pages can work wonders with a little creativity, so that visitors don’t leave your site.

Moving from jQuery to JavaScript offers several advantages. Besides removing dead code, you can also increase your website speed for SEO.

WordPress can be quickly extended and optimized by code snippets with many nice and useful functions – without any plugin. So that you can benefit from it, I have put together a collection of my best WordPress Code Snippets for your website.

This Node.js tutorial is for all developers who want to program with Node.js, but know little or nothing about it – so complete beginners in this area. Node.js is becoming more and more popular and every web developer should at least know the basics. After this tutorial, you can definitely count yourself in this group.

DNS stands for Domain Name System and is one of the many systems that have been labelled as complicated. The concept is as simple as it is ingenious and without DNS the Internet as we know it would not exist!

With many WordPress blog entries or pages, a table of contents can work wonders and give the visitor a quick overview of the structure of the content.

Google AdSense is one of the best known advertising services on the Internet and is therefore the first choice for many. There are many questions, which I would like to answer in this article!

With this PHP MySQL (MySQLi) database class you don’t have to write annoying code over and over again, but can easily use this class in the future.

Programming multiplayer games is a distant dream for many! I will prove to you with a practical example that you can develop a multiplayer game with Vue.js.

Every website has HTML meta tags in the head section that describe properties of the page. Many of them are mandatory, others are great features and can enhance a website. You can get a list with the most important HTML meta tags here!

You encountered this error message? Don’t panic! You have solved the problem with a simple and fast hand trick. And here you can learn how to do it.

In this article you will learn how to create a complete Vue.js login system with Vue.js, Vuex and Axios.

In this article you will learn how to use Node.js, Express, JWT (JSON Web Tokens) and MySQL to create your own Rest API for user authentication – a complete Node.js login system.

Sometimes after a long, exhausting day it is enough to look at something beautiful. Therefore “satisfying” videos or pictures are very good. You can see in this article that this is also possible with CSS and JavaScript!

Multilingual Vue.js Apps? No problem! In this tutorial you’ll learn how to use Vue i18n to translate into as many languages as you like.

CSS belongs to a website like the sun belongs to summer. There are many things you should consider or in another way improve and optimize. I will tell you my CSS tips!

Simply as a design element or functional, this equalizer is a real eye-catcher! Here I explain to you how you can program this equalizer yourself with pure JavaScript.

You advertise on your website but don’t generate any revenue? With this Adblock Detection script you (or your administrator) can recognize an adblocker and react accordingly.

Are you annoyed by missing or unnecessary functions in WYSIWYG editors? No problem! Here I show you how to program your own WYSIWYG editor with HTML, CSS and JavaScript.

JavaScript arrays have always offered many great features. Especially with the introduction of ES6 and the Arrow Functions, other useful features have been added. I have compiled a list of useful JavaScript array functions and show you with examples what they can do.

You move your cell phone and the cube turns? Yes! That’s exactly what we’re programming today. With the help of the devices alignment via JavaScript.

A good user flow contributes enormously to a successful website. The content, positioning and appearance should therefore be well thought out. Here you will find some inspirations for your own navigation menu!

The Google reCAPTCHA has already been encountered by most people on a website. In the new version (v3), Google now shows a fade-in at the bottom right corner. That’s not very nice, so I’ll show you here how you can remove this fade-in with a little CSS.

Buttons are not only good for usability, but also an extremely important design element for your website. For this reason, here is a collection of the best CSS buttons!

With Fullpage Scroll, normal scrolling is deactivated and you are always scrolled exactly into the next section. Here you can learn step by step how to program this feature yourself with Vue.js.

JSON is an indispensable part for web applications. Learn how to properly exchange, store and convert JSON data between JavaScript (client-side) and PHP (server-side).

It’s time, your WordPress page gets a new domain or has to move to another server. I’ll explain here how you can do this without any plugin and how the move works without any problems.

Real Time Charts can display data in real time. This means that the data is updated permanently to always display the current chart. To create the Real Time Chart, we use JavaScript and the Google Chart API.

Vue.js is on everyone’s lips right now. Due to the dynamics and flexibility of the JS framework, it is perfect for single page applications, but also for smaller features on websites. Here I show you 3 practical examples to learn Vue.js as fast as possible!

Reading Progress Indicator, Scroll Position or Scroll Indicator: The mysterious bar has many names, but the best known is probably Reading Position Indicator. Here you can learn how to program this feature with jQuery and CSS.

You want to use a (private) Bitbucket repository in your Plesk installation? No problem, let me show you how to do that.

The Node.js application is finally finished! Now it’s time to host the application – i.e. to deploy (publish) it. Plesk is perfect for this. I will show you step by step how to install Node.js in Plesk and publish your application.

Nextcloud is a free and free software for storing data. In short: Your own cloud on your personal server. I’ll show you here how to install Nextcloud 21 within Plesk.