paint-brush
84 Stories To Learn About Javascript Fundamentalsby@learn
218 reads

84 Stories To Learn About Javascript Fundamentals

by Learn RepoMay 10th, 2023
Read on Terminal Reader
tldt arrow

Too Long; Didn't Read

Learn everything you need to know about Javascript Fundamentals via these 84 free HackerNoon stories.
featured image - 84 Stories To Learn About Javascript Fundamentals
Learn Repo HackerNoon profile picture

Let's learn about Javascript Fundamentals via these 84 free stories. They are ordered by most time reading created on HackerNoon. Visit the /Learn Repo to find the most read stories about any technology.

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

1. 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.

2. How to Set the Default Node.JS version with nvm

3. 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.

4. 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.

5. 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

6. 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.

7. 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.

8. How to Declare Variables in Javascript: Let Vs. Var Vs. Const

A brief introduction on Let, Var, and Const keywords in Javascript.

9. 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.

10. 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.

11. 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.

12. 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.

13. 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!

14. 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.

15. 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.

16. 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.

17. 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.

18. Coding 101: Who is Json?

A.) Jason Voorhees (Friday the 13th)

19. 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 .

20. 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.

21. 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

22. Display Desktop Notifications Using JavaScript

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

23. ​​Choosing Between SASS vs CSS Modules vs CSS-In-JS

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

24. 10 Fantastic JavaScript Projects for Beginners

Here are 10 Fantastic JavaScript Projects for Beginners.

25. 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.

26. 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:

27. The Coffee Poem

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

28. 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.

29. 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!

30. Understanding Chrome V8 — Chapter 4: Scanner, Token generation

Welcome to other chapters of Let’s Understand Chrome V8

31. 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.

32. 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.

33. A Simple Introduction to Arrays In JavaScript

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

34. 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.

35. 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?

36. 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.

37. Learn Fundamentals of JavaScript : Number Variable, Multiple Variables, Booleans, Strings

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

38. 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.

39. 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.

40. 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?

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. How to Utilize Javascript Array Methods

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

43. Javascript Sets: An Essential Guide

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

44. 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.

45. 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.

46. 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.

47. Keeping Your Units Testable in JavaScript

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

48. 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.

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. How "This" Binding Works in JavaScript

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

51. JavaScript, Memory, Architecture and Lifecycle

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

52. 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.

53. Learn Javascript Fundamentals-Local Scope

Javascript fundamentals series Scopes, Hoisting, Closures

54. 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.

55. 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.

56. 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.

57. Understanding JavaScript Event Loop

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

58. 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:

59. 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.

60. 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.

61. What Are Template Literals In Javascript And Why You Should Use Them

62. 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.

63. 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.

64. 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.

65. 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 😃!

66. Speeding up Promises in JavaScript

67. 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.

68. The State of Copy-Pasting in JavaScript

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

69. 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.

70. 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!

71. 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.

72. 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.

73. 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.

74. 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.

75. 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.

76. 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.

77. Scoping in JavaScript: The Basics

The Goal: Understanding the difference between lexical and block scoping

78. 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.

79. 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

80. 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.

81. 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.

82. How To Yield Generators (Javascript)

Generators are a kind of special function that can stop its execution midway and start again from the same point where it stopped after some time.

83. 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’.

84. 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.

Thank you for checking out the 84 most read stories about Javascript Fundamentals on HackerNoon.

Visit the /Learn Repo to find the most read stories about any technology.