Drew Learns Kubernetes – An Introduction to Devops
This is an exhaustive guide that should take you from zero to hero with Kubernetes. Objectives Learn Devops as a practiceUnderstand, deploy, and use KubernetesGet started with containerization and run those containers on KubernetesDeploy Kubernetes locally, on-prem, and on AWSRun stateless and stateful applications on KubernetesAdminister KubernetesPackage and deploy applications using Helm…
Learn more here Drew Learns Kubernetes – An Introduction to Devops
My notes for AWS Cloud Certified Solutions Architect Associate
According to Payscale.com, someone with the skillsets proven by the Amazon Web Services Cloud Certified Solutions architect associate makes on average $130,883 in the US and Canada. Getting certified isn’t too hard but will require an AWS free tier account and some effort to study the materials because nothing AWS is intuitive,…
Learn more here My notes for AWS Cloud Certified Solutions Architect Associate
Hashicorp Terraform Introduction
I took a course on Terraform from udemy (Link to course). As usual, I wrote some notes for it and thought I’ll need them later and share them for posterity. Enjoy 🙃 — DrewLearns Useful Commands You’ll need to be familiar with $ terraform init : This installs the hashicorp plugins in…
Deck Of Cards Project Part 2
This Guide is builds upon the previous four articles over at https://drewlearns.com/category/golang/ – if you haven’t already, I recommend you start there and work your way here. Overview: We will create a package that will simulate playing cards you’d use for poker or the like. We are going to create a number…
Deck Of Cards Project Part 1
If you haven’t already, head over to https://drewlearns.com/category/golang/ and follow some of the prerequisite articles on how to use GoLang and set up your environment. Overview: We will create a package that will simulate playing cards you’d use for poker or the like. Through the course of this project, we are going…
Hello Go World
In my last article, we discussed how to set up your local machine to run and code in GoLang. Today, we will actually start building in GoLang! Input the following into a main.go file: package main import “fmt” func main() { fmt.Println(“Hello World!”) } Let’s break down what all the bits and…
Create a Resume or Move Your Existing WordPress Website to AWS From Another Host For Free
Are you a developer? Don’t have a resume website yet? Is money the main reason you haven’t got one? If you answered yes to the questions above, then this guide is for you and today those excuses are gone! I’ve done all the hard work for you, just follow this guide and…
Getting Started With Go
In my last article I talked about why you might want to learn GoLang. In this article we dip our toes into how to install all the necessary dependancies so that we can start learning Go. How to set up your development environment Installation steps Install Brew (skip if you already have…
GoLang Introduction
What is GoLang and what makes it different? Golang, also known as just "Go" is a simple to read, easy to learn, simple(r) programing that is worth taking a look into. It’s opinionated, and it’s an engineered language instead of an evolved language like Javascript. Statically typed, Compiled Language that feels Dynamically…
Github & Git Integration with Jenkins
I hope you have enjoyed following along with my tutorials on Jenkins and the CI/CD pipeline so far. In this article you will learn how to implement the “CI” in CI/CD.
Set up your Jenkins
In this article, we will be setting up our Jenkins install to create jobs and execute them.
#2 -How to push from Local to Flywheel and how to use Flywheel’s Dashboard
Drew Learns presents a video tutorial on how to push your site from LocalWP to Flywheel, WPCLI, and how to import a site.
Learn more here #2 -How to push from Local to Flywheel and how to use Flywheel’s Dashboard
#1 – How to make a Portfolio/Resume in WordPress using Local
This video tutorial complements a previous article I wrote on how to get started with WordPress. Follow along and you should know everything about designing a WordPress portfolio, blog and resume. I hope you enjoy!
Learn more here #1 – How to make a Portfolio/Resume in WordPress using Local
The Deno Standard Library, 3rd Party Modules, and Caching
In my last post we talked about how modules work in Deno but we left out some important details and there may be some misunderstandings (like I had) related to caching. To understand caching though, we first need to learn about Deno’s Library and third party modules.
Learn more here The Deno Standard Library, 3rd Party Modules, and Caching
How to make a portfolio site with WordPress
Featuring special guest Kaio Rosa This is the first part of a series on creating a portfolio website. Kaio (@kaio_rosa) and I met through twitter’s #100DaysOfCode Challenge last year. If you haven’t checked out 100daysofcode.com, I’d highly recommend the challenge not just to level up your skills but to network and meet…
How to customize your ZSH terminal with Bash
Have you ever seen someone with a custom terminal prompt with cool colors and wanted to do it but didn’t know how? I hope this guide will be another outlet to your creativity!
Learn more here How to customize your ZSH terminal with Bash
Introduction to Jenkins & How to Install it
In my last article, I explained the principles behind CI/CD, in this one we get to learn about a specific implementation (Jenkins) and how to install it both locally and on a cloud hosted server. I hope you learn as much as I did!
Introduction to Continuous Integration and Continuous Deployment
By adopting both Continuous Integration and Continuous deployment, also known as a “CI/CD pipeline”, you not only reduce risks and catch bugs quickly, but also ship new features quickly to your customers!
Learn more here Introduction to Continuous Integration and Continuous Deployment
How Modules Work In Deno
What does a “module” mean?
Modules are just files that are used by another file. They typically perform a singular function, provide a framework to build with, a linter… you get the idea.
Deno Permissions Project
You may have noticed when running an application you need to provide explicit permissions for everything that runs. This can be cumbersome and we want development to be easy (at least easier, right?). Lets learn a better way!
The Future of Backend Development With Javascript
Some guy made a toy for kids who like playing in the “back”. It became so popular and widely played that when he realized the flaws in the first version of his toy, he moved on to make another toy instead. This one is more secured so kids don’t get hurt while…
Learn more here The Future of Backend Development With Javascript
Deno Under the Hood
“The overwhelming majority of successful innovations exploit change”Peter Drucker What is a run-time? Deno is fairly new so there will be a ton of changes to it but the run-time itself and how it works will likely not change much at all. Learning the fundamentals will lend you a ton of skills…
Getting Started with Deno
I haven’t found any other developers on YouTube with a channel the size of codedamn (100K+ subscribers) who are not not “super excited” about the release of Deno.Mehul Mohan What is Deno? Have you heard all the buzz about the new backend javascript framework called deno? To know what Deno is, you first need…
Working From Home While Watching Children
If you are like me and work for a company that is being responsible and prudent in the face of global concerns about the spread of COVID-19 and your kids don’t have daycare/school during this period, this article is for you.
Troubleshooting APIs
APIs really unlock the power of an interconnected web and allows us to access big data – I hope that this tutorial was not only fun but informative. Overcoming CORS errors can be difficult! There are some really fun APIs out there for learning. A personal favorite of mine: https://rickandmortyapi.com/. You can play around with it and make your very own rick and morty app if you wanted to. Below is the final results from this project.
Ajax & APIs
If you have been following along with my articles, then you will have learned so much Javascript already. We started with basic function creation and advanced along into Scope, Hoisting, and Closures, Dom Manipulation, event listeners, new, this, callbacks, promises, and now we are able to use data from other people’s work and pull it into our very own projects using APIs. You are well on your way to becoming a front end Javascript developer with the tools we have demonstrated so far. In the next article we are going to work with CORS and Recipes.
Async, Await, & Recursion
In today’s article, we are going to create the ability to “type” font on the screen one character at a time using async, await, & recursion. On the homepage of drewlearns.com you can see this in action in the “hero section”.
Async Await
Async and Await are methods we can use to eliminate the use of static eventLoops/promises and callbacks. In this project, you were able to create a popup form that shows up once, allows you to chain prompts, and then pops the inputs into an array. I hope you enjoyed this project as much as I enjoyed writing about it.
Javascript IOU – Promises
Promises are how we set a chunk of Javascript to run when we want to asynchronously using callbacks in your event loop. The benefits here is the ability to load fast pages that aren’t awaiting for a large dataset to load, the ability to continue page loading while the user accepts warnings about turning on their camera, etc.
Event Loops & Callbacks
Javascript is a single thread language that can only run 1 process at a time. It works from the top of the Javascript file to the bottom, one function/variable at a time. But what if you need things to operate in a manner that isn’t from top to bottom?
Javascript `this` keyword
So far, `this` has only been described as meaning the thing to the left of the .this which it was called on. To make this a little less mystifying, I’m going to explain it in terms you may understand with examples.
Understanding `new` In Javascript
Javascript has some interesting tools such as new or this built in that you probably have seen used but never new how to use it outside of a tutorial or project you followed from someone else. I know I haven’t really covered new just yet either and hope you find this to be a valuable resource!
Shopping Form With Custom Events, Delegation, and Local Storage
In my last article we created a sarcastic text generator. Today, we will create a shopping list with custom events, delegation (listen on events that happen in the future), and use local storage. This project is similar to one I created recently in jQuery, check it out here. This one is a bit more advanced than any of the previous articles so I’d recommend checking those out first if you haven’t already. Without further ado, let’s get started.
Learn more here Shopping Form With Custom Events, Delegation, and Local Storage
Sarcastic Text Generator
In this exercise, we will learn how to manipulate text output using Array.from (turning a string into an array of letters), editing letters based on the use case, putting them back together in the desired output and lastly, and hopefully most importantly, we have fun!
Face Detection & Censorship
Face Detection & Censorship. Today we are going to build a Face Detection and Censorship App with Javascript that you can use to show your webcam but with a blurred out face! If you haven’t already tried out the Etch-A-Sketch Project, we lean on some of the knowledge built there with canvas and ctx. It would be a good project to undertake before attempting this one. <
Tabs!
These are notes that follow along on Slide 36 of the Beginner Javascript course. Follow along for some insights into aria-selected, aria-label, how to make tabs work using vanilla Javascript and CSS!
Etch-A-Sketch Using Javascript
Now that we have covered some of the basics with DOM manipulation, Scope, Closures, Hoisting, and Events – we are going to get into some of the fun stuff. Let’s build a fun Etch-A-Sketch module. This article follows along Wes Bos’ course Beginner JavaScript on module 6, slide 33-36. Let’s get into it!
Javascript Events!
What’s an event? Let’s learn about events, event listeners, and how to listen for them and how to do stuff when stuff happens. DOM elements (things on the page) they emit events when they are interacted with. We can use event listeners to react to them! You can attach event listeners to all elments as well as the document and the window.
Manipulating The Document Object Model – Part 2
If you haven’t read part 1 of this series, check it out. In DOM manipulation, a common thing to do is to add and remove classes. This is especially helpful when you want a click event or some action on the page to change the look and feel of a component.
Learn more here Manipulating The Document Object Model – Part 2
Manipulating The Document Object Model – Part 1
What Is the DOM? The DOM, if you aren’t familiar is how we manipulate HTML and CSS using Javascript. It truly unlocks the power of what Javascript and it’s various flavors can unleash. I am creating this post as notes from Wes Bos Javascript course. Every browser within inspect tools allows you to view the DOM. This is how the browser understands how a webpage looks/acts. It is not a visual representation of what you see in the browser window but more of a tree of objects and their properties.
Learn more here Manipulating The Document Object Model – Part 1
Scope, Hoisting, and Closures
DrewLearns.com Blog sharing notes, how to’s and more. Follow along in this article to learn more about Scope, hoisting, and closures. This topic tends to be a pretty tough topic in Javascript. Here are some notes I created to help me (and you) as a reference in the future. As always if you have questions or comments drop’em in the comments section and there is a handy reword feature to this site – just highlight any errors you see and drop a comment.
Planning #100DaysOfCode
Before starting the challenge, take a few minutes to plan it! If you are anything like me and need a plan, routine, and a little support – this guide is for you. I would like to invite you to check out 100daysofcode.com and commit to it but before you take the leap read this post. Also, take an hour or so to plan and consider appropriate courses with realistic and achievable goals.
Javascript Functions
Different Ways to Declare Functions | If you are like me, you learned ES5 where you just var all the things, wrote everything out without shortcuts, and you are totally confused by arrow functions. Here are some of my notes from Wes Bos’ Javascript beginner course Module #2 on Different ways to declare functions
How to not push your `node_modules` to Github
A gitignore file specifies what files you don’t want GitHub to accept on pushes.
Learn more here How to not push your `node_modules` to Github
How to install MongoDB on Mac OS Catalina (locally)
This is an attempt to capture how to install MongoDB and run the Mongod (MongoDB Daemon) in some personal notes that may help someone in the future (at least myself). Originally, I tried following various installation guides that all failed to find the formula and ran into odd errors about directories that didn’t exist is read-only. My hope is that this will be a good reference to you.
Learn more here How to install MongoDB on Mac OS Catalina (locally)
Mongod on Cloud9 AWS
While trying to install mongod on my Cloud9 AWS, I ran into some troubles. For my own future reference and posterity, I’m making this post. mongod is the primary daemon process for the MongoDB system. It handles data requests, manages data access, and performs background management operations.https://docs.mongodb.com/manual/reference/program/mongod/ Setup Create an AWS account &…
Javascript Backticks and NodeJS
If you are familiar with most javascript courses, they teach you ‘notation’ or “notation” for making strings. I am taking Wes Bos’ Beginner’s Javascript Course and he taught a 3rd option. While at face value there isn’t a ton different in your day to day life unless you want to dazzle up your console logs from node.js.
Nucamp Review
If you aren’t already familiar with #100DaysOfCode, please check it out. They have an official website to learn more about the challenge. Basically it’s the best thing I’ve endeavored to do in the last few years with my free time. I wake up genuinely inspired, excited, and ready to take on the challenges of the day because I have this new nerdy thing I get to look forward to everyday. Not only that but I gained 92 followers in that short period on my Twitter account I created specifically for this challenge.
How I chose a coding bootcamp
With the overwhelming number of options available I’m not entirely sure why I was convinced that spending $10,000+ at UNC Charlotte was a good idea now that I have browsed the area. Codecademy.com is relatively cheap and you get a lot out of it but what it lacks (for me) is meeting new like minded people in the area where we just moved, an instructor I can contact, and project based learning. The project based learning is especially helpful for building a resume in my opinion since getting a degree isn’t something I’m interested in.
Why sign up for a coding Bootcamp course
A buddy of mine went to a 3 month code school in Chicago and was hired at a snazzy startup as a junior dev within a month of graduating. He had a lot of gaps in his knowledge with regards to working in an office environment (he was coming from a different industry,) so there was still a learning curve for him to get ramped up. But overall it was a great “turbo boost” to his career change
Minecraft & Rainbows
I hadn’t a clue how to actually develop anything in JavaScript from scratch which left me feeling pretty down about it all. Bored, tired, and frustrated I decided to do something about it. I bought the next book on my amazon list for learning code in Minecraft thinking worst case scenario “I have something to play with my son when he wakes up”.