Learning Path: JavaScript: Reactive and Functional JavaScript

Beginning JavaScript and jQuery 21 lectures 02:54:47 Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course Introduction to JavaScript How do we get started with JavaScript?

• We first need to learn the background of JavaScript.
• We then need to choose the software we need to use.
• We did it! We wrote our first simple JavaScript script.

Basic JavaScript Syntax What is the syntax of the JavaScript language?

• You must learn how to call JavaScript from the browser.
• Now, you’ll learn the words you can’t use in variables.
• You have learned the basic syntax of the language.

Variables You need to store the data in the script and use it at various points.

• You need to know what a variable is and the types.
• You must now learn the correct naming conventions.
• Now you know how to declare and use variables.

Functions So far, you have learned how to store data to use again, but what about a series of statements that we may use over and over again?

• Like variables, you must learn what a function is.
• Now, you will learn how to declare and call functions.
• To wrap up functions, you will now learn how to pass parameters.

For Loop How can I make certain parts of my code execute a given number of times?

• We will start by learning what loops are in programming.
• You will then learn the syntax of the for loop.
• We can now execute our code a certain number of times.

While and Do While Loops Is there an alternative to the for loop?

• You will learn the structure of the while loop
• You will now learn the do while loop alternative.
• We now have three options for loops and know when to use them.

if Statement There could be times when you need to execute your code only if certain conditions are true.

• You must learn about conditional branching first.
• Now we look at the if statement itself.
• We can now have our code execute only when a condition is true.

Switch Statement After seeing how the if statement, there could be a requirement where you need to check multiple conditions and each condition has its own code execution.

• We will look at the switch statement.
• We will now look at an alternative: the if else if statement
• We can use all the available conditional branching statements

What Is the DOM? The Document Object Model (DOM) is a critical component of the JavaScript language. You need to learn what it is before you can use it.

• We start by learning what the DOM is.
• You must now learn what the DOM is not.
• Younow have a solid understanding of the DOM.

Accessing the DOM The DOM seems so daunting; how can we get the pieces we need to use?

• Youwill learn the three ways of selecting nodes individually.
• You will now learn how to select multiple nodes.
• Now that we can select nodes, we are ready to manipulate them.

Manipulating the DOM Being able to select nodes is fun but not very productive on its own. You need to learn how to make changes to the DOM after you select the element.

• We need to add an element when needed.
• Times will come when we need to edit items as well.
• We can now add, edit, and delete from the DOM!

jquery Fundamentals What is jQuery and how can it be used in the place of traditional JavaScript?

• You first need to learn the background of jQuery.
• Now that we know what it is, why should we use it?
• We know the power of jQuery; it is time to unleash it!

Using jQuery: Local Versus CDN jQuery can be used from the local file system or via a Content Delivery Network (CDN). What is the difference between the two, and which is better?

• You need to learn how to use it locally.
• Next, you need to learn how to use it via CDN.
• You have now learned both the usage methods and when to use them.

Basic jQuery Example We have been talking about jQuery and the power behind it, but we have not seen it in action yet.

• You must learn the syntax jQuery uses.
• You now need to learn the best place in your script to call it.
• The power and ease of jQuery is starting to come through.

Accessing the DOM with jQuery We know how to access the different elements of the DOM with JavaScript, but it seems clunky. Can jQuery make it easier?

• First, you will learn the syntax of how jQuery does selections.
• You will now learn how to get the HTML or text of an element.
• It is so much easier doing selections with jQuery!

Updating the Elements and Content It is easier to select the nodes of the DOM with jQuery, but just selecting them is no fun. How can we manipulate them?

• First we need to change the HTML elements.
• Next, you will learn how to manipulate text within the DOM elements.
• We can now change any HTML element or text we want.

Inserting the Elements and Content The final piece we need to manipulate the DOM is to add elements as needed.

• You need to learn how to add elements before another element.
• Now we need to add elements and text within another element.
• We can now fully manipulate the DOM with jQuery!

Playing with Forms jQuery is very powerful, but it seems to be lacking in form validation. How can we use jQuery to validate web forms?

• First, you learn about jQuery plugins.
• Now, you learn about the jQuery Validate plugin
• We can now validate HTML forms and get the correct information!

CSS Fun You have learned how to change HTML or the text of DOM elements; can we change the CSS? Also, it would be nice to add some neat effects to elements.

• You will learn about .css() and how to change the CSS
• Now, we will add jQuery effects to an element
• We can now fully manipulate any DOM element

A Quick Look at Events jQuery events look much simpler to use compared with JavaScript events. How can we use them?

• First, you will learn two different ways to attach events to a DOM element
• Next, you will learn about the jQuery event object and the additional information it provides
• We can now use jQuery events with confidence!

Beginning JavaScript and jQuery. 21 lectures 02:54:47 Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course Introduction to JavaScript How do we get started with JavaScript?

• We first need to learn the background of JavaScript.
• We then need to choose the software we need to use.
• We did it! We wrote our first simple JavaScript script.

Basic JavaScript Syntax What is the syntax of the JavaScript language?

• You must learn how to call JavaScript from the browser.
• Now, you’ll learn the words you can’t use in variables.
• You have learned the basic syntax of the language.

Variables You need to store the data in the script and use it at various points.

• You need to know what a variable is and the types.
• You must now learn the correct naming conventions.
• Now you know how to declare and use variables.

Functions So far, you have learned how to store data to use again, but what about a series of statements that we may use over and over again?

• Like variables, you must learn what a function is.
• Now, you will learn how to declare and call functions.
• To wrap up functions, you will now learn how to pass parameters.

For Loop How can I make certain parts of my code execute a given number of times?

• We will start by learning what loops are in programming.
• You will then learn the syntax of the for loop.
• We can now execute our code a certain number of times.

While and Do While Loops Is there an alternative to the for loop?

• You will learn the structure of the while loop
• You will now learn the do while loop alternative.
• We now have three options for loops and know when to use them.

if Statement There could be times when you need to execute your code only if certain conditions are true.

• You must learn about conditional branching first.
• Now we look at the if statement itself.
• We can now have our code execute only when a condition is true.

Switch Statement After seeing how the if statement, there could be a requirement where you need to check multiple conditions and each condition has its own code execution.

• We will look at the switch statement.
• We will now look at an alternative: the if else if statement
• We can use all the available conditional branching statements

What Is the DOM? The Document Object Model (DOM) is a critical component of the JavaScript language. You need to learn what it is before you can use it.

• We start by learning what the DOM is.
• You must now learn what the DOM is not.
• Younow have a solid understanding of the DOM.

Accessing the DOM The DOM seems so daunting; how can we get the pieces we need to use?

• Youwill learn the three ways of selecting nodes individually.
• You will now learn how to select multiple nodes.
• Now that we can select nodes, we are ready to manipulate them.

Manipulating the DOM Being able to select nodes is fun but not very productive on its own. You need to learn how to make changes to the DOM after you select the element.

• We need to add an element when needed.
• Times will come when we need to edit items as well.
• We can now add, edit, and delete from the DOM!

jquery Fundamentals What is jQuery and how can it be used in the place of traditional JavaScript?

• You first need to learn the background of jQuery.
• Now that we know what it is, why should we use it?
• We know the power of jQuery; it is time to unleash it!

Using jQuery: Local Versus CDN jQuery can be used from the local file system or via a Content Delivery Network (CDN). What is the difference between the two, and which is better?

• You need to learn how to use it locally.
• Next, you need to learn how to use it via CDN.
• You have now learned both the usage methods and when to use them.

Basic jQuery Example We have been talking about jQuery and the power behind it, but we have not seen it in action yet.

• You must learn the syntax jQuery uses.
• You now need to learn the best place in your script to call it.
• The power and ease of jQuery is starting to come through.

Accessing the DOM with jQuery We know how to access the different elements of the DOM with JavaScript, but it seems clunky. Can jQuery make it easier?

• First, you will learn the syntax of how jQuery does selections.
• You will now learn how to get the HTML or text of an element.
• It is so much easier doing selections with jQuery!

Updating the Elements and Content It is easier to select the nodes of the DOM with jQuery, but just selecting them is no fun. How can we manipulate them?

• First we need to change the HTML elements.
• Next, you will learn how to manipulate text within the DOM elements.
• We can now change any HTML element or text we want.

Inserting the Elements and Content The final piece we need to manipulate the DOM is to add elements as needed.

• You need to learn how to add elements before another element.
• Now we need to add elements and text within another element.
• We can now fully manipulate the DOM with jQuery!

Playing with Forms jQuery is very powerful, but it seems to be lacking in form validation. How can we use jQuery to validate web forms?

• First, you learn about jQuery plugins.
• Now, you learn about the jQuery Validate plugin
• We can now validate HTML forms and get the correct information!

CSS Fun You have learned how to change HTML or the text of DOM elements; can we change the CSS? Also, it would be nice to add some neat effects to elements.

• You will learn about .css() and how to change the CSS
• Now, we will add jQuery effects to an element
• We can now fully manipulate any DOM element

A Quick Look at Events jQuery events look much simpler to use compared with JavaScript events. How can we use them?

• First, you will learn two different ways to attach events to a DOM element
• Next, you will learn about the jQuery event object and the additional information it provides
• We can now use jQuery events with confidence!

Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course Beginning JavaScript and jQuery - The Course Overview This video will give an overview of entire course This video will give an overview of entire course This video will give an overview of entire course Introduction to JavaScript How do we get started with JavaScript?

• We first need to learn the background of JavaScript.
• We then need to choose the software we need to use.
• We did it! We wrote our first simple JavaScript script.

Introduction to JavaScript How do we get started with JavaScript?

• We first need to learn the background of JavaScript.
• We then need to choose the software we need to use.
• We did it! We wrote our first simple JavaScript script.

Introduction to JavaScript How do we get started with JavaScript?

• We first need to learn the background of JavaScript.
• We then need to choose the software we need to use.
• We did it! We wrote our first simple JavaScript script certain number of...