An Introduction to JavaScript

An introduction to the course material and what we plan to cover in the course. What you will need to complete the training, course requirements.

In Section 2 of the lesson series we discuss and demonstrate how we add JavaScript to our HTML documents and the proper technique for positioning JavaScript code in our applications.

In Section 3 we begin to dive into JavaScript. We demonstrate the different pop up boxes that are available in the JavaScript programming language. We demonstrate and discuss how these boxes can be used to assist us in the development of our code.

>In Section 4 of the series we demonstrate how to use the document.write method in JavaScript to output JavaScript returns into our HTML document. We begin to discuss the built in methods in JavaScript and how they are used in our programming.

Variables are an important aspect of all programming languages and JavScript is no exception. In this lesson we demonstrate how variables are implemented, the different types of variables available and how we can use them in our programming.

Functions allow us to write code that can be reused throughout our application. In this lesson we begin to work with functions in JavaScript. We demonstrate the proper syntax for functions and how they can be added to our code to make our programming more consistent and reusable.

We continue our discussion on Functions and look at some of the advanced features of using functions in our applications. We experiment with returning values and how those values can be included in our HTML pages.

Loops play an important role in application development. The While Loop is one of the loops available in JavaScript that allows us to repeat the execution of code without having to rewrite the code for each repetition. While Loops are used quite often to extract information from Arrays in programming.

Another Loop that is very popular in programming is the For Loop. For Loops are more often used when we know how many repetitions a group of code will need to execute. We demonstrate uses of the For Loop and discuss how it is used in the application development process.

The Do-While Loop is very unique in programming. It holds the distinction of the only loop that will execute its code at least one time regardless of the condition of the loop counter. If you have to insure at least one execution of the code that you are writing, then the Do-While loop is the loop for that task.

The ability to store multiple values in a single variable name is where the array comes in. If you have a large amount of data that is related, an array is an excellent choice for storing that data. In this lesson we demonstrate the use of arrays in JavaScript and how the information in the arrays can be added to and extracted from the array variable.

The ability for a program to base code execution on conditions is a fundamental aspect of any programming language. In this lesson we begin our demonstration on Conditional Statements in JavaScript and how they are used in our programming.

In this lesson we dive into the Switch Statement one of the most misunderstood conditional statements in programming. If you have a large amount of conditions that you are checking against the Switch Statement is the right choice for that programming block of code.

The true power of JavaScript comes into full view when you understand all the objects and events that are available in your web document. Understanding how the DOM is used in programming JavaScript is a very important aspect of that language. In this lesson we dive into the DOM in preparation for the next few lessons and all the cool things that are available once we understand how the DOM operates.

We have been building to this point since we started the training. Now it starts to get fun. Working with the events that occur across our web application and HTML elements we can have JavaScript perform many tasks based on the users input. In this lesson we begin to experiment with how those user interactions can be harnessed to manipulate our web application and our document to perform tasks based on the users interactions with the site or application.

We dig deeper into events in JavaScript and demonstrate how we can make modifications to the HTML content utilizing the events in JavaScript. We also look at just how many events are availble in JavaScript and how using development tools we can view how events are interacting with your document.

We go back and review how we utilized events to this point and then demonstrate the "Best Pratices" design on how event listeners are used to better form our code structure. EventListeners are a "Best Practice" to utilize events in JavaScript and allow us many new techniques that are not available utilizing the attribute standard of events. We demonstrate how best to implement Event Listeners in our code to form our code structure.

We demonstrate the many different ways that code can be added to a JavaScript file and discuss some of the newer techniques for building functions. I also discuss what will be upcoming in the Intermediate lessons in the future and where you should go next as you build on your JavaScript knowledge.

Using the concepts that we have studied throughout the training we build a smple age verification system using many of the core features of the JavaScript programming language. We practice and reinforce many of the concepts that we learned throughout the training.

This project is much more complex than the first. In this project we create an Array using a form on our page and input names to the array from that form. We display the names as they are created on our page and then write the names to the array. We then build functions that will sort the Array in a forward sort list and a reverse sort list triggered by buttons on our page. We cover all the fundamentals from our training not covered in the first project and introduce some intermediate programming concepts of JavaScript.