What's up Devs! Did you know if you have a blog, you can automate posting links to new blogs in your GitHub profile? Well today you're going to learn how. First off, credit to gautamkrishnar for his blog-post-workflow because we take advantage of that. Now, we are going to assume you've already got a github profile setup (meaning the README.md in https://github.com// - ex Mine). The only thing we…
Keep Reading →
What's up Devs. Today we're going over how to fix one of the more common errors you'll run into in JavaScript: "cannot read property of undefined". First let's look at some code. - Let's say you have a person (object) like the one above. We can access it's name property person.name , we could access it's age property person.age, and we could even access it's location property person.location, but…
Keep Reading →
Once upon a time I wanted to dual boot Kali Linux and Windows (Don't ask me why. I was young and naive.), but to do that I needed to disable secure boot mode. Here's how to do it: 1. The first thing we need to do is access the BIOS menu. Method 1: \ Restart your computer\ To get to the BIOS menu, as soon as your manufacturers logo appears on screen you need to press the designated BIOS key. You…
Keep Reading →
In JavaScript this and this Wait what? If both of those are false... then how can we tell if something is NaN? Well there's two ways. The first is with the `Math.isNaN()` method. This one's kind of like a '==='. It's only going to return true if you literally pass it the 'NaN' value. If you pass in a string, boolean, or number it will return False. The second is with just the isNaN() method…
Keep Reading →
Keyboard Shortcuts Useful Keyboard Shortcuts Above The Standard Copy/Paste/Cut The debugger in chrome and being able to add break points is great, but it’s even better being able to do it in VS Code. To do this: Open the debugger in VS Code. Click "Run and Debug". Click ‘Web App (Chrome). This should setup a launch.json file. You need to change the 'URL' and 'webroot' to match the URL your app…
Keep Reading →
Today we're taking a look at the following: As simple as this seems, it might be tricky. Take a minute to think about it... No cheating and running it in the console yet. What's the answer? Let's break it down. First we've got the string 3, plus the string 3. In JavaScript, '+' is the addition operator as well as the concatenation operator. Since it sees that these are strings (and not numbers…
Keep Reading →
So how do we add GitHub Copilot to VS Code. 1) Go sign up for GitHub Copilot - https://github.com/features/copilot\
It's not free, but it does have a 2 month free trial (At least at the time I'm making this), and when you do start paying for it it's only $10/month (Or $100 a year. You get $20 off if you pre pay for a year). 2) Once you're all signed up for Copilot on GitHub, it's time to move…
Keep Reading →
The next option is Netlify. This is what I'd use if your portfolio is a react app or something that has a build process. They've got a generous free tier and it's always been fun to use. You'll probably study for 4-6 hours, then fk around and waste time (At least that's what I probably would have done. If you seriously think you'll spend 10+ hours a day studying, then it might be worth it). You…
Keep Reading →
Netlify's easy to use. Just stick your project on GitHub, bitbucket, ect, connect it to your Netlify account, and Netlify will rebuild your site/project any time there's a change to the GitHubrepo. They have a great free tier. The only thing I've ever had to pay for is pro forms. If you're using their form processing there's a limit of 100 submissions per month. But that leads to point to... They…
Keep Reading →
In this project you'll be using HTML, CSS, and JS to build a clock. You'll learn about DOM manipulation, adding event listeners to elements, using setTimeout, and of course, get to flex your css muscles. I've created Adobe XD mockups for each of these projects available on https://selftaught-dev.com/ if you want a design to base it off of. They also come with a README file that gives each project…
Keep Reading →
What's up Devs! Last weekend I noticed LinkedIn had added a few new "Front-end Development Assessment" so obviously I had to record a video while I took it. In this post we'll go over the questions in the assessment in a little more detail, so without further ado... With no other styles, display: flex will display its child elements in a row, in the top left of the container. With the second style…
Keep Reading →