It's the second week of August and time for another edition of DevDojo Weekly. In this edition I have posts on Custom Validation Rules in Laravel, CSS/JS Animations, Console.log Alternatives...

Introduction npm is a package manager for Node.js. It is used to install and manage packages for your JavaScript projects. npm is open source and was initially released in 2009. The npm repo...

The biggest advantage of Laravel over other frameworks is the fact that it comes with a lot of built-in features. In this article, we are going to understand Laravel Custom Validation Rules....

Conditional types in TypeScript give us the ability to define certain types based on logic, just like we do in other aspects of our code. They are a useful tool in defining types in TypeScri...

Pretty much every application we develop using HTML uses input somewhere, but there's a bunch of input types you might not know about. So let's take a look at everything you might not know a...

In this quick guide we'll look at how you can solve the very common error, "Uncaught SyntaxError: Cannot use import statement outside a module". This error arises when we try to us...

In CSS, it's often necessary to sign post that we want to select an element, but not in specific circumstances - like if it has a certain class. In these instances, we can use the :not() sel...

Hello there! Today we will be integrating user authentication with your Node.js CLI, we will also cover how to create one, and we will make an API to authenticate user details! Without wasti...

What is Apache? Apache web server is developed by “Robert McCool.” This open-source web server is responsible for accepting HTTP requests from the users and providing the requested informat...

The ultimate goal of modern web design is to capture users' attention. There are various techniques to improve your website's appeal. One of the most appealing methods is adding some cool-lo...

Now, think that you are writing some JS code and it doesn't work correctly. What's the first thing you do? You are console.logging it! So I'm going to tell you some alternatives for console....

It's a common requirement in programming to have to set something up to run at certain intervals. For example, you might want to process a database every 30 minutes, or you might want to sen...

Laravel Sanctum provides a lightweight authentication system relying on Laravel's built-in cookie-based session authentication services. How Laravel Sanctum works Before we start blindly mas...

Happy first week of August. That means it's time for another edition of DevDojo Weekly. In this edition we have posts on using firebase with Laravel, VS Code Extensions for Productivity, Dep...

The .webp format is a broadly supported compressed image format that is becoming more and more common across the web. Storing your images as .webp can reduce the size of your web pages, whil...

Normally, when we create components in Vue they naturally appear within the DOM structure where we'd expect them to be. However, sometimes this doesn't make sense. A good example of this is...

Vue uses provide and inject as a method to send data down multiple levels without having to use properties - but did you know you can set default values for any injected data, should it not...

It's easy in Vue to provide/give props or properties to a child element. Properties in Vue are one of the main ways we can pass data from a parent element or vue template to a child element....

In this tutorial I will demonstrate how to keep your docker container images nice and slim with the use of multistage builds for a hugo documentation project. Hugo is a static content genera...

What is Vue.js? Vue .js is an open-source model - view - ViewModel front-end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You and i...

Software development is an unending chain of activities that doesn't terminate when the product is deployed. It keeps the development team constantly tinkering with deployed code. GitHub's D...

As a developer, I am constantly on the lookout for solutions that can help me improve my daily workflow, so I try to keep up with the novelties on the market (another reason is to later brag...

What is Push Notification? Push notifications are clickable pop-up messages that appear on your user's browsers irrespective of the device they're using or the browser they're on. They serve...

No matter what you're looking for, whether it's clean and simple or fun and quirky, you'll definitely find a library for you among these CSSanimation libraries. Here are the best 12 CSS anim...

It's the final week of July and it's time for another edition of DevDojo Weekly. In this weeks edition I have posts on CSS animation libraries, CSS properties you should now, how to use mult...

Introduction Similar to a Bash script where you can pass arguments to a script using the $1 syntax, you can also pass arguments to a Node.js app. In this quick tutorial, you will learn how t...

Introduction WebSockets allow you to send and receive data over a network without having to use a traditional HTTP protocol. Using WebSockets, you can build a real-time application. For exam...

What is Livewire? Livewire is a full-stack framework for Laravel that makes building dynamic interfaces simple, without leaving the comfort of Laravel. Livewire relies solely on AJAX requ...

In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. For each CSS artwork, I will provide...