Skip to content

Latest commit

 

History

History
405 lines (298 loc) · 35.8 KB

File metadata and controls

405 lines (298 loc) · 35.8 KB

drawing

Let's learn about Javascript Fundamentals via these 98 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the /Learn or LearnRepo.com to find the most read blog posts about any technology.

How do you comfort a JavaScript bug? You console it.

Have you ever felt like you needed to start over and press the refresh button?

The script tag is the primary method to insert JavaScript into the HTML page. We will look at all the ways to use the script tag and the importance of each.

 JavaScript is certainly one of those programming languages which you can get started within a few hours due to its simple syntax, but would probably take you years to master it.

ReactJS is the most popular choice, and this lesson on how to answer ReactJS interview questions will help you get the job.

Learn how to use the Notification Web API to display desktop notifications in JavaScript.

Hence, in this article, we will see how to create an isObject function and use it to check if an object is actually an object. So, let's get started!

JavaScript,  the language known for “running the internet,” is entrenched in the programming world. Here are a few of the best ways to learn JavaScript.

If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula:

We've all been in a situation in Javascript where we have a set of data, all with different dates, which we want to sort by date quickly.

Having a humble beginning of starting as a language that was intended to handle browser validations to a full-blown programming language that powers a lot of desktop applications as well, JavaScript has traveled a long journey.

When dealing with an array, there is a number of ways one can iterate through the elements starting from the first at index 0 all the way to the last element in the array. In my learning process I have come across 6 looping methods namely

Demystifying the JavaScript Event Loop: Understanding Callstack, Callback Queue, and Event Loop for Efficient Development.

Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.

There are two ways of conducting Object Creation in Javascript, Object.create and New operator. While very similar they do have their subtle differences.

This will enable finding and fixing Ajax errors using Network Tab! Once this is resolved your JavaScript Ability will be legit!

We'll delve deep into the enigma of multiprocessing in Node.js, armed with riveting code examples.

The spread operator, spread syntax or 3 dots (...), is a type of syntax in Javascript that is used by both function calls and arrays/objects.

With javascript, variable declarations have always been one of its tricky parts. Unlike most of the C-based languages, javascript variables are always not created at the spot where you declare them. Where a variable is created usually depends on how you declare it.

JavaScript runs the world (at least the virtual part), but what runs JavaScript? That's exactly the question we are going to answer!

I will try to tell with a simple example of how TS can be applied, and how to solve seemingly complex problems step by step.

We need to convert callback to promise because the promise is more readable and easier to handle.

AngularJS and React are two of the most popular choices for developing client-side applications. Both offer a variety of benefits and differences .

The reduce Javascript array method is an essential component of functional programming that takes an array and reduces it into just a value.

JavaScript has progressed a lot over the past few years. Whether you are new to JavaScript or have some experience and want to quickly get up to speed with the most commonly used features in modern JavaScript, this post is for you.

Syntax of if else, else-if, nested if, and logical operators like AND OR and NOT in Javascript. Switch statement can be used as an alternate to If statement.

This article will explain what code deobfuscation is, the reasons for using it, and its potential advantages and disadvantages.

Frontend development has taken the world by storm in the last decade with extreme progress in all web technologies (HTML, CSS, JS, etc.) sponsored and led by the biggest software companies in the world. It is arguably one of the highest paid, the most in-demand and satisfying job in the software industry for quite some time. This is the best time to learn it if you haven’t started already 😃!

The Goal: Understanding the difference between lexical and block scoping

10 JavaScript questions for experienced developers that can help you crack your next interview.

Here are 10 Fantastic JavaScript Projects for Beginners.

An overview of the JavaScript programming language, its uses, basic concepts, and brief history, all tailored for beginners.

After exams and lots of procrastination, I finally resumed my #100DaysOfCode journey with JavaScript

The ABCs of Javascript are: A - apply(), B - bind(), and C - call(). Using them, we can set what 'this' should refer to.

Unleash the power of Web Components and revolutionize your web development workflow. Learn to create reusable elements and enhance your apps effortlessly.

Did you know that Javascript does not class a selection of multiple elements as an array?

JavaScript has ranked as the most popular language in the world by the StackOverflow survey for the seventh year in a row. With the rising popularity of JavaScript, it is clear that it is the most used language for coding frontend applications. It is interesting to note that visitors to websites, lose interest or leave your website if the content doesn’t load within two seconds. The two seconds benchmark is hard to keep up with and that means you need to optimize your JavaScript code for better performance. In this blog post, we will learn some quick tips that you can follow to keep you JavaScript code concise and improve the overall performance of your application. Alright, let’s dive in.

Sometimes I find myself going through the same steps when I work on different projects. These are just some of the things I've found helpful over the years.

nvm is used to manage the versions of Node.js installed on your computer, so it's a really useful tool.

Arrays are objects that enable storing a collection of items and data under a single variable name and have the capability to perform a certain operation.

This Javascript Cheatsheet for Spread Operators explains the use case scenarios and the basic concepts behind Spread Operators when coding in Javascript.

Ever wonder how people on the outside of a specific industry such as software development understand and describe the common terms within that field? d.

Memoization is a technique that saves the results of executing functions to avoid recalculations. In this article, we will use this to find Fibonacci numbers.

The some array method lets us check if some elements pass certain criteria. Let's look at how it works.

A popular challenge that beginner programmers participate in is called 100 Days of Code. Although I never participated in it myself, I see countless tweets with screenshots and progress reports of people sharing bits of apps they made. 100 Days of Code is a great way to keep people in the programmer mindset. It gets them familiar with what it is like to code every day. Still, I wonder if it is the best approach for everyone.  For them, One Game a Month could be a great alternative.

A poem about coffee, a script that wrote your life before the pulse of your digital signals.

What is the best programming language to learn for a developer? Can’t name the best, but yes, Java is surely one of the Best! You can dive in for the reasons.

Almost everything in Javascript is an object, whether it’s an array or a function. In this post, we’ll learn three different ways to create objects in JavaScript:

A Set in Javascript is a unique list of values, similar to the set data type in Python.

Promise is a common object in JavaScript but is pretty complicated to use when it's the first time you see it. Learn about promises and the basics of using it!

How we chose our styling: ​​SASS vs CSS Modules vs CSS-In-JS

Know a little JavaScript, but can't do much with it yet? This tutorial, "Vanilla JS in the DOM", will help you understand the background of Vanilla Javascript.

Learn how to use & | ^ ~ << >> >>> operators in JS with clear examples. Demystify bitwise operations for a more powerful and efficient code.

In JavaScript, there are many ways to do the same things. But not all of them are equally good. And some of them you should not use at all.

To take advantage of JavaScript IntelliSense and code completion when using a certain awesome text editor ehem VS Code ehem, you need to be able to declare the correct interfaces for variables containing DOM elements.

Arrays are one of the most used Data Structures in JavaScript and pretty much any language.

Here is a list of pretty much any action you would want to perform on an array, and how to do it in Javascript.

Arrays are a data structure that allows us to store multiple values in one variable. Array methods...

Welcome to other chapters of Let’s Understand Chrome V8

In the road of understanding Javascript, difference between scope, context and execution context is crucial.In Javascript, you write some code and they get interpreted by the Javascript engine. To understand behind the scenes, you need to have an understanding of basics. To achieve that, in this article, we will be focusing on the difference between scope, context and execution context.Scope

Do you know Javascript? The language we all love has some weird and sometimes unexpected behaviors.

If we want to delete items from an array, we can use the splice method that all arrays have. Let's look at how it works.

‘this’ is always been a pain in the a** for many JavaScript developers, but it’s time to say ‘I got this’.

You can’t officially do it, but you can write a function that does virtually the same thing. Let’s see how and maybe why you should.

JavaScript Event Loop is a fundamental concept. In this tutorial, we will know JavaScript Event Loop on a high level.

In this article, we will learn how "This" binding works in Javascript.

There's a lot to learn when you're a new React Developer. These 5 Intro Tips will help you avoid simple mistakes many new developers make when starting out.

Symbol, the brand new primitive type for JavaScript is worth to know more for each single front-end hacker.

Protect your users' sensitive information with these best practices for secure file handling in JavaScript. Learn how in our latest blog post!

I bet you didn’t know that Javascript has pointers. Well, it does! Let’s take a quick look at how they are implemented and how they work.

Here are two simple Async/Await JavaScript scripts that will detect and indicate browser support for the AVIF and WEBP image formats.

We use the splice method to insert an item into an array at a specific index in javascript, which takes 3 arguments - and also lets us delete items too.

Dive into the world of JavaScript functions with our comprehensive guide. Learn the ins and outs of function declarations, expressions, and callbacks.

A.) Jason Voorhees (Friday the 13th)

Java 9 comes with a whole host of new features that help you with your projects. These Java 9 API improvements can help with everything from pictures to process

"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.

Explore JavaScript memory architecture. Main concepts and organization. Processes of memory allocation and release. Garbage Collection.

Every web developer has, at a point in their development journey used one of the various dev tools available in the browser. I am talking about the console object which provides access to the web debugging console.

Learn to use JavaScript to style your project with CSS! A tutorial for beginners.

Learn why it's recommended to use let and const instead of var in JavaScript.

There is no direct way to break from the forEach() function, however, there are some workarounds.f

JavaScript is known for being a loosely typed language. This means that JavaScript variables can hold values of any type.

A survey of JavaScript developers shows AI is boosting productivity—but fundamentals, architecture, and critical thinking still define the job.

Javascript fundamentals series Scopes, Hoisting, Closures

Let’s understand a bit of the theory behind the module pattern and the purpose it serves on implementing this pattern. The Module pattern was originally defined as a way to provide both private and public encapsulation for classes.

Understand how JavaScript array methods work by implementing three of the most common methods: map(), filter() and reduce.

Unit tests are a challenging topic, with many interconnected aspects that make it difficult for beginners.

Learn how to sort an array of objects in JavaScript using the sort() method, custom compare functions, and practical examples for strings and numbers.

Even after 8 years in front-end development, I sometimes mix up these methods.

Finding and building community theme is pervasive in the JavaScript community as there are frameworks. You can build community while app building.

You may think "Surely there's a library for that!", and yet, there isn't.

Welcome to the first 10 days of the ultimate frontend challenge with me. This article details what to expect in your first ten days of front-end development.

Knowing how to use forEach in JavaScript is an important first step in writing code that is optimized for speed and efficiency.

Learn how to handle files with JavaScript and how libraries like Filestack can simplify the process.

Closures are a fundamental concept in JavaScript that enables powerful features like data privacy, state persistence, and functional programming.

Get the answers to the most common questions about JavaScript objects, packed with examples and challenges to help you learn hands-on.