{"id":2610,"date":"2022-08-16T09:13:07","date_gmt":"2022-08-16T09:13:07","guid":{"rendered":"https:\/\/gyanipandit.com\/programming\/?page_id=2610"},"modified":"2022-09-10T09:57:00","modified_gmt":"2022-09-10T09:57:00","slug":"javascript","status":"publish","type":"page","link":"https:\/\/gyanipandit.com\/programming\/javascript\/","title":{"rendered":"JavaScript Tutorial"},"content":{"rendered":"\n
Introduction<\/strong><\/a><\/td><\/tr>
Advantages of JavaScript | Why should you learn JavaScript?<\/strong><\/a><\/td><\/tr>
Where to write JavaScript and run JavaScript programs?<\/strong><\/a><\/td><\/tr>
Outputs in JavaScript<\/strong><\/a><\/td><\/tr>
Variables in JavaScript
<\/strong><\/a>
\u2022 Var Keyword Javascript<\/a>
\u2022 let keyword \u2192 for a variable with definite scope<\/a>
\u2022 Javascript Const<\/a><\/td><\/tr>
Javascript identifiers<\/strong><\/a><\/td><\/tr>
Javascript Data Types<\/strong><\/a><\/td><\/tr>
JavaScript Operators<\/a>
<\/strong>
\u2022 Javascript Arithmetic Operators<\/a>
\u2022 Javascript Assignment Operators<\/a>
\u2022 Javascript Comparison Operators<\/a>
\u2022 Javascript Logical Operators<\/a>
\u2022 Bitwise Operators Javascript<\/a><\/td><\/tr>
JavaScript Comments<\/a> <\/strong><\/td><\/tr>
Javascript Functions<\/a>
<\/strong>
\u2022 Function expression Javascript<\/a><\/td><\/tr>
Arrow Functions Javascript<\/a><\/strong><\/td><\/tr>
JavaScript Objects<\/a><\/strong><\/td><\/tr>
How to execute the JavaScript program<\/a><\/strong><\/td><\/tr>
Javascript Hoisting<\/a><\/strong><\/td><\/tr>
Closures JavaScript<\/a><\/strong><\/td><\/tr>
Shadowing JavaScript<\/a><\/strong><\/td><\/tr>
Decision Making in JavaScript<\/strong><\/a><\/td><\/tr>
Ternary operator JavaScript<\/a><\/strong><\/td><\/tr>
Switch Statements JavaScript<\/a><\/strong><\/td><\/tr>
Loop JavaScript<\/strong>
<\/a>
\u2022 For loop JavaScript<\/a>
\u2022 While Loop Javascript<\/a>
\u2022 Do While Loop Javascript<\/a>
\u2022 Break Keyword Javascript<\/a>
\u2022 Continue Keyword Javascript<\/a>
\u2022 For Loop Javascript<\/a>
\u2022 For in Loop Javascript<\/a><\/td><\/tr>
String in Javascript
<\/a><\/strong>
1. JavaScript String Methods<\/a>

\u25aa Javascript String Indexof() Method<\/a>
\u25aa JavaScript String lastIndexOf() Method<\/a>
\u25aa Javascript String Search Method<\/a>
\u25aa Javascript String Slice Method<\/a>
\u25aa Javascript String Substring Method<\/a>
\u25aa Javascript String Uppercase() Method<\/a>
\u25aa String to Lowercase Javascript<\/a>
\u25aa Javascript String Trim<\/a>
\u25aa JavaScript String charAt () method<\/a><\/td><\/tr>
Events in Javascript<\/a>
<\/strong>
\u25aa Onclick Event In Javascript<\/a>
\u25aa Onpaste event in Javascript<\/a>
\u25aa Oncopy Event In Javascript<\/a>
\u25aa Ondblclick Event in Javascript<\/a>
\u25aa Onmouseover Event in Javascript<\/a>
\u25aa Onmouseout Event in Javascript<\/a>
\u25aa Onmousedown Event in Javascript<\/a>
\u25aa Onmouseup Event in Javascript<\/a><\/td><\/tr>
Arrays in JavaScript
<\/strong><\/a>
1. javascript array length<\/a><\/td><\/tr>
2. Array Methods in Javascript<\/a>

\u25aa Javascript Array to String<\/a>
\u25aa Javascript Array Join<\/a>
\u25aa Javascript Array pop<\/a>
\u25aa Javascript Array Push<\/a>
\u25aa Javascript Array Shift<\/a>
\u25aa Javascript Unshift<\/a>
\u25aa JavaScript Slice Method<\/a><\/td><\/tr>
Sets in JavaScript<\/a>
<\/strong>
\u25aa JavaScript Set Add<\/a>
\u25aa JavaScript Set Has<\/a>
\u25aa Set Size Property JavaScript<\/a>
\u25aa JavaScript Set Delete<\/a><\/td><\/tr>
Map in JavaScript
<\/a><\/strong>
\u25aa JavaScript Map set<\/a>
\u25aa Can Map have duplicate keys?
\u25aa JavaScript Map get<\/a>
\u25aa JavaScript Map has<\/a>
\u25aa JavaScript Map keys<\/a>
\u25aa JavaScript Map values<\/a>
\u25aa JavaScript Map delete<\/a><\/td><\/tr>
Javascript Date Objects<\/a>
<\/strong>
1. Some more ways to create date object<\/td><\/tr>
2. Different methods related to date

\u25aa Getting the date(getDate method)
\u25aa Getting the day of the week(getDay method)
\u25aa Getting the year(getFullYear method)
\u25aa Getting the time (getTime method)
\u25aa Getting the hours (getHours method)
\u25aa Getting the minutes(getMinutes method)
\u25aa Getting the seconds (getSeconds method)<\/td><\/tr>
Understanding this keyword<\/strong><\/td><\/tr>
Introduction to DOM (Document Object Model)
<\/strong>
1. Finding the HTML elements in the document
2. What are nodes?<\/td><\/tr>
3. Accessing different HTML elements

\u2022 Finding the element by id
\u2022 Finding elements by classname
\u2022 The querySelector method
\u2022 The querySelectorAll method<\/td><\/tr>
4. Exploring DOM<\/td><\/tr>
5. Difference between innerHTML, innerText, and textContent<\/td><\/tr>
6. You can also change the style of HTML elements<\/td><\/tr>
7. Displaying output to the console, as errors and warning<\/td><\/tr>
8. Creating new elements with JavaScript<\/td><\/tr>
9. Handling events<\/td><\/tr><\/tbody><\/table><\/figure>\n","protected":false},"excerpt":{"rendered":"

Introduction Advantages of JavaScript | Why should you learn JavaScript? Where to write JavaScript and run JavaScript programs? Outputs in JavaScript Variables in JavaScript\u2022 Var Keyword Javascript\u2022 let keyword \u2192 for a variable with definite scope\u2022 Javascript Const Javascript identifiers Javascript Data Types JavaScript Operators\u2022 Javascript Arithmetic Operators\u2022 Javascript Assignment Operators\u2022 Javascript Comparison Operators\u2022 Javascript […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2610","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/pages\/2610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/comments?post=2610"}],"version-history":[{"count":4,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/pages\/2610\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/pages\/2610\/revisions\/2966"}],"wp:attachment":[{"href":"https:\/\/gyanipandit.com\/programming\/wp-json\/wp\/v2\/media?parent=2610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}