JavaScript/C2/Overview-of-JavaScript/English
Title of the script: JavaScript Overview
Author: Jayesh Katta Ramalingaiah
Domain Reviewer:
Novice Reviewer:
Keywords: JavaScript, ECMAScript, JS, ES6
|
|
Slide: Title | Hello and welcome to the Spoken Tutorial on “Overview of JavaScript”. |
Slide:
Learning Objectives |
In this tutorial we will learn:
|
Slide: Prerequisites for using JavaScript | To work with JavaScript, we need-
|
Slide 4: For the recording of the JavaScript series | Throughout this series I will be using:
|
Slide: JavaScript | JavaScript is a living language, which is constantly evolving with new features.
Today, JavaScript is very popular because we can develop
|
Slide: Why JavaScript? | Let’s go back 25 years and understand how this language evolved.
Apart from Internet Explorer, Netscape Navigator was the only available browser in the early 90s. Browsers were supporting only static content with HTML and CSS. Everyone was using the web to just read information like how we read newspapers. There was no support for actions in the browser. So to make the web and browser better, JavaScript was introduced. Using JavaScript, users were able to interact more on the web. |
Slide: ECMAScript | ECMAScript is a standard for scripting languages such as JavaScript, JScript, etc.
It is a trademark scripting language specification. ECMAScript ensures the interoperability of web pages across different web browsers. Until 2015, there were no proper JavaScript new feature release cycles. In 2015, massive features were introduced, which were released as ECMAScript 6 popularly called ES6. From then, every year new features were added and released every year as ES7, ES8, ES9… and so on. In this tutorial series, we would be covering ES6 and above language standards. |
Now, we will briefly go through some of the individual tutorials in this series. | |
Glimpse of How to use JS in HTML | In this tutorial, we will learn how to write JS code for an HTML file. |
Glimpse of Data Types and Variables in JS | In the next tutorial, we will learn about different data types available in JS. |
Glimpse of Operators in JS | In this tutorial, We will learn about the different types of operators.
Such as arithmetic, logical, relational and other available operators in JS. |
Glimpse of Loops in JS | In the Loops tutorial, we will learn about the standard loops and their syntax in JS. |
Glimpse of Functions in JS | In the next tutorial, we will learn about the different types of functions, their syntax and usage in JS. |
Glimpse of Window and DOM Manipulations in JS | In this tutorial, we will learn about the window object.
We will also learn how to manipulate DOM elements with the help of the window object. |
Glimpse of Events and Event Listeners in JS | In this tutorial, we will learn about Events.
We will also understand the usage of event listeners on HTML elements. |
Glimpse of Variable Keywords and Hoisting in JS | In this tutorial, we will learn about the different types of variable keywords available in JS.
And, learn about their scopes and hoisting in JS. |
Glimpse of Closure in JS | In this tutorial, we will learn about the closure scope.
We’ll learn how to see the closure scope values in the function and their usage with examples. |
Glimpse of Object and Array Destructuring in JS | This tutorial will teach us about objects and array destructing in JS.
Along with that, we will be covering template literals and usage of the spread operator. |
Glimpse of this keyword in JS | The next tutorial will teach us about this keyword and their different types of bindings in detail. |
Glimpse of Arrow Function in JS | In this tutorial, we will learn about Arrow function with an example.
Then, we will learn more examples to understand the usage of setTimeout and setInterval. |
Glimpse of Array Methods in JS | In this tutorial, we will be walking through some of the basic methods for manipulating the array.
And, we will even look into some of the advanced array loops like forEach, map and filter. |
Glimpse of Classes and Inheritance in JS | This tutorial teaches about class, constructor, super keyword and inheritance in JS with examples. |
Glimpse of Promise and Async-Await in JS | In this tutorial, we will learn about Promise and the different states of a promise.
Also, we’ll learn how to use a promise and its advantages. Then we’ll see how to chain promise and how to handle multiple promise execution with async-await. |
Glimpse of Fetch API in JS | In this tutorial, we will learn how to fetch real-time GitHub user data.
We will learn this with a sample GitHub URL and display in the browser. |
Glimpse of Project GitHb Repos in JS | In this tutorial, we will learn how to take the input from the user.
And, then it will fetch the repo details of the GitHub user for the entered user input. |
Only narration | With this, we come to the end of this tutorial.
Let us summarise. |
Slide: Summary | In this tutorial, we have learnt about:
|
Slide: About Spoken Tutorial Project |
|
Slide: Spoken tutorial workshops |
|
Slide: Answers for THIS Spoken Tutorial |
|
Slide : Forum for specific questions |
|
Slide: Acknowledgement | Spoken Tutorial Project is funded by Ministry of Education (MoE), Government of India. |
Slide: Thanks | The script for this tutorial is contributed by Jayesh.
And this is Praveen signing off. Thank you for joining. |