Web Development

Posts about Web Development.

DRY: What is DRY in Development

Updated 16th August 2022

DRY Web Development

DRY stands for Don’t Repeat Yourself. It’s a principle in software development that aims to reduce the repetition of code and favor abstraction and avoid redundancy. Let’s learn the meaning of DRY. The DRY principle is stated as “Every piece of knowledge must have a single, unambiguous, authoritative representation within a system”, but what does

SOLID Principles of Object-Oriented Design

Updated 16th August 2022

SOLID Principles

When building software it’s important to follow best practices and adhere to principles set out by industry leaders. In this post, we will explore the SOLID Principles. SOLID stands for: S – Single-responsibility principle O – Open-closed Principle L – Liskov Substitution Principle I – Interface Segregation Principle D – Dependency Inversion Principle Great! But

What is a front-end application?

Updated 16th August 2022

Front-end web development meme

What is a front-end application? If you’re new to Web Development, there may be many terms you hear that you’re unsure what they mean. Don’t worry, this is all part of the learning experience and you will pick these terms up as you progress in your journey to becoming a web developer. In this post,

Git Commands: Common commands you will use

Updated 16th August 2022

Git version control

In this post, I will show you some common Git commands, how to use them and explain exactly what they do. By the end of this post, you will know “How to Git”. What is Git? First, let’s learn what GIT is. What benefits as a developer do you get from using GIT? And learn

MySQL 8: Create user and grant all privileges on database

Updated 16th August 2022

Learn how to create a new user in MySQL 8 and grant all privileges on a database. MySQL 8 introduced performance and security updates. Released in April 2018, MySQL 8 was the first major release since MySQL 5.7 in 2015. With MySQL 5.7 end of support looming in October 2023, it’s a good idea to

How to create Alias command in Linux

Updated 16th August 2022

GNU Bash Logo

Alias commands in Linux are a great way to speed up your workflow. In this post, I will show you how to create Alias command in Linux using Bash on WSL (Windows Subsystem for Linux). What is an Alias command? The alias command in Linux allows you to create custom shortcuts for frequently used commands.

Run Python Script on boot

Updated 16th August 2022

Writing your own Shell scripts is a great way to automate your processes. In this post, I will show you how to Run Python Script on boot. This example will be for Raspberry Pi Computers and will run a python script when the device is booted and the user has authenticated. The Python Script we

How to use Laravel Factory in Database Seeders

Updated 16th August 2022

Laravel use Factory in Database Seeder

Laravel factories are a great way to add test data to your database in bulk. This saves time, removing the need to write methods to insert data for each column manually. Follow along to learn how to use Laravel Factory in Database Seeders.  To get started, create a new model. The model we will create

WSL vs Dual Boot speed test

Updated 16th August 2022

In this experiment, I will be using WSL2 running Ubuntu 20.04 and Ubuntu 20.04 dual-booted on the same Dell XPS. Is there a noticeable difference? Follow along for the results of the WSL vs Dual Boot speed test. If you are like me and use different development environments a lot, you may find the results

How to access Laravel env variables in Vue.js | Laravel MIX

Updated 16th August 2022

Using Laravel and Vue together is a common approach as it allows the MVC framework to handle the logic, and an application-like user interface for the frontend. Learn how to use Laravel environment variables in Vue.js. MIX Environment Varaibles Vue js files are compiled by Laravel Mix. To have Mix compile your environment variables from

Vue 3 Popup Modal Component – Create a Modal

Updated 23rd August 2022

Vue 3 Quickstart

In this post, I’m going to show you how to create a Popup Modal Component in Vue 3. This Popup Modal will use the built-in transition component. The Modal we will create looks a lot like the Modal Dialogs used by Apple in iOS. We will use Tailwind CSS for styling. What is Vue?  Vue

How to check Composer version – Install and use Composer for PHP

Updated 11th January 2024

How to check composer version installed

Composer is a dependency manager for PHP. First released in 2012, Composer, and its adoption by popular frameworks such as Laravel has single-handedly driven the rise in PHP adoption in recent years. In this post, I will show you how to install and use Composer. How to install Composer To get started, download Composer from