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.
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.
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.
Build a YouTube bookmarking site with Vue.js - part 8 - Tabs
In the eight part of the "Build a YouTube bookmarking site" course, we'll make it possible to navigate between the different categories we have added. Bulma provides the styling for our tabs/categories, but we need to use Vue to toggle which of the tabs/categories are showing.
Build a YouTube bookmarking site with Vue.js - part 7 - Adding movies
In the seventh part of the "Build a YouTube bookmarking site" course, we are going to make it possible to add movies to our web app. We will be using a modal window from Bulma to show the add movie form.
How to build a simple Twitter clone using Django and Vue.js
Building a social network isn't just a really cool project, but it's also a project that can teach you a lot of new cool things. In this video we will begin by installing the software we need, creating a new Django project and build a simple Twitter clone piece by piece. At the end of this video, you will have a working social network that we will deploy to a live server.
Build a YouTube bookmarking site with Vue.js - part 6 - Adding categories
In the sixth part of the "Build a YouTube bookmarking site" course, we are going to make it possible to add categories to our web app. We'll be using a modal window to show the category form. When a category is added, it's automatically added to the list of tabs/categories.
Build a YouTube bookmarking site with Vue.js - part 5 - The dashboard
In the fifth part of the "Build a YouTube bookmarking site" course, we are going to add the dashboard route and some information about the tabs. We'll also make it possible to log out of the web app and show the sign up / sign in buttons only when you're not authenticated.