Javascript Tutorial with Examples For Beginners (pt 1)




This is part one of a series of javascript programming tutorials for beginners. I’ve created a bunch of example and sample problems for you to solve here:
http://www.pyaraapp.com/js-tutorial-1.html

Go to that site, open the developer console and type in the following commands and see what happens:

/* Javascript Can Change HTML Content */
document.getElementById(“demo”).innerHTML = “Hello There”;

/* JavaScript Can Change HTML Styles (CSS) */
document.getElementById(“demo”).style.fontSize = “30px”;

/* JavaScript Can Hide HTML Elements */
document.getElementById(“demo”).style.display=”none”;

/* JavaScript Can Show HTML Elements */
document.getElementById(“demo”).style.display=”block”;

The problem with most javascript tutorials is that they don’t give you enough example problems. If you are a beginner, it is really hard to learn how to code by just watching videos. You need to go out there and really solve sample problems.

What is javascript:

JavaScript is the programming language of HTML and the Web.

Programming makes computers do what you want them to do.

JavaScript is easy to learn.

This tutorial series will take you from a JavaScript beginner to an expert.

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages

2. CSS to specify the layout of web pages

3. JavaScript to program the behavior of web pages

This tutorial is about JavaScript, and how JavaScript works with HTML and CSS.

Learn by Examples:

Examples are better than 1000 words. Examples are often easier to understand than text explanations.

This tutorial supplements all explanations with clarifying “Try it Yourself” examples.

If you try all the examples, you will learn a lot about JavaScript, in a very short time!

In this video, I will use the javascript console thats built into the chrome developer tools to get you to start writing javascript code.

With the chrome browser, you will be able to write out some code and see the results immediately.

Then I will show you how to store a variable and what a variable really is. Then I will go over the different types of variables and then how to output the values of these variables you created.

Original source


5 responses to “Javascript Tutorial with Examples For Beginners (pt 1)”

Leave a Reply