Alex Patterson

Alex Patterson

I’m the founder of CodingCatDev, where we create “Purrfect Web Tutorials” to teach the world how to turn their development dreams into reality. I am a professional full stack developer, and I am passionate about mentoring new developers and helping the community that has allowed me to live my development dreams. I firmly believe that anyone can learn to be a developer. The CodingCatDev team is here to help!

Courses

micro:bit for a 10 Year Old

micro:bit for a 10 Year Old

Having some fun learning code with micro:bit

Alex Patterson

Start now

HTML for a 10 Year Old

HTML for a 10 Year Old

Learn HTML from the very beginning with live coding examples.

Alex Patterson

Start now

Next.js 9

Next.js 9

**Next.js 10 Course Coming Soon**

Alex Patterson

Free

Angular Material

Angular Material

A walk through of how to use Angular Material with Firebase.

Alex Patterson

Free

Tutorials

AWS Amplify Video

AWS Amplify Video

How to easily add Video for Livestreaming or Video on Demand to your next Amplify project.

Alex Patterson

Send GCP Build Status to Discord

Send GCP Build Status to Discord

If you use Google Cloud Build and find yourself in Discord all day, it might be handy to receive a messge about your builds. Or just any webhook message in Discord.

Alex Patterson

Backup Sanity with Cloud Firestore

Backup Sanity with Cloud Firestore

How to utilize Sanity's Webhooks to trigger a Firebase Cloud Function that can backup your data in Cloud Firestore

Alex Patterson

Git Your Build System Right

Git Your Build System Right

Demonstrating how to quickly deploy using Angular CLI to 6 places. Then how to setup CI/CD in Azure, AWS, and Google Cloud Platform.

Alex Patterson

Angular CLI Deploying

Angular CLI Deploying

Demonstrating how to quickly deploy using Angular CLI to 6 places. Then how to setup CI/CD in Azure, AWS, and Google Cloud Platform.

Alex Patterson

Slap Someone with Slack Commands

Slap Someone with Slack Commands

Deploying Firebase Cloud Function to use with Slack slash commands. Sending someone a /slap!

Alex Patterson

Design Systems with Web Components

Design Systems with Web Components

How Stencil can build Web Components for any Design System. This is a developers view into how a design system will work in any size organization.

Alex Patterson

RxFire in Svelte 3 using Firebase Firestore and Authentication

RxFire in Svelte 3 using Firebase Firestore and Authentication

Introduction to Svelte3, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive an RxJS observable. With that observable in hand you can use any operators provided by RxJS to transform the stream as you like.

Alex Patterson

RxFire in ReactJS using Firebase Firestore and Authentication

RxFire in ReactJS using Firebase Firestore and Authentication

Introduction to Create React App, Firebase, and RxFire. RxFire provides a set of observable creation methods. You simply call a function with some parameters to receive an RxJS observable. With that observable in hand you can use any operators provided by RxJS to transform the stream as you like.

Alex Patterson

Angular PWA to Google Play store, using Trusted Web Activity

Angular PWA to Google Play store, using Trusted Web Activity

Add your PWA to Google Play Store today!

Alex Patterson

Use Firestore to Build Hugo Content

Use Firestore to Build Hugo Content

Use a frontend app (Angular), to update a Firestore Backend, trigger Firebase Function, while maintaining git commits, and buld/deploy your Hugo site.

Alex Patterson

Firebase Multisite Hosting

Firebase Multisite Hosting

Creation of multiple sites within Hugo (main and amp), as well as multiple sites written in Angular (admin and app).

Alex Patterson

Hugo Ionic Template

Hugo Ionic Template

How to use AJonP's Hugo Ionic Template, while building Algolia Indexes and deploying to Firebase Hosting

Alex Patterson

AJonP Hugo Ionic Template

AJonP Hugo Ionic Template

How to use AJonP's Hugo Ionic Template

Alex Patterson

NPM Tips and Tricks

NPM Tips and Tricks

Adding NPM Globally, setting default values for packages, and stopping the dreaded sudo calls.

Alex Patterson

Google Cloud Repositories CI/CD

Google Cloud Repositories CI/CD

Google Cloud Continuous Integration and Delivery (CI/CD)

Alex Patterson

ABAP - Types and Subroutines

ABAP - Types and Subroutines

How to manage ABAP types. Learn how to create subroutines.

Alex Patterson

ABAP - Hello World

ABAP - Hello World

Creating your first ABAP Program

Alex Patterson

Blog Posts

The 7 Strategies I Used To Defeat Imposter Syndrome

The 7 Strategies I Used To Defeat Imposter Syndrome

Imposter Syndrome is a term that was coined in 1978. It means someone who is insecure about their skills and accomplishments, worried that they are not qualified enough to succeed. This feeling of self-doubt can affect anyone at any time. But what's so interesting is how it disproportionately affects women, minorities, and people who are the first to do something in their field.

Alex Patterson

Finding a Company with Great Values

Finding a Company with Great Values

When looking for your next company, make sure that their values align with you.

Alex Patterson

Next.js 11 Features

Next.js 11 Features

Learning about all of the amazing Next.js 11 features.

Alex Patterson

AWS Amplify vs. AWS CDK What is the most powerful AWS IaC in 2020?

AWS Amplify vs. AWS CDK What is the most powerful AWS IaC in 2020?

AWS Amplify vs. AWS CDK. So you are just getting started with your next project and can't figure out what IaC to start with, lets compare two of AWS's most popular.

Alex Patterson

Google Cloud Reference

Google Cloud Reference

A developers cheat sheet for all the products offered by Google Cloud Platform

Alex Patterson

JAMStackGR #4-Scully An Angular Static Site Generator

JAMStackGR #4-Scully An Angular Static Site Generator

Learn how to use Scully with an existing Angular project to create a static site.

Alex Patterson

Scully - Angular Static Site Generator

Scully - Angular Static Site Generator

In the Static Site Generator (SSG) space, ReactJs has Gatsby and VueJs has Vuepress/Gridsome. This left for a space to be filled for Angular, introducing Scully the Angular solution for SSG.

Alex Patterson

JAMStackGR #3-Getting Started with Serverless

JAMStackGR #3-Getting Started with Serverless

We will build a small CRUD application using Firebase Functions. We will talk about the benefits of going serverless and why you might want to start using it for your next project. There will be heavy focus on the function building process vs the interface to use it. Please bring a computer to follow along and questions.

Alex Patterson

Gatsby Cloud with Sanity CMS

Gatsby Cloud with Sanity CMS

Start building your static site with Gatsby cloud and get live previews when you utilize Sanity as your CMS!

Alex Patterson

JAMStackGR #2-Git Your Build System Right vs. Deploying Fast

JAMStackGR #2-Git Your Build System Right vs. Deploying Fast

Demonstrating how to quickly deploy using Angular CLI to 6 places. Then how to setup CI/CD in Azure, AWS, and Google Cloud Platform.

Alex Patterson

Increasing Productivity with Notion

Increasing Productivity with Notion

Have you ever wanted to take a minute and fix all the disparate lists that you have in so many places, and really start to focus on what is important? Notion is helping me solve this and I want to tell you how!

Alex Patterson

JAMStackGR #1-Sanity.io as a Backend

JAMStackGR #1-Sanity.io as a Backend

Talking through Sanity.io as a backend to multiple Static Site Generators. A slightly deeper dive into Gatsbyjs.

Alex Patterson

Anchor Links From Sanity in Gatsby

Anchor Links From Sanity in Gatsby

Have you ever hunted around for days trying to find that simple package for adding anchor links to your Gatsby blog? It is easier than you might think, and you don't need a package!

Alex Patterson

AJ is Loving Sticker Mule

AJ is Loving Sticker Mule

I have tried several sticker places and the images always come back terrible and the customer service stinks. Then I found Sticker Mule and everything has been like a dream!

Alex Patterson

Updating AJonP's Brand

Updating AJonP's Brand

Another evolution in the AJonP brand has come in the form of standardizing on acceptance. Making the most of neutral (non-stereotyped) colors. Taking a nod from Dev.to and updating AJ's tag to include a rainbow, as every mascot should have gender neutrality.

Alex Patterson

Adding Angular Components to your static site

Adding Angular Components to your static site

Utilizing Web Components within Hugo Static Site Generator (or any static site), to take Stripe/PayPal payments and more!

Alex Patterson

Adding Web Component for Ionic Modals

Adding Web Component for Ionic Modals

Utilizing Web Components within Hugo Static Site Generator (or any static site). Adding a Custom Element for an Ionic Modal pop-up.

Alex Patterson

Firebase Hosting Version Settings

Firebase Hosting Version Settings

Set your version history for firebase hosting, to avoid storage costs.

Alex Patterson

Front End Web Development Podcasts

Front End Web Development Podcasts

This is my current list of front end web development podcasts, and just a little detail on why I listen to each one of them.

Alex Patterson

Better Performance through analysis

Better Performance through analysis

Example of how to use Web.dev to maintain a timeline of performance, while running firebase performance for constant monitoring.

Alex Patterson

Building a Fun App With Ionic Studio and Cloudinary

Building a Fun App With Ionic Studio and Cloudinary

This post describes the procedure of uploading images to Cloudinary as a prelude for building a fun app called Face Smash with Ionic Studio.

Alex Patterson

Cloudinary in Jamstack using Webp

Cloudinary in Jamstack using Webp

Create a single source for all of your posting needs, using the best format for the browser!

Alex Patterson

VSCode Extension Peacock

VSCode Extension Peacock

Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.

Alex Patterson

Ionic Icons

Ionic Icons

How can you use Ionic Icons, anywhere and everywhere?

Alex Patterson

Cloud Function GitHub Update

Cloud Function GitHub Update

Changing git libraries

Alex Patterson

AJonP - Rebranded

AJonP - Rebranded

Rebranding AJonP, the beginning of going for it in WebDev!

Alex Patterson