Things most beginners miss learning in JavaScript

Things most beginners miss learning in JavaScript

Β·

4 min read

Hi, I'm Akinkunmi, a Frontend Developer and this is my very first post on Hashnode and I'm going to be sharing with you things that most beginners miss in JavaScript. Let's face it Javascript is a very broad language packed with a lot of things most of us don't even know, makes me remember this image πŸ‘‡πŸ½

javascript-the-good-parts-oreilly-yahoo-press-the-good-34641204.png

But let's not talk about that now πŸ˜‚πŸ˜‚

So back to what we were talking about, a lot of beginners leave some things out when learning JavaScript, I think mostly because it was not included in the course they took or they were too eager to build "real-world projects" and this in turns makes them feel they don't know enough later on and they'd be confused coz they don't even know what else to learn in JavaScript so today I'm going to be pointing out those things I also missed as a beginner and I'll be providing links to some YouTube tutorials you can check out.

1. Fetch API

The Fetch API basically allows web browsers to make HTTP requests to web servers and handle responses. For example, let's say you want to create a COVID-19 tracker, you'll need to use the data of the COVID 19 cases of all the countries in the world and the general global cases but you don't have that do you? So what you need to do is look for a web server with these data to send requests and fetch the data from the server. The Fetch API allows you to do this and of course, you can do much more than that with it.

YouTube Tutorials

Learn Fetch API in 6 minutes by Web Dev Simplified

Fetch API introduction by Traversy Media

2. Asynchronous JavaScript

So normally JavaScript is a single-threaded programming language which means only one thing can happen at a time i.e your code runs from top to bottom which means you can’t perform some operations such as fetching from an API without blocking the main thread. For example, if your code looks like

console.log("I am Dope");
console.log(69)

Your output console will show you the result exactly as you wrote your code line by line, that's where asynchronous JavaScript comes into play. Using asynchronous JavaScript you can perform some other operations in the background without blocking the main thread. To learn more about it make sure you check out the links below

Async JS Crash Course - Callbacks, Promises, Async Await by Traversy Media

Async Javascript Tutorial For Beginners (Callbacks, Promises, Async Await) by Dev Ed

3. Higher-order Array Methods

Personally as a beginner I learned all the common array methods that can be used to manipulate a given array, like pop(), push(), indexOf(), and the rest but I never knew they were more. Examples of higher-order array methods are;

  1. forEach()
  2. map()
  3. filter()
  4. reduce()
  5. sort() and more.

YouTube Tutorials

8 Must Know JavaScript Array Methods by Web Dev Simplified

JavaScript Higher Order Functions & Arrays by Travesy Media

4. localStorage

The localStorage object basically allows you to store data in the browser. The data will not be deleted when the browser is closed without the need for a database service like MongoDB or MySQL.

YouTube Tutorial

An Introduction to Local Storage with JavaScript by Zac Gordon

And that's it for now, I hope you learnt a thing or two make sure you check out those awesome tutorials and make sure you learn how to work with those things I listed. I look forward to seeing you become a great developer. Let me know if this was helpful in the comment section below and also if you have a topic you want me to talk about let me know. I don't have a writing schedule for now but I'll make sure I try to post a couple times a week and let you know on social media. Thanks so much for checking this out and I'll catch you in the next one ✌🏽

Β