r/learnjavascript • • Jun 02 '20

14 JS Array Methods (In 8 minutes)

Thumbnail
youtu.be
138 Upvotes

r/learnjavascript • • Apr 05 '20

How to code a RuneScape bot using JavaScript (beginner tutorial)

Thumbnail
youtube.com
138 Upvotes

r/learnjavascript • • May 20 '19

How To Code Your First Mobile App Using React Native

Thumbnail
youtube.com
138 Upvotes

r/learnjavascript • • Nov 13 '18

If you're struggling with `this` keyword...

138 Upvotes

...here is something that might help. I've been kind of obsessed with this lately so I'm trying to create something that will help others as well. Here it goes:

UPDATE: Thank you, I didn't this was going to get such a great response! I'm compiling my notes into a series, breaking down all the necessary concepts. You can see the work in progress here:(the next part) http://jslearner.com/javascript-this-first-touch.html

Before you can understand what this is, and why it matters, you first have to understand what an object is. Why? Because this almost always points to an object. The trick lies in knowing how to figure out which object it is pointing to. But, we will come to that in a little bit.

For now, imagine that you're able to shrink yourself using JavaScript magic. You're now in a JavaScript world. You're a tiny being, looking around. Every thing you see is an object. Some objects are naturally part of the JavaScript world. For example:

  • functions

  • the window object ( we will go deeper into that later as well)

Then, you have other objects made by developers, such as yourself. For example:

  • Person

  • Product

  • Account

To start with, let's look at the objects that human beings create. We create objects because they allow us to work with data in a way that is similar to the world we live in. Objects represent the things we see and use in real life.

So, in real life, you may have an object called "Book". A book has a title, an author, and a cover. All these things are known as properties of the book.

We will begin with the easiest way to create an object. Later, when things get weird, we will look at some more complicated stuff.

So, the easiest way to create an object is to assign a variable to curly braces like this:

let Person = {};

Here, we have created an empty object called Person. It has no traits or characteristics. Or, we could say, on a simple level, we haven't assigned any properties to the object.

Let's do that - we will give the object some properties. How about giving the Person a name and age. Here is one way to do it:

Person.name = "J. P. Knight";
Person.age = "127";

So, in JavaScript, you can add a property to any object. To do that, place a dot after the object's name and then add the actual name of the property. Assign it a value using the = operator and you've just created a property!

Person.hobby = "running in circles";

Now, you can also add properties when creating the object. Here is how that code would look.

let Person = {
    name: "J. P. Knight",
    age: "127"
};

To quickly recap: you can create ( or define ) the properties as you create your object. Or, you can add properties after you've already created the object.

Exercise 1

Create an object called Account When you create it, define at least three properties such as number, name, and status. Assign whatever values you see fit. After you're done creating your object, type console.log(Account); to see your object and its properties.

Then, add another property using the dot notation.

Bonus points: Create an object and call it whatever you like. Give it some properties. Then, use console.log to view it.

Once you do the above exercise, you're ready for the next step...

I will continue please let me know if it makes sense so far, any questions or suggestions would be great. Thanks! (You can see the work in progress now: http://JSLearner.com)


r/learnjavascript • • Dec 08 '16

Learn vanilla JavaScript through 30 different tutorials by Wes Bos.

Thumbnail
javascript30.com
138 Upvotes

r/learnjavascript • • Feb 06 '22

Rate my full stack progression plan! (any advice?)

Post image
137 Upvotes

r/learnjavascript • • Jul 19 '19

Noob here does anyone know wtf is this

Post image
137 Upvotes

r/learnjavascript • • Aug 17 '23

Javascript finally clicked for me.

136 Upvotes

For the longest, I didn’t believe people when they said that one day Javascript will make sense to me. I didn’t understand what they meant. I figured it would never stick conceptually. Yes, Javascript IS hard, but yesterday I was reading over Jon Duckett Javascript & JQuery and the abstract beginner concepts just clicked. It was at that point everything from then on made sense. 🥹 I guess they were right.


r/learnjavascript • • Jun 05 '21

Create a simple calculator using HTML, CSS, JavaScript for beginners

Thumbnail
youtu.be
136 Upvotes

r/learnjavascript • • Nov 03 '20

Resource sharing: has been blocked by cors policy [Explain like I am 5]

Thumbnail
hinty.io
136 Upvotes

r/learnjavascript • • Oct 06 '20

I've Been Making a Video Series Learning Low Level Concepts, Building a 16-bit Virtual Machine in JavaScript. It Covers All Kinds of Topics like Working with Binary Data, Assembly, and Building Programming Languages. Great If You're Looking to Learn about Deeper Computer Science Concepts!

Thumbnail
youtube.com
136 Upvotes

r/learnjavascript • • Jan 10 '20

Build a Weather app using HTML, CSS & JavaScript in 2020

Thumbnail
youtube.com
136 Upvotes

r/learnjavascript • • May 11 '19

Create Original Flappy Bird Game Using JavaScript

Thumbnail
youtu.be
136 Upvotes

r/learnjavascript • • Jan 07 '23

With the power of closures, you can make your utility functions pretty handy to use. Here's an example:

Post image
135 Upvotes

r/learnjavascript • • Jul 23 '21

Feedback wanted for my side project I made to learn JS: 3D Movie Quiz! [link in comments]

Post image
135 Upvotes

r/learnjavascript • • Jun 20 '21

Sidebar Menu Using HTML, CSS & JavaScript

Thumbnail
youtu.be
135 Upvotes

r/learnjavascript • • Oct 19 '20

Modern Javascript for dinosaurs

134 Upvotes

https://medium.com/the-node-js-collection/modern-javascript-explained-for-dinosaurs-f695e9747b70

A few months ago I tried starting learning modern Javascript and web development, after not having touched it since the jQuery days. At first I was quite bewildered by all the new tools: webpack, grunt, Babel... Right now I understand pretty much everything, but this post is exactly what I would have needed months ago, so in the interest of sharing and helping other oldtimers...

EDIT: just to clarify, I am NOT the author of this article. I just found it today while browsing around and thought to myself "why couldn't I have found this four months ago?"


r/learnjavascript • • Jan 05 '20

I will teach JS for free!

134 Upvotes

Yes, for free, it's not clickbait. Here are some things that I would like you to take note of:

  1. Background: I have worked for a product based company for 2.5 years mainly in JS, so yeah I have a professional JS experience. By no means, I am an expert in JS and I am constantly learning new things. I have written a couple of side projects in JS and have open-sourced some of them.

  2. What is in it for you? : Learning and connections.

  3. What's in it for me? : Well, I am new to teaching and want to experience it so that's one. Apart from that, if you know something that I am interested in, then I am more than happy to learn that from you. I am currently interested in Golang, Hardware (Raspi, ESP8266, Arduino, etc.), Systems Design.

  4. Program Structure: Fill in details in the form below and I will get back to you. The form asks you to put areas in JS that you want me to teach, so be as specific as possible. I won't be giving any assignments or snippets. But I can suggest projects that might help you understand JS better. Also, there is no certificate if you complete this course. These will mostly be one to one sessions, live. NOT RECORDED!

  5. Motivation: Everybody doesn't have the money to buy a course or join a Bootcamp. I believe that knowledge shouldn't be behind paywalls. If you feel that I have helped and you feel like donating, contact me. 50% will go to charity and the other chunk will be invested to improve this program.

  6. What do I promise? : I don't promise you a job after the course but I can promise a deeper understanding of JS.

  7. What do I expect from you before we start the program? : I expect a basic understanding of JS (syntax, functions, DOM) and respect for each other's time.

Helpful Links :

My Github: https://github.com/rahulnpadalkar

My Medium: https://medium.com/@rahulnpadalkar

If mods feel that these links are self-promotion I can remove them.

Form Link: https://forms.gle/GCxTzFJULBeJjPGS7

Hope to see you soon!


r/learnjavascript • • Dec 05 '20

Free interactive course: REST API Design using Node Js

133 Upvotes

https://jsmates.com/courses/rest-api-design-using-nodejs/setting-up-api

Some of the key concepts you will learn are,

  • API URL structures

  • CRUD endpoints

  • Filtering data

  • Searching for data

  • Sorting or ordering of data

  • Pagination support

  • Nested resources & Extend resource concepts

  • Select or Project relevant data

  • Data seeding

  • Error handling & HTTP Responses


r/learnjavascript • • May 27 '20

Pixel Art Game with plain vanilla JavaScript and HTML Canvas | Keyboard Events and Sprite Animation

Thumbnail
youtu.be
133 Upvotes

r/learnjavascript • • Feb 06 '20

Best Web Development Tutorials on YouTube - A Curated List

Thumbnail
techjasmine.com
133 Upvotes

r/learnjavascript • • Sep 28 '22

Please Critique My First JavaScript Web App: A Powerball Simulator!

Post image
132 Upvotes

r/learnjavascript • • Apr 23 '22

It can get confusing on when to Promise.all versus nesting API calls, hopefully, this image helps clarify.

Post image
132 Upvotes

r/learnjavascript • • Jul 17 '20

Really struggling to learn and RETAIN JavaScript (JS fundamentals)

132 Upvotes

I don’t know what I’m doing wrong. I watch the videos, I try to code along. If I don’t understand something I keep trying to rewatch it/do it until I get it. But it’s just not clicking.

The worst part is not knowing what you don’t know. I’ve asked people for help and just trying to explain the issue is a problem itself sometimes. It doesn’t even need to be a specific problem, such as loops, but more learning to “think like a computer” and break each big thing down step by step into smaller, more manageable pieces but even when I do it’s still confusing. Idk how to better explain it.

This was supposed to be asking for help but it turned into a rant. Lol

Edit: fixed typos