How to read to a file? | Python
In this guide, I will show you how to read a file, line by line using Python.
Read moreHow to write to a file? | Python
In this guide, I will show you how easy it is to store information in files using Python.
Read moreAuthentication - Building a time tracking SaaS using Django and Vue - Part 2
This is part 2 of this series. In this part, we will make it possible for users to sign up, log in and log out. Plus a few other things.
Read moreTracking progress on Code With Stein
I'm working on a cool new feature here on the blog. I'm going to make it possible for you to create an account where you can track the progress you have on my courses.
Read moreSetting up - Building a time tracking SaaS using Django and Vue - Part 1
This is part 1 of this series. In this part, we will install some software and set up our environment. I will also create a Django app and some templates. The templates will be used for the front page, terms of service, privacy policy and plans.
Read moreUnix commands - ls
In this short post, I'll explain how and what you can do with the unix command "ls"
Read moreUnix commands - misc commands
There are a huge number of commands for Unix out there. Here's a few nice ones to know.
Read moreUnix commands - tail
In this short post, I'll explain how and what you can do with the unix command "tail"
Read more
Building a time tracking SaaS using Django and Vue - Pre release
I'm soon ready to start publishing videos for my upcoming series "Building a time tracking SaaS using Django and Vue". In this post, you'll get to see a pre release video with information about it.
Read moreUnix commands - mkdir
In this short post, I'll explain how and what you can do with the unix command "mkdir"
Read moreUnix commands - cd
In this short post, I'll explain how and what you can do with the unix command "cd"
Read moreThe journey so far - a short summary of Code With Stein
In late April 2020 I decided to start a YouTube channel and came up with the name "Code With Stein". It's been live over six months now, and this is how is going now.
Read moreRun a JavaScript function after a delay
Sometimes you want to run a function a few seconds after the user has opened your website or similar. In this short guide, I'll show you how to do this.
Read moreDifferent array methods | JavaScript
There are a lot of different things you can do with JavaScript arrays. In this little guide, I'll go through some of them.
Read moreHow to sort an array | JavaScript
Sorting an array alphabetically or numerically is something we often do as programmers, but how do you do this using JavaScript?
Read moreAdding robots.txt to a Django site
Yesterday we added sitemaps as part of SEO. Today, we need a file called robots.txt to tell bots where they can't go on our website.
Read moreCreating a simple sitemap using Django 3
Sitemaps are an important part of SEO. In this guide, I will show you how to generate one using Django.
Read moreValidating a simple form using Vue 3
Often you want to validate a form before you send data to the backend. Here is a short guide on how to do this using Vue.
Read moreHow I learned Django so well
People of ask me here on YouTube and by e-mail how I have learned Django so well. I thought I could create a video where I explain it to all of you at once.... and here it is.
Read moreBuilding a Flappy Bird game using Solar2D / Corona SDK - Part 3
In the third part of this video series I'm going to teach you more about how to build a mobile game like Flappy Bird. I will use a free game engine called Solar2D or Corona SDK as they was called earlier.
Read moreBuilding a Flappy Bird game using Solar2D / Corona SDK - Part 2
In the second part of this video series I'm going to teach you more about how to build a mobile game like Flappy Bird. I will use a free game engine called Solar2D or Corona SDK as they was called earlier.
Read moreBuilding a Flappy Bird game using Solar2D / Corona SDK - Part 1
In this video I'm going to teach you how to build a mobile game like Flappy Bird. I will use a free game engine called Solar2D or Corona SDK as they was called earlier.
Read moreBuilding a simple note-taking app using Django 3 - part 2
Welcome back to the second part of this series. In this part, we will do some more backend code.
Read moreBuilding a simple note-taking app using Django 3 - part 1
In this video, I will show you how to build a simple CRUD (create, read, update and delete) app using Django 3.
Read moreLearning HTML and CSS from scratch - part 4
In this part of "Learning HTML and CSS from scratch" we're going to start learning CSS, not just HTML.
Read moreLearning HTML and CSS from scratch - part 3
From the two previous parts, you should have learned some very basic HTMl. Let's dive a little bit deeper and build a couple of more cool examples.
Read moreLearning HTML and CSS from scratch - part 2
In the first part of this series, I talked about what HTML is and what it's used for. We also went over some very basic HTML.
Read moreLearning HTML and CSS from scratch - part 1
HTML is the most fundamental thing you need to learn to build websites. All websites in the Internet started with HTML in the bottom of the stack.
Read moreOptimizing Django database queries
Django's ORM is fast, powerful and easy to use. The problem is that it's easy to make mistakes. In this post I'll talk a little bit about optimizations.
Read moreHow to comment your HTML code
A short guide on commenting your HTML.
Read moreHow to create and delete a database using MySQL
When setting up a dynamic website, you're going to need a database. MySQL is one of the most popular, and in this guide I'll show you how to create one using the command line.
Read moreHow to create a MySQL user and grant privileges
Creating and granting a user permissions is something you might not do too often using MySQL, so it's easy to forget the syntax. Here is a short guide on how you first create the user and how you grant it the permissions it need.
Read more
Build a simple blog using Django 3 in under 20 minutes
Learn how to quickly set up a simple blog using Django 3. The blog will have posts and comments.
Read moreHow to replace a string? JavaScript essentials
Replacing strings in JavaScript can be done in many different ways. In this guide, I'll show you a couple of them.
Read moreHow to check if a string starts with a certain word? JavaScript essentials
In this little guide I'll show you how you can use JavaScript to check if a string starts with a certain word.
Read moreHow to split a string? JavaScript essentials
Splitting a string using JavaScript is something you do from time to time. But it's easy to forget the syntax, here's how you can split a string.
Read moreHow to disable a button - JavaScript
Let me show you how to use JavaScript to programmatically disable or enable a button.
Read moreHow to get the command line parameters in Python 3
Sometimes when you run a script on your computer, you want to make it more dynamic by accepting parameters from the command line.
Read moreHow to create a simple password generator using Python 3?
Creating a simple password generator using Python can be a fun exercise and it will teach you some basic Python.
Read moreHow to design good Django models?
Designing good Django models is very important when it comes to readability and to maintainability. In this post I'll share some good tips on how to implement some good techniques.
Read moreIntroduction to Vue.js Slots
With Slots you can make it possible to structure the content of a component in a semantic way, and the parent component can control the contents of them.
Read moreVue.js Filters
Filters are justed to apply formatting and transformations to values used in a template interpolation. You include filters in you components and you can use them on all dynamic data. The underlying data will not be change, just the way they are presented on the screen.
Read moreA short introduction to Vue.js computed properties
Vue.js computed properties helps you to make computations and changes to your data variables.
Read moreA short introduction to Vue.js watchers
When you're working with Vue.js you often need to run a function when a certain value changes. Vue.js watchers helps you with that.
Read moreIntroduction to Vue.js Props
Props are used to pass data from a component to another. In this post we will go through how you can pass strings, objects and other data types.
Read moreCommunicating between Vue.js components
When you're building a Vue.js app you often need to send information from a component to another, here is how you do that.
Read morePython lists
Python has something called lists which is a collection of objects.
Read morePython strings
A string can be anything from a letter, to a word or a whole sentence.
Read moreHow to generate a random string using JavaScript?
A random string can be used for a lot of different purposes like password, filename, etc. But how do you generate one?
Read moreRandom numbers | JavaScript essentials
Generating random number using JavaScript isn't hard, but you need to know how to do it.
Read moreCombining Django and Vue.js - Everything you need to know
Django and Vue.js are my two favorite frameworks for building the best websites. In this post I will tell you everything you need to know to use them together.
Read moreWhat is the difference between Throttle and Debounce | JavaScript
Sometimes you need to optimize your website by either using throttle or debounce, but what's the difference?
Read moreHow to use ForeignKeys in Django Modelform
It's normal to have ForeignKeys field in ModelForm. And if this is a hidden field, the save function will crash.
Read moreCreating a simple modelform - Django
In this guide, I will show you how to create a simple modelform using Django.
Read moreHow 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?
Read moreDjango 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.
Read moreHow 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?
Read moreHow 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.
Read moreHow 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?
Read moreHow 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.
Read moreHow 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.
Read moreHow 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.
Read moreHow to use Reduce | JavaScript
JavaScript Reduce is a Higher-Order function and in this post I'll show you how to use it.
Read moreHow to use Filter | JavaScript
JavaScript Filter is a Higher-Order function and in this post I'll show you how to use it.
Read moreHow to use Map | JavaScript
JavaScript Map is a Higher-Order function and in this post I'll show you how to use it.
Read moreHow 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.
Read moreHow 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.
Read more
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.
Read moreHow 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.
Read moreHow 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.
Read moreHow 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.
Read moreBuild 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.
Read moreIntroduction 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.
Read moreBuild 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.
Read moreBuild 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.
Read moreBuild 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.
Read moreHow 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.
Read moreBuild 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.
Read moreBuild 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.
Read moreBuild a YouTube bookmarking site with Vue.js - part 4 - Bulma
In the fourth part of the "Build a YouTube bookmarking site" course, we are going to go through how to install Bulma using Vue UI. We're going to set up some things like the navigation bar, and the authentication forms.
Read moreHow to create a superuser | Django
A superuser has access to everything in the Django admin interface and has the possibility to create other users as well. But how do you create one?
Read moreBuild a YouTube bookmarking site with Vue.js - part 3 - Firebase Authentication
In this part of the Build a YouTube bookmarking site with Vue.js course we are going to continue from the previous part where we set up Firebase.
Read moreBuild a YouTube bookmarking site with Vue.js - part 2 - Setting up Firebase
In the second part of the "Build a YouTube bookmarking site" course, we are going to go through how to install the Firebase dependency using Vue UI. We are going to create a project in the Firebase console, and last but not least, include Firebase in our Vue app.
Read moreBuild a YouTube bookmarking site with Vue.js - part 1 - Installing Vue.js
In this part of the "Build a YouTube bookmarking site" course, we are going to go through how to install the brand new Vue CLI 3, and how to set up a project. The project we're setting up is called VueTube, and here we can add YouTube movies sorted in to different categories we add.
Read moreBuild a YouTube bookmarking site with Vue.js - Introduction
"Build a YouTube bookmarking site" is a course where we'll build a site using Vue.js and Firebase. On this site we'll add authentication so users can sign up and login. When a user is authenticated he or she can add categories, and add movies into them.
Read moreGetting started with Vue.js - part 8 (Component communication)
In the last part of the getting started with Vue.js course I'm going to show you how to pass data from a child component to it's parent.
Read moreGetting started with Vue.js - part 7 (Forms)
In the seventh part of the getting started with Vue.js course we will go over how to implement forms in our Vue app. We are going to make it possible to change the title and the description.
Read moreGetting started with Vue.js - part 6 (Components)
In the sixth part of the getting started with Vue.js course we will learn how to create components and how they can be reused. We will convert some of the existing code into a component.
Read moreGetting started with Vue.js - part 5 (Computed properties)
In the fifth part of the getting started with Vue.js course we will cover what computed properties are and how to use them in your projects.
Read moreGetting started with Vue.js - part 4 (List rendering)
In the fourth part of the getting started with Vue.js course we will go through how we can render a list of objects. List rendering is very useful and you need it everyting you've got an array of data.
Read moreGetting started with Vue.js - part 3 (Binding attributes)
In the third part of the getting started with Vue.js course we will learn how to bind data from the data object to attributes inside the template.
Read moreGetting started with Vue.js - part 2 (Conditional rendering)
In the second part of the course we will go through how you render parts of the template based on values in your data object.
Read moreGetting started with Vue.js - part 1 (Setup and Vue Instance)
In part one of the course we will go through how you set up Vue and initializing a Vue instance.
Read moreWelcome to Code With Stein
I already have a YouTube channel where I regularly post tutorial videos. On this blog, I will post both videos and written tutorials.
Read more