Web Development for Beginners and Advanced

I'm interested in: Everything
  • All
  • CSS
  • Java
  • JavaScript
  • Linux
  • Node.js
  • PHP
  • Plesk
  • SEO
  • SQL
  • Vue.js
  • WordPress

20 Basic Linux Commands for Beginner

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!
CSS

25 inspiring loading animations (CSS and JavaScript)

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!

How to integrate Google Analytics into your Vue.js App

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!

Voice controlled ToDo List: JavaScript Speech Recognition

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!

Double Opt-In in Node.js: Sending confirmation emails

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.

Detect tab changes in the browser: JavaScript Blur & Focus

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

Free SEO Tools: 8 tools for your website

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.

How to integrate Matomo into your Vue.js application

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 […]

25 creative 404-Error Pages with cool animations

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.

From jQuery to JavaScript – How to make the move

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

Useful WordPress Code Snippets to optimize your website

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.

Node.js Tutorial – The ultimate Guide for beginners

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.

How the Domain Name System (DNS) works – Basics

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!

Create WordPress table of contents automatically – without plugin!

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: 21 questions you ask yourself

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!

Simple PHP MySQL Database Class (+ Download)

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 a game with Vue.js!? – My practial example

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.

Most important HTML meta tags at a glance

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!

“Error: A JNI error has occurred, please check your installation …” – How to fix it!

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.

Vue.js Login System with Vuex & Axios

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

Node.js Login System with Express, JWT & MySQL (Rest API)

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.

9 Satisfying CSS + JS animations for relaxation

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!

Vue i18n – How to create multilingual Vue.js apps!

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

8 CSS tips you should know as a web developer

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!

Programming JavaScript Equalizer

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.

Adblock Detection – Detect visitors with Adblocker

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.

Program your own WYSIWYG editor – with HTML, CSS & JavaScript

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 – Most useful functions for developers

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.

Programming interactive (rotatable) 3D cube

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.
CSS

Top 20 CSS Navigation Menus

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!

Hide annoying Google reCAPTCHA v3 Badge

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.
CSS

35 cool CSS Buttons – with animations!

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!

Programming Vue.js Fullpage Scroll

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.

How to work with JSON in JavaScript and PHP

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).

How to move a WordPress page – without plugin!

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.

Programming Real Time Charts & Graphs with JavaScript

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.

Top 3 Practical Examples to learn Vue.js

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!

Programming Reading Position Indicator with jQuery & CSS

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.

Using Bitbucket Repository via SSH in Plesk

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

Node.js in Plesk: Installation and hosting of your application

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.

Install Nextcloud 21 within Plesk – That’s it!

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.