Let's learn about Javascript Fundamentals via these 98 free blog posts. They are ordered by HackerNoon reader engagement data. Visit the Learn Repo or LearnRepo.com to find the most read blog posts about any technology.
How do you comfort a JavaScript bug? You console it.
1. Advanced JavaScript Tutorial: How to Reload a Page with Location.reload(true)
Have you ever felt like you needed to start over and press the refresh button?
2. Insert JavaScript into HTML Using the Script Tag
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.
3. Three Main Components of JavaScript
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.
4. Top 5 React Interview Questions in 2022
ReactJS is the most popular choice, and this lesson on how to answer ReactJS interview questions will help you get the job.
5. Display Desktop Notifications Using JavaScript
Learn how to use the Notification Web API to display desktop notifications in JavaScript.
6. Understanding isObject Method 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!
7. The Fastest Ways to Teach Yourself JavaScript
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.
8. Add Event Listener to Multiple Elements in Javascript
If you've ever worked in vanilla Javascript, you might be familiar with adding event listeners to elements using the following formula:
9. How to Sort an Array by Date in Javascript
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.
10. How Javascript Was Created and Why The History Behind It Is Important
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.
11. How to Set the Default Node.JS version with nvm
12. The Recommended Way to Iterate Over Arrays in JavaScript
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
13. Understanding the Javascript Event Loop (Everything You Need to Know)
Demystifying the JavaScript Event Loop: Understanding Callstack, Callback Queue, and Event Loop for Efficient Development.
14. How to Fetch Data in Javascript like a Pro
Fumbling with APIs? Learn how to use the fetch API to get your data in Javascript like a pro.
15. Understanding the Difference Between Object.create and New Operator
There are two ways of conducting Object Creation in Javascript, Object.create and New operator. While very similar they do have their subtle differences.
16. Finding and Fixing Ajax Errors Using the Network Tab
This will enable finding and fixing Ajax errors using Network Tab! Once this is resolved your JavaScript Ability will be legit!
17. How Multi-Processing Helped Me Speed Up My JavaScript Application By 4x
We'll delve deep into the enigma of multiprocessing in Node.js, armed with riveting code examples.
18. Decoding the Three Dots (…) Or Spread Operator in Javascript
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.
19. Difference between let, var and const in Javascript
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.
20. Run, JavaScript, Run
JavaScript runs the world (at least the virtual part), but what runs JavaScript? That's exactly the question we are going to answer!
21. 5 Complex TypeScript Problems Solved Using One Simple Example
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.
22. Javascript: No More callbacks, Use Promisify to Convert Callback to Promise
We need to convert callback to promise because the promise is more readable and easier to handle.
23. Angular JS or React - What's Best for Client-side JS Framework
AngularJS and React are two of the most popular choices for developing client-side applications. Both offer a variety of benefits and differences .
24. Reduce Javascript: Master the Basics
The reduce Javascript array method is an essential component of functional programming that takes an array and reduces it into just a value.
25. 4 Modern JavaScript (ES6+) Features You Need To Use
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.
26. How to Use else if in JavaScript with Examples
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.
27. What Are Template Literals In Javascript And Why You Should Use Them
28. Speeding up Promises in JavaScript
29. What Is Javascript Deobfuscation? Everything You Need to Know
This article will explain what code deobfuscation is, the reasons for using it, and its potential advantages and disadvantages.
30. An Anthology of Essential Frontend Resources to get you through 2019
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 😃!
31. Scoping in JavaScript: The Basics
The Goal: Understanding the difference between lexical and block scoping
32. 10 JavaScript Interview Questions and Answers to Help you Land Your Next Role
10 JavaScript questions for experienced developers that can help you crack your next interview.
33. 10 Fantastic JavaScript Projects for Beginners
Here are 10 Fantastic JavaScript Projects for Beginners.
34. What is JavaScript? - A Beginner's Guide
An overview of the JavaScript programming language, its uses, basic concepts, and brief history, all tailored for beginners.
35. Learn Fundamentals of JavaScript : Number Variable, Multiple Variables, Booleans, Strings
After exams and lots of procrastination, I finally resumed my #100DaysOfCode journey with JavaScript
36. The ABCs of JavaScript: apply, bind, and call
The ABCs of Javascript are: A - apply(), B - bind(), and C - call(). Using them, we can set what 'this' should refer to.
37. Web Components Exposed: Empowering Frontend Developers For Unparalleled Success
Unleash the power of Web Components and revolutionize your web development workflow. Learn to create reusable elements and enhance your apps effortlessly.
38. A Quick Look at NodeLists and How They Work
Did you know that Javascript does not class a selection of multiple elements as an array?
39. 8 Essential Tips To Make Your JavaScript Code Perform Faster
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.
40. 7 Tips For Becoming A Better JavaScript Developer
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.
41. How to Install NVM to Manage Node Versions Easily
nvm is used to manage the versions of Node.js installed on your computer, so it's a really useful tool.
42. CheatSheet: 20 JavaScript Array Methods
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.
43. Javascript Cheatsheet: Spread Operators
This Javascript Cheatsheet for Spread Operators explains the use case scenarios and the basic concepts behind Spread Operators when coding in Javascript.
44. JavaScript Explained By a Non-Developer
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.
45. How Memoization Can Help You Boost Your Javascript Code
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.
46. Pocket Guide to Javascript Array Some Method
The some array method lets us check if some elements pass certain criteria. Let's look at how it works.
47. If You Think 100 Days of Code is Hard: Try One Game a Month Challenge
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.
48. The Coffee Poem
A poem about coffee, a script that wrote your life before the pulse of your digital signals.
49. Why Do Programmers Choose to Learn Java as a Programming Language?
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.
50. Three Different Ways to Create Objects in JavaScript
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:
51. Javascript Sets: An Essential Guide
A Set in Javascript is a unique list of values, similar to the set data type in Python.
52. Understanding Promises in JavaScript
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!
53. Choosing Between SASS vs CSS Modules vs CSS-In-JS
How we chose our styling: SASS vs CSS Modules vs CSS-In-JS
54. Let's Talk About Vanilla JavaScript: What Is Vanilla JS, and Why Should I Spend Any Time On It?
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.
55. Exploring Bitwise Operations in JavaScript: A Beginner's Guide
Learn how to use & | ^ ~ << >> >>> operators in JS with clear examples. Demystify bitwise operations for a more powerful and efficient code.
56. 6 Things You Should Not Do in JavaScript
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.
57. How to Force JavaScript Variables to use Specific DOM APIs
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.
58. A Simple Introduction to Arrays In JavaScript
Arrays are one of the most used Data Structures in JavaScript and pretty much any language.
59. Everything You Need to Know About Javascript Arrays
Here is a list of pretty much any action you would want to perform on an array, and how to do it in Javascript.
60. How to Utilize Javascript Array Methods
Arrays are a data structure that allows us to store multiple values in one variable. Array methods...
61. Understanding Chrome V8 — Chapter 4: Scanner, Token generation
Welcome to other chapters of Let’s Understand Chrome V8
62. Learn Javascript Fundamentals-Scope, Context, Execution Context
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
63. Take These 12 Quick Challenges to Find Out if You Know Javascript
Do you know Javascript? The language we all love has some weird and sometimes unexpected behaviors.
64. How to Delete an Item in an Array at a Specific Index
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.
65. What is 'this’ in JavaScript?
‘this’ is always been a pain in the a** for many JavaScript developers, but it’s time to say ‘I got this’.
66. How To Use The Spread Operator on a Function
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.
67. Understanding JavaScript Event Loop
JavaScript Event Loop is a fundamental concept. In this tutorial, we will know JavaScript Event Loop on a high level.
68. How "This" Binding Works in JavaScript
In this article, we will learn how "This" binding works in Javascript.
69. 5 Tips for a Novice React Developer
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.
70. Understanding Symbol: Javascript's Newest Primitive Type
Symbol, the brand new primitive type for JavaScript is worth to know more for each single front-end hacker.
71. How to Ensure Secure File Handling in JavaScript
Protect your users' sensitive information with these best practices for secure file handling in JavaScript. Learn how in our latest blog post!
72. Javascript Pointers Do Exist!
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.
73. Testing for Image Format Support Using Simple JavaScript
Here are two simple Async/Await JavaScript scripts that will detect and indicate browser support for the AVIF and WEBP image formats.
74. How to Insert an Item Into an Array at a Specific Index in Javascript
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.
75. An Introduction to JavaScript Functions and Asynchronous Programming with Callbacks
Dive into the world of JavaScript functions with our comprehensive guide. Learn the ins and outs of function declarations, expressions, and callbacks.
76. Coding 101: Who is Json?
A.) Jason Voorhees (Friday the 13th)
77. Six ‘Java 9’ API Improvements You Should Know
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
78. Understanding Chrome V8 — Chapter 14: What is Dynamically Typed JS
"Let's Understand Chrome V8" are serial technology articles that explain the V8 code, it covers many V8 kernel functions and fundamentals.
79. JavaScript, Memory, Architecture and Lifecycle
Explore JavaScript memory architecture. Main concepts and organization. Processes of memory allocation and release. Garbage Collection.
80. Little Dev Tools in Your Pockets
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.
81. A Simple Guide To Vanilla JavaScript: How To Set CSS Styles [Part 2]
Learn to use JavaScript to style your project with CSS! A tutorial for beginners.
82. Defining Javascript Variables: Why You Should Ditch Var for Let and Const
Learn why it's recommended to use let and const instead of var in JavaScript.
83. Breaking From ForEach in JavaScript
There is no direct way to break from the forEach() function, however, there are some workarounds.f
84. How to Master Type Coercion in JavaScript
JavaScript is known for being a loosely typed language. This means that JavaScript variables can hold values of any type.
85. Inside a Developer Poll on AI, JavaScript, and the Future of Coding
A survey of JavaScript developers shows AI is boosting productivity—but fundamentals, architecture, and critical thinking still define the job.
86. Learn Javascript Fundamentals-Local Scope
Javascript fundamentals series Scopes, Hoisting, Closures
87. Revealing Module Pattern in JS [A How-To Guide]
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.
88. Demystifying Javascript Array Methods with Practical Examples
Understand how JavaScript array methods work by implementing three of the most common methods: map(), filter() and reduce.
89. Keeping Your Units Testable in JavaScript
Unit tests are a challenging topic, with many interconnected aspects that make it difficult for beginners.
90. How To Sort an Array of Objects in JavaScript?
Learn how to sort an array of objects in JavaScript using the sort() method, custom compare functions, and practical examples for strings and numbers.
91. Call, Apply, and Bind Simplified for JavaScript Developers
Even after 8 years in front-end development, I sometimes mix up these methods.
92. Dolby.io Connects With the JavaScript Community With a Virtual Workshop at CascadiaJS Conference
Finding and building community theme is pervasive in the JavaScript community as there are frameworks. You can build community while app building.
93. The State of Copy-Pasting in JavaScript
You may think "Surely there's a library for that!", and yet, there isn't.
94. Your First 10 Days In Frontend Development: With 30 HTML tags and Practice Exercises
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.
95. How to Use foreach() to Iterate Through an Array in JavaScript
Knowing how to use forEach in JavaScript is an important first step in writing code that is optimized for speed and efficiency.
96. Streamlining File Handling in JavaScript
Learn how to handle files with JavaScript and how libraries like Filestack can simplify the process.
97. Javascript Closures: What Are They?
Closures are a fundamental concept in JavaScript that enables powerful features like data privacy, state persistence, and functional programming.
98. 10 Must-Know JavaScript Object Secrets Every developer Needs!
Get the answers to the most common questions about JavaScript objects, packed with examples and challenges to help you learn hands-on.
Thank you for checking out the 98 most read blog posts about Javascript Fundamentals on HackerNoon.
Visit the /Learn Repo to find the most read blog posts about any technology.
Originally published on HackerNoon.
