Articles

4 Design Courses

We’re back to the end of the month. Here’s more resources for you. This time, I want to send you some design courses.

Element.focus vs aria-activedescendant

When you build JavaScript components, you need to manage focus for both keyboard users and screen readers. The WAI-ARIA specs say there are two ways to manage focus:

1. Using element.focus and tabindex
2. Using aria-activedescendant

Which should you use and why?

I did in-depth research on these two methods and I’d like to share my findings in this article. Take a seat and grab some popcorn because it’s going to be a long article.

Overcoming my panic towards accessibility

Accessibility is a big part of JavaScript. If you build anything with JavaScript, you need to make them accessible.

I’ve been afraid of touching accessibility for a few years now. This fear magnified when I began writing the accessibility lessons for Learn JavaScript.

Today, I want to share with you why I became afraid of accessibility, and how I overcame this fear.

Designing Learn JavaScript’s course portal (Part 3)

This is the third article in the Learn JavaScript design series. Today, I’ll talk about how I built the Account and Component Page.

Two interesting JavaScript books

I deleted many resources I found useful because I restricted myself to sharing only blog posts here.

I want to change things up by sharing things I found helpful. I’ll send them once a month. Let me know if you enjoy this new format, or if you have any feedback!

Without further ado, let’s jump in.

Designing Learn JavaScript’s course portal (Part 2)

This is the second article where I explain how I designed Learn JavaScript’s course portal.

Installing MongoDB on Mac (Catalina and non-Catalina)

I had to reconfigure my Macbook after sending it for repairs. During the reconfiguration period, I noticed the instructions I linked to in “Setting up a local MongoDB connection” were outdated.

Here’s an updated version on how to install MongoDB on a Mac.

Designing Learn JavaScript’s course portal

Learn JavaScript is my flagship JavaScript course. It helps people go from knowing nothing about JavaScript to becoming a professional JavaScript developer.

Today, I want to share with you how I designed Learn JavaScript’s course portal.

Building a login system with HTML, CSS, and JavaScript

I built a login system with HTML, CSS, and JavaScript when I made Learn JavaScript’s student portal. I’d like to share this system with you since it seems to work well.

Getting keyboard-focusable elements

If you create JavaScript widgets, one of the key parts to accessibility is managing focus.

To manage focus, you need to find keyboard-focusable elements.