An Absolute Beginner Can Build This! JavaScript Basics Tutorial: Variables, Methods, Functions

Did you know that you can already start building web apps even if you just learned what coding was 8 minutes ago? In this video I talk about just a couple of basic coding and JavaScript concepts, like variables, methods and functions and then build a web app using them.

0:00 Intro
0:57 Visual Studio Code Code Editor
1:34 Setting Up the Files
2:48 Variables and Keywords
5:16 What is Console and Console Object
6:45 What are Methods
7:44 What are Functions
9:21 SetTimeout and SetInterval Methods
10:14 Recap of the Stuff We’ll Need for The Build
10:54 The App Idea
11:32 Beginning of the Build
12:14 How to Write a Multiline String in JavaScript
12:54 Creating the Rest if the Frames for the Animation
13:15 The Build. Creating the Animation in Chrome Console
16:09 How to Use the App we’ve Built
16:29 A Modification. Turning Images Into Ascii Animation
17:12 How to Host a Web App in 2 Minutes for Free
17:33 How to Easily Host a Web App with Github Pages
18:50 How to Update your Website Hosted on Github Pages
19:03 Why You Have to Use Limited Resources in Programming

And here is the famous speech by Arnold Schwarzenegger on why, as a beginner JavaScript developer, you must start coding and building stuff right away, without spending any time to learn theory:

When I was a beginner bodybuilder, I didn't spend all my time reading about theory and anatomy. No, I picked up those weights and started lifting. And let me tell you, that's how I got results. The same goes for you, beginner JavaScript developer. You can spend all your time reading about the theory behind programming, but until you start building stuff, you're not going to get anywhere.

Don't be afraid to jump in and start coding. You're going to make mistakes, but that's how you learn. The more you code, the better you're going to get. And you know what? It's going to be tough. It's going to be frustrating. But that's what separates the winners from the losers. The winners push through the pain and keep going, even when it feels like everything is against them.

So don't wait. Don't spend all your time reading about JavaScript. Start building things. Start making mistakes. And don't give up. Because if you keep pushing, if you keep learning, if you keep building, you're going to achieve greatness.

Remember, it's not about being the best. It's about being the best that you can be. So go out there, start coding, and show the world what you're made of.

===============

You can download the complete code from the video here:
(And this is also where you can take the html template file from)

You can host your project on github here:

You can download the Visual Studio Code editor I’m using in this tutorial from here:

Here is the ascii editor I was using:

And here is the ascii image converter used for the Walt Disney’s head:

And finally the beautiful I'll Be Right Behind You, Josephine by Josh Woodward
generously provided by the author under the Attribution 4.0 International (CC BY 4.0) license