Javascript Tutorial For Beginners

You might also like

Download as pdf
Download as pdf
You are on page 1of 14
Home JavaScript HTML css Bootstrap iQuery Node,js PHP CROLL TO TOP Learn JavaScript Tutorial JavaScript Our JavaScript Tutorial is designed for beginners and professionals both. JavaScript is used to create client-side dynamic pages. JavaScript is an object-based scripting language which is lightweight and cross-platform. JavaScript is not a compiled language, but it is a translated language. The JavaScript Translator (embedded in the browser) is responsible for translating the JavaScript code for the web browser. What is JavaScript JavaScript (js) is a light-weight object-oriented programming language which is used by several websites for scripting the webpages. It is an interpreted, full-fledged programming language that enables dynamic interactivity on websites when applied to an HTML document. It was introduced in the year 1995 for adding programs to the webpages in the Netscape Navigator browser. Since then, it has been adopted by all other graphical web browsers. With JavaScript, users can build modern web applications to interact directly without reloading the page every time. The traditional website uses js to provide several forms of interactivity and simplicity ROLL TO TOP Although, JavaScript has no connectivity with Java programming language. The name was suggested and provided in the times when Java was gaining popularity in the market. In addition to web browsers, databases such as CouchDB and MongoDB uses JavaScript as their scripting and query language. Features of JavaScript There are following features of JavaScript: 1. All popular web browsers support JavaScript as they provide built-in execution environments. 2. JavaScript follows the syntax and structure of the C programming language. Thus, it is a structured programming language. 3. JavaScript is a weakly typed language, where certain types are implicitly cast (depending on the operation). 4, JavaScript is an object-oriented programming language that uses prototypes rather than using classes for inheritance. 5. Itis a light-weighted and interpreted language. 6. Itis a case-sensitive language, 7. JavaScript is supportable in several operating systems including, Windows, macOS, ete. 8, It provides good control to the users over the web browsers. History of JavaScript In 1993, Mosaic, the first popular web browser, came into existence. In the year 1994, Netscape was founded by Marc Andreessen. He realized that the web needed to become more dynamic. Thus, a ‘glue language’ was believed to be provided to HTML to make web designing easy for h intending to implement and embed Scheme programming language to the browser. But, before designers and part-time programmers. Consequently, in 1995, the company recruited Brendan Brendan could start, the company merged with Sun Microsystems for adding Java into its Navigator so that it could compete with Microsoft over the web technologies and platforms. Now, two languages were there: Java and the scripting language. Further, Netscape decided to give a similar name to the scripting language as Java's. It led to ‘Javascript’, Finally, in May 1995, Marc Andreessen coined the first code of Javascript named ‘Mocha’. Later, the marketing team replaced the name with ‘LiveScript’. But, due to trademark reasons and certain other reasons, in December 1995, the language was finally renamed to ‘JavaScript’. From then, JavaScript came into existence. Application of JavaScript “S reate interactive websites, It is mainly used for: © Client-side validation, © Dynamic drop-down menus, © Displaying date and time, © Displaying pop-up windows and dialog boxes (like an alert dialog box, confirm dialog box and prompt dialog bow), © Displaying clocks ete. JavaScript Example Test it Now A detailed explanation of first JavaScript example is given in next chapter. JavaScript Index JavaScript Tuto! JavaScript Date Object JavaScript Object ©. JavaScript Introduction © JavaScript Date © JavaScript Object © JavaScript Example © date getDate) method © Object.assign() method © External JavaScript, © date getDay() method © Object.create) method JavaScript Basics © date getFullYears) © Object.defineProperty() method method © JavaScript Comment © date getHours) method © Object.defineProperties) © JavaScript Variable © date getMilliseconds() method © JavaScript Global method © Objectentries() method Variable © date getMinutes()) © Object freeze() method © JavaScript Data Types method © getOwnPropertyDescriptor() © JavaScript Operators © date getMonth() method method ; © JavaScript If Statement © getOwnPropertyDescriptors() © date getSeconds() method © JavaScriot Switch method “SCROLL TO TOP © getOwnPropertyNames() c P method ° JavaScript Function JavaScript Objects ° ° ° ° ° ° JavaScript Object JavaScript Array JavaScript String JavaScript Date JavaScript Math JavaScript Number JavaScript Boolean JavaScript DataView JavaScript Function JavaScript handler JavaScript JSON JavaScript Number JavaScript Reflect JavaScript RegExp JavaScript Symbol JavaScript BOM Browser Objects 1) Window Object 2) History Object 3) Navigator Object 4) Screen Object JavaScript DOM ° ° ° ° 5) Document Object getElementByld getElementsByName getElementsByTagName ePCROLL TO TOP date getUTCDate() method date getUTCDay() method date _getUTCFullYears() method date getUTCHours() method date getUTCMinutes() method date getUTCMonthd, method date _getUTCSeconds() method date setDate() method date setDay() method date setFullYears() method date setHours() method date setMilliseconds() method date setMinutes) method date setMonth0) method date setSeconds() method date setUTCDate() method date setUTCDay() method date setUTCFullYears() method date setUTCHours() method © getOwnPropertySymbols() method © Object.getPrototypeOf) method © Object.is) method © preventExtensions() method © Objectseal() method © ObjectsetPrototypeOf) method © Objectvalues() method JavaScript Reflect Object ° JavaScript Reflect ° Reflect.apply) method © Reflect.construct() method © Reflect.defineProperty() method © Reflect.deleteProperty() method © Reflect.get() method © getOwnPropertyDescriptor() method © Reflect.getPrototypeOf() method © Reflect.has() method © Reflect.isExtensibleQ) method © Reflect.ownKeys) method © preventExtensions() method © Reflect.set() method ° ° JavaScript innerHTML. property JavaScript _innerText property JavaScript Validation JavaScript form validation JavaScript email validation JavaScript OOPs ° ° JavaScript Class JavaScript Object JavaScript Prototype JavaScript constructor Method JavaScript static Method JavaScript Encapsulation JavaScript Inheritance JavaScript Polymorphism JavaScript Abstraction JavaScript Cookies JavaScript Cookies Cookie Attributes Cookie with multiple Name Deleting Cookies JavaScript Events HTML/DOM Events “CROLL TO TOP ci © date setUTCMilliseconds0) method © date — setUTCMinutes() method © date setUTCMontho method © date setUTCSeconds() method © date ——_toDateString() method © date tolSOString) method © date toJSON( method © date toString() method © date toTimeStringd) method © date method © date valueOf) method JavaScript handler Object ° JavaScript handler © handler apply() method © handler construct() method © handler defineProperty() method © handler deleteProperty() method © handler get() method © handler getOwnPropertyDescriptor() method © handler getPrototypeOf) © ReflectsetPrototypeOfd) method JavaScript Set Object ° JavaScript Set © Set add() method © Set clear) method © Set delete) method © Set entries() method © Set forfach0) method © Set has() method © Set values() method JavaScript String Object © String charAt() method © String charAt() method © String charCodeAt method © String concat() method © String indexOf() method © String _lastindexofo method © String search) method © String match © String replace) method © String substr method © String substring) method © String slice) method © String toLowerCase() method © toLocaleLowerCase() method ©. JavaScript this Keyword © JavaScript Debugging ©. JavaScript Hoisting © JavaScript Strict Mode JavaScript Advance © JavaScript TypedArray ° JavaScript Set ° JavaScript Map ° JavaScript WeakSet ° JavaScript WeakMap Interview Questions © JavaScript _ Interview Questions JavaScript Methods JavaScript Array Object ° JavaScript Array © Array concat() method © Array copywithing method © Array every() method © Array fill method © Array filter) method © Array find) method © Array findindex0 method © Array forEach) method © Array includes() method © Array indexOf) method > <= method ePCROLL TO TOP method © handler has() method © handler —isExtensibleg method © handler ownkeys() method © handler preventExtensions() method © handler set() method © handler setPrototypeOf() method JavaScript JSON Object ©. JavaScript JSON © JSON parse() method © JSON.stringify() method JavaScript Map Object © JavaScript Map © Map clear() method © Map delete() method © Map entries() method © Map forEach method © Map get() method © Map has() method © Map keys() method © Map set() method © Map values) method JavaScript Math Object © JavaScript Math © Math abs() method © String — toUpperCase() method © toLocaleUpperCase() method © String toString() method © String valueOf) method JavaScript Symbol Object © JavaScript Symbol © Symbolfor() method © Symbol.keyFor() method © SymboltoStringd method ‘Symbol Property © Symbol.hasinstance Property © isConcatSpreadable Property © Symbol.match Property © Symbol.prototype Property © Symbolreplace Property © Symbolsearch Property © Symbol-split Property © SymboltoStringTag Property © Symbol.unscopables Property JavaScript TypedArray Object © JavaScript TypedArray © TypedArray copyWithin method © Array —_lastIndexOf method © Array map) method © Array pop() method © Array push) method © Array reverse) method © Array shift() method © Array slice() method © Array sort() method © Array splice) method ° Array unshift) method JavaScript DataView Object © JavaScript DataView © DataView getFloat320) method © DataView getFloate4() method © DataView —_getInt8) method © DataView —_getint160) method © DataView —_getint320) method © DataView —_getUint8Q method © DataView — getUinti6() method © DataView — getUint320 method JavaScript Function Object CROLLTOTOP action ° Math acos() method © Math asin) method © Math atan() method © Math cbrt) method Math ceil) method Math cos) method © Math cosh method Math exp() method © Math floor) method Math hypot)) method © Math log() method © Math max() method © Math mind method © Math pow() method © Math random) method © Math round() method Math sign method © Math sin() method © Math sinh method © Math sqrt method © Math tan method © Math tanh() method © Math trunc() method JavaScript Number Object © JavaScript Number Number isFiniteo method © Number _isinteger() method TypedArray _entries() method TypedArray every) method TypedArray fill method TypedArray filter method TypedArray find) method TypedArray _findIndex() method TypedArray — forEach0) method TypedArray includes) method TypedArray —_indexof() method TypedArray join method TypedArray Keys) method TypedArray lastindexof)) method TypedArray map) method TypedArray —_reduce() method TypedArray reduceRight() method TypedArray —_reverse() method TypedArray set() method TypedArray Sliced method © Function apply) method © Function bind) method © Function call() method © Function toString) method Prerequisite © Number _ parseFloat() method © Number parseint method © Number toExponentialo method © Number toFixed() method © Number — toPrecision() method © Number toString) method JavaScript RegExp Object ° JavaScript RegExp ° RegExp.exec() method ° RegExp.test() method ° RegExp.toStringd) method © TypedArray —— some() method © TypedArray sort), method © TypedArray — subarray() method © TypedArray —_values() method © toLocaleString) method © TypedArray — toString) method JavaScript WeakMap Object © JavaScript WeakMap © WeakMap deleted) method © WeakMap get() method © WeakMap has() method © WeakMap set() method JavaScript WeakSet Object ©. JavaScript WeakSet © WeakSet add) method © WeakSet delete) method © WeakSet has() method Before learning JavaScript in depth, you must have the basic knowledge of HTML. Audience c “SCROLL TO TOP We have developed this JavaScript tutorial for beginners and professionals both. There are given a lot of examples with JavaScript editor. So, you can easily edit your JavaScript code which will help you to learn JavaScript easily. Problem We assure you that you will not find any problem in our JavaScript tutorial. But, if you find any mistake, you can post it in our comment section, e:¥outube For Videos Join Our Youtube Channel: Join Now Feedback © Send your Feedback to feedback @javatpoint.com, Help Others, Please Share “SCROLL TO TOP ci Learn Latest Tutorials Splunk tutorial Splunk (#}Tumblr tutorial ‘Tumblr 22R Programming tutorial R Programming &. Python Pillow tutorial Python Pillow Preparation Aptitude SCROLL TO TOP SPSS tutorial spss # React tutorial ReaculS ARIS tutorial RxlS \F: Python Turtle tutorial Python Turtle (2 Logical Reasoning Reasoning, ii Swagger tutorial Swagger #Regex tutorial Regex a} React Native tutorial React Native i Keras tutorial Keras A Nerbal Ability Verbal Ability 2T-SQL tutorial Transact SQL lo} Reinforcement learning tutorial Reinforcement Learning (3 Python Design Patterns Python Design Patterns (o} Interview Questions Interview Questions Company Interview Questions Company Questions Trending Technologies @ Axtificial LAWS Tutorial Selenium Intelligence tutorial Tutorial AWS Selenium: Anificial Intelligence PHadoop tutorial g__ReactIS (2) Data Science Tutorial Tutorial Hadoop ReactIS Data Science #2 Blockchain Git Tutorial (#3 Machine Tutorial cit Learning Tutorial Blockchain Machine Learning SCROLL TO TOP (2 Cloud ‘Computing tutorial Cloud Computing l#} Angular 7 Tutorial Angular 7 i DevOps ‘Tutorial DevOps DBMS tutorial DBMS Computer Network tutorial ‘Computer Network Ethical Hacking Tutorial Ethical Hacking Cyber Security tutorial Cyber Security i#Java tutorial Java & Control Systems tutorial Control System CROLL TO TOP (o Data Structures tutorial Data Structures (& Compiler Design tutorial Compiler Design Computer Graphics BE Automata Tutorial Automata Net Framework tutorial Net (Data Mining Tutorial Data Mining DAA tutorial DAA Computer Organization and Architecture Computer Organization lei Software Engineering Tutorial Software Engineering. lei C Language tutorial C Programming APython tutorial Python Data Warehouse ‘Tutorial Data Warchouse (2 Operating System tutorial Operating System lei Discrete Mathematics Tutorial Discrete Mathematics #ihtm! tutorial Web Technology tutorial cH le List of Programs Programs CROLL TO TOP

You might also like