Technical Archives - Web Technology Posts

Anything that I deem quite technical in terms of coding or digital marketing. These are both fields I am particularly interested in, and would write about. Just some of the web technologies that I would write about are:

Facebook Advertising
Facebook Pixel
WordPress
JavaScript
GraphQL
Next.js
Apollo.js
Node.js
PHP
Testing/debugging
HTML/CSS
PostCSS/SASS
React.js
Pug templating engine
Express server framework
Webpack
Gulp task automation
Git version control
Bash/Hyper command line
Digital Ocean
Nginx/Apache servers
NoSQL (MongoDB)
MySQL (PhpMyAmin)
Adobe Illustrator
Adobe Photoshop
VSCode
WebStorm
PHPStorm
Migrating Servers
Migrating Email

Build a Web Application from Scratch: Step by Step Process
Gallery
Build a Web Application from Scratch: Step by Step Process

Technical

Build a Web Application from Scratch: Step by Step Process

So you've decided to build a web application. What next? Well.. Here's how I would start from the ground up. Building a web application is no small feat, even if it's something small. If you're starting from a blank canvas and creating the codebase from nothing, as opposed to using a boilerplate, then you've got your work cut out. Let me show you the steps I'd take to building a web application. 1. Choose your stack Once you've figured out a stack you can decide whether or not to build out everything from scratch to have more granular control of Read more

By tlr|2020-12-18T16:27:54+00:00June 27th, 2020|Technical|

fetch blocked by CORS policy: No ‘Access-Control-Allow-Origin *

If you're getting this error, you can simply use a proxy to access the resource. Simply prepend this url to your request: https://cors-anywhere.herokuapp.com/

By tlr|2020-04-26T22:45:00+01:00April 26th, 2020|Coding, Technical|

3 VSCode Shortcuts to Make You a Better Web Developer!

Here are the three of my most used keyboard shortcuts that'll make you a better, faster and more efficient web developer. ⌘cmd ⇧shift F - instantly searches through every file's code in your entire codebase ⌘cmd P - instantly searches for a filename in your codebase ⌘cmd F - instantly searches your current file Bonus tip: If you're a React developer, you should use the Reactjs code snippets extension. This let's you type rsc (react stateless component) then hit tab and it expands! Similarly, it works with rcc (react component class). Bonus tip 2: Download and learn emmet... This is Read more

By tlr|2020-04-25T23:15:30+01:00April 25th, 2020|Coding, Technical|

The Beauty of Solving Problems

Solving technical problems is extremely satisfying because you end up spending sometimes hours tearing your hair out and eventually, after thinking there's simply no solution, you hit the nail right on the head. The Problem This evening I ran into a permission issue with my macOS Mojave filesystem. I tried ignoring the issue but I soon realised that wasn't a good strategy. It all began whilst creating a landing page for this website. For some reason, the local development version of this website wasn't styled properly whereas the production website was absolutely fine. Same files and folders, totally different looking Read more

By tlr|2020-03-25T17:29:41+00:00August 31st, 2019|Coding, Learning, Life, Technical|

A boilerplate for app development

Check out my GitHub page to find all the code I've been working on over the last few months. I'm giving you a link to my latest boilerplate for building a web app. Ideally you need to have an understanding of Gulp, PostCSS, Pug, Express, Model View Controller (MVC), maybe some JavaScript and Webpack. For those of you who are familiar with pug (formerly known as jade), express.js and node.js and are interested in building your own application, then here is a build for you to start with. Simply pull the repository or download it to your local machine, enter Read more

By tlr|2020-03-25T17:30:13+00:00February 3rd, 2018|Technical|

Sign up to my monthly newsletter