How to validate an e-mail address - JavaScript
Every now and then, we want to check if an e-mail address is valid. Maybe you're building a user sign up or a newsletter registration form?
Code With Stein
Programming tutorials for everyone
Learn Django, Next.js, Vue and more
Code With Stein offer both free and premium courses and tutorials. And track your progress. You will learn how to build web sites, web apps, optimizations and so much more.
Join the discussion
Write a comment or join our Discord server for free. Talk about programming, server stuff or just show of your work.
Django shortcuts
Django has some shortcuts to help you speed up your development process even more. In this post we'll cover a few of them.
How to select an element inside another element | JavaScript
Sometimes you want to select an element inside another HTML element, but how do you do it?
How to move an object in a PixiJS application
Making an object move is something everyone needs to know how to do. This is one of the basic buildings blocks of game building.
How to change the size of a PixiJS application
A PixiJS application has a default size. But what if you want to size to match the window or you just want a completely different size?
How to change the background color of a PixiJS application?
The default background color of a PixiJS application is black and boring. Here is how you can set it to whatever you want.
How to drag and drop | Pixi.JS
In this article I will show you how to use the mouse to move an object using Pixi.JS. Dragging and dropping an object is an essential part of many games and applications.
How to handle mouse events with Pixi.JS
Using the mouse to interact with objects in a Pixi.js application is something you need to know how to do. In this guide, I'll show you show to react to mouse down, move and up.
How to use Reduce | JavaScript
JavaScript Reduce is a Higher-Order function and in this post I'll show you how to use it.
How to use Filter | JavaScript
JavaScript Filter is a Higher-Order function and in this post I'll show you how to use it.
How to use Map | JavaScript
JavaScript Map is a Higher-Order function and in this post I'll show you how to use it.
How to check if an element exists | JavaScript
You often want to check the value of an element or manipulate it some how. But if you do this without knowing if it exists or not, you might get an error.
How to get random objects from a QuerySet | Django
Sometimes you want to select a list of random objects from a QuerySet. Using a built in function from Python, this is a really simple task.
How I got a job as a web developer without a degree
Many, many years ago my brother asked me "When are you going to learn programming?". I could barely read and write at the moment, so I had no idea what he meant.
How does conditional rendering in Vue.js work?
In this video guide I'm demonstrating what conditional rendering in Vue.js works and how to use it. I'll explain the difference between "v-if" and "v-show" and when to use them.
How to use Vue.js and Bulma together
You often want to implement a CSS framework into your Vue.js apps. In this video I'm going to show you how to install Bulma using npm, import it into the app and then how to customize Bulma's variables.
How to authenticate users with Vue.js and Firebase?
In this video I'm going to show you how to set up a Vue.js project using the new Vue CLI. Then I'm going to show you how to create a firebase project and implement it in the app.
Build a YouTube bookmarking site with Vue.js - part 10 - Changing categories
In the tenth part of the "Build a YouTube bookmarking site" course, we are going to go through how to make it possible to change the name of the categories.
Introduction to Vue Props
In this video I show you the basics of Vue.js Props. I'm showing how to pass strings and objects, how to add default values and how to set values as required.
Build a YouTube bookmarking site with Vue.js - part 9 - Deleting movies
In the ninth part of the "Build a YouTube bookmarking site" course it's time to make it possible to delete movies. We'll add a delete button to the card and then we just call a simple function from Firebase to delete it.