Web developer's learning journal
I encountered an error which seemed quite weird (at least to me). I’ve been hosting a couple of Laravel apps on a shared server. Today, I noticed that these apps were not working, returning 403 errors.Then, I saw that .htaccess files were wrongly configured. Here’s the wrong .htaccess. After the wrong code above was replaced …
This post is a list of CSS/SASS techniques I’ve learned since I got my current soft engineer role, which is mostly concerned with front-end development. Before I started to work for my current position, I wasn’t absolutely confident with my CSS skills, so I had to teach myself techniques which were: not 100% clear to …
When testing wit Jest, the test is working in a command line environment, which mimics the browser. However, this fake browser environment doesn’t allow us to interact with APIs outside of it. Then, how do we make AJAX requests while testing with Jest? Assuming that you use axios for calling API calls, moxios will be the …
1. Definition It provides an interface for creating families of related or dependent objects without specifying their concrete classes. 2. Case study 2.1 The problem You’re creating a car manufacturer simulator, where you can simulate the process of manufacturing cars. As you may know, petrol cars and diesel cars need different parts in their fuel systems, …
1. Definition Defines an interface for creating an object, but lets subclasses decide which class to instantiate. Factory Method lets a class defer instantiation to subclasses. 2.Case study I’m from Japan, where you’ll see different types of Miso (an ingredient of soup) at the supermarket in different regions. For example, in Eastern areas, dark red Miso is …
1. Definition The Simple Factory is not a pattern discussed in the GoF book. This article is written by referring to Head First Design Patterns. The Simple Factory pattern can be defined as a pattern where … 1. you have a factory class responsible for creating instances. 2. then, you let a client class use the …
1. Definition The strategy pattern defines a family of algorithms, encapsulate each one, and make them interchangeable 2. Case study 2.1 The Problem A couple of years ago, you started a restaurant. Your restaurant had become so successful that you started to hire employees. Your employee’s payments were determined by … Wage rate × working hours Their …
1. Definition The decorator pattern allows you to attach additional responsibilities to an existing object dynamically. 2. Case study 2.1 The Problem You’re the owner of a pizza store. Because nowadays everyone uses the internet to order pizzas, you decided to have a web application for taking orders from customers. In your app, each pizza was …