Articles

CSS Transitions explained

The simplest (and most straightforward) way to animate your components is through CSS Transitions. In this article, you’ll learn how CSS Transitions work, and how to make animations with it.

Read more

How to make interactive components

How do you make a website interactive? That’s one question that many beginners get stuck at. In this video, I walk you through you need to know to build an interactive website.

Read more

Understanding for loops

Let’s say you want to run a function, bounceBall, four times. How would you do it? Like this?

function bounceBall() {
  // bounce the ball here
}

bounceBall()
bounceBall()
bounceBall()
bounceBall()

This approach is great if you need to bounceBall only for a few times. What happens if you need to bounceBall for a hundred times?

The better way is through a for loop.

Read more

Understanding if/else statements

Let’s say you’re walking on a busy street in the middle of town. You’re about to cross the road when you notice the traffic light for pedestrians turns red. What do you do?

You stop, don’t you?

And what happens when the light turns green again? You start walking.

We can put this analogy into code too. It sounds something like: “If the light turns red, stop walking. Otherwise, continue walking”.

And that, my friend, is the foundation of an if/else statement.

Read more

How to debug Javascript errors

It’s normal for you to make errors when you code. So if you see an error, you don’t have to be afraid. I get error messages all the time. When I have bad days, I get more error messages!

Read more

Learning JavaScript – where should you start and what to do when you’re stuck?

Have you tried to learn a JavaScript related topic/framework and found that you understand almost nothing?

There is a simple reason why you don’t understand what you’re learning – you skipped steps. You tried to learn something advanced without having the fundamentals to back yourself up.

What you’re trying to do by learning things that are far too advanced is like trying to drive an F1 without a drivers’ license. Can you imagine how badly you’ll crash?

Read more

Console.log everything!

When you write Javascript, you’re bound to be unsure of something in your code somewhere. That’s a normal thing.

When you’re unsure, you need to clarify what that unknown thing is. Otherwise, you won’t be able to code anything up.

And how do you clarify?

You write console.log statements.

Read more

Understanding JavaScript Functions

Imagine you live in an village without tap water. To get water, you need to take a empty bucket, head to the well in the middle of the village, draw water from the well and head back home.

You need to draw water from this well multiple times a day. It’s a hassle to say “I’m going to take an empty bucket, go to the well, draw water and bring back home” every time you explain what you’re doing.

To shorten it, you can say you’re going to “draw water”.

And my friend, you’ve created a function.

Read more

Should you use semicolons in JavaScript?

I promised I’d start making videos last week, didn’t I? Well, here’s the first video! Today, I’d like to talk about semicolons.

There are people out there that say you’re not a real developer if you don’t use semi-colons in JavaScript. Is that really true? Should you listen to them and use semi-colons?

That’s what I dive into in this video. I also show a very important tool to help you write good, consistent code in the video.

Read more

What are variables and why use them in JavaScript

The main purpose of coding is to solve problems. What happens when you click on a button? That’s also a problem for us to solve.

So, let’s begin this article by solving a simple problem.

Read more

Announcing Learn JavaScript!

Are you struggling with JavaScript?

When you face that blank JavaScript file, does your mind goes blank?

Do you wish to stop copy/pasting code or modifying what you find online, and write code from scratch instead?

Do you feel that your code is messy and you want to improve?

If you’re facing any of these challenges with JavaScript, I’ve got good news for you. I’m writing a course called Learn JavaScript, which will guide you, step by step, to build real components from scratch.

Read more

How to overcome your fear of JavaScript

JavaScript can be scary. It can be scarier for you if you’ve never to programming school before, and it is even scarier if you tried to learn it through different books and courses, but you found that you’ve failed along the way.

“I don’t get it. I’m smart, but why can’t I learn JavaScript?”

“Can you really learn JavaScript without going to school?”

So these questions pop into your head. It gets even scarier. When you look at JavaScript you don’t even dare to begin learning it. You look at your computer and you put it down, thinking you’ll do it another day.

Don’t worry if that applies to you.

You’re not the only person who has the same problem. I did before too. When I tried to learn JavaScript, I failed. There was a period of time where I was really afraid of JavaScript.

But that doesn’t mean you’ll never succeed at learning JavaScript. You can know JavaScript and you can write JavaScript even though you don’t have a programming background.

So the first step to learning JavaScript is to overcome that dreadful feeling you feel when learning JavaScript. That’s what you’ll learn in today’s article.

Read more

How to get hired as a junior web developer

It seems impossible to get a job as a web developer. Each job ad you see says need to know React, Vue, Angular, Node, Gulp, Webpack, Sass and plethora of skills you may have heard about, but don’t understand at all!

Is it possible to get hired without knowing all of them? Can you learn on the job? Will you get rejected for not having enough experience? And how much experience do you really need? 2 years? 5 years? Or more?

Can you even get a job without spending three years coding things yourself? Can you win boot camp graduates without going to school yourself? Why is it so hard to get a job as a web developer?

In this article, you’ll find my thoughts about getting a job as a web developer. You’ll also hear how I found my first job as a developer.

Read more

Should you use this in JavaScript?

Many people feel that this is incredibly confusing. Because it’s so confusing, they argue that this makes JavaScript complicated, and you should avoid them like a plague.

But does this really make your JavaScript complicated? Should you avoid using this?

Read more

How to think like a programmer

“I don’t get JavaScript. I can’t make components from scratch. My mind goes blank when I stare at a blank JavaScript file. I guess I can’t do it because I don’t know how to think like a programmer”.

Sounds familiar? You’re not alone, my friend. Many people who tried to pick up JavaScript as their first programming language faced the same problem.

Heck, even developers who are already coding in another language face the same issue with JavaScript too. Instead of “I can’t think like a programmer”, they say “I can’t think in JavaScript”.

But no more. Let today be the day where you learn to think like a programmer.

Read more

Remembering what you learned

Have you had instances where you wanted learn something, but it completely eludes you?

I’ve had some of them. One instance was when I tried to learn JavaScript. Another was when I wanted to learn Node and Express.

In each of these cases, no matter how hard I tried, I can’t seem to make the knowledge click on a deeper level. I read books, articles, and tutorials, but the knowledge I gained simply vanishes into thin air the very next moment.

Should I give up? I would ask myself occasionally. Am I just stupid?

But I never gave up on learning JavaScript, nor Node and Express. After spending god knows how many hours trying, I could magically remember the knowledge.

For a long time, I wondered why this pattern kept going on. I finally understand now.

Read more

This in JavaScript

Are you confused by the this keyword in JavaScript? It confuses everyone in the beginning, so don’t worry about it. You’re not alone.

But that doesn’t mean you can go on without understanding this forever. It is used so much in JavaScript and in tutorials everywhere that you need to grasp what this is sooner or later. Once you understand this, you’ll realize that it’s much simpler than you think it is.

By the end of this article, you would have demystified this for yourself. You’ll know what it is, what it does and how to use it.

Read more

Promises in JavaScript

Have you encountered promises in JavaScript and wondered what they are? Why are they called promises? Are they related to a promise you make to another person in any way?

Furthermore, why do you use promises? What benefits do they have over traditional callbacks for asynchronous JavaScript operations?

In this article, you’re going to learn all about JavaScript promises. You’ll understand what they are, how to use them and why they’re preferred over callbacks.

Read more

Callbacks in JavaScript

Have you came across the term “callback” but don’t know what it means? Don’t worry. You’re not alone. Many newcomers to JavaScript found callbacks hard to understand too.

Although callbacks can be confusing, you still need to learn them thoroughly as they form a critical concept in JavaScript. You can’t get very far without knowing callbacks 🙁.

That’s what today’s article is for! You’ll learn what callbacks are, why they’re important and how to use them. 😄

Read more

How to set up your development environment to learn JavaScript

Have you encountered any of these three problems when learning JavaScript?

You get confused with the JavaScript syntax. It’s unfamiliar to you. There are so many variations you don’t even know what is what.

You keep getting errors whenever you write JavaScript because of stupid typo mistakes.

You cannot remember what methods are available. You need to search google even for something as simple as addEventListener.

You’d love today’s article if you had these problems. I’ll show you how to tackle them all in one swoop by setting up your development environment.

Read more

Hold on while i sign you up…

🤗
Woohoo! You’re in!
Now, hold on while I redirect you.