title
JavaScript Full Course | JavaScript Tutorial For Beginners | JavaScript Training | Edureka

description
πŸ”₯ Full Stack Web Developer Training (Use Code "π˜πŽπ”π“π”ππ„πŸπŸŽ"): https://www.edureka.co/masters-program/full-stack-developer-training This Edureka video on "JavaScript full course" is a complete guide to JavaScript which covers in-depth knowledge about data types, variables, functions, event handling, form validation, etc using JavaScript. Topics covered in this Complete JavaScript Tutorial for Beginners are: 00:00 Introduction 0:50 What is HTML & CSS? 7:30 What is JavaScript? 9:02 JavaScript History 10:03 Java vs JavaScript 11:28 Uses of JavaScript 12:13 How to write a JavaScript program? 25:08 Data Types in JavaScript 30:33 Variables in JavaScript 36:26 Arrays in JavaScript 39:56 Type Conversion in JavaScript 45:46 Operators in JavaScript 1:02:10 Conditional Statements 1:02:30 if condition 1:02:55 if-else condition 1:03:10 if-else-if-else condition 1:04:00 switch condition 1:09:10 Loops in JavaScript 1:0920 for loop 1:15:35 for-in loop 1:16:05 while loop 1:19:40 do while loop 1:20:50 Functions in JavaScript 1:25:10 Types of Function in JavaScript 1:26:42 Named Functions 1:34:12 Anonymous Functions 1:40:12 Constructors 1:44:17 Self-Invoking Functions 1:54:17 Closure 2:01:22 Object Creation 2:21:52 Object Property Deletion 2:27:07 Browser Object Model 2:38:52 Screen object 2:43:07 Navigator Object 2:49:22 Location Object 2:53:27 Histrory Object 2:54:47 Document Object Model 3:00:42 Finding Element 3:08:42 Changing HTML Elements 3:08:47 Event Listeners 3:12:57 Events 3:22:57 Form Validations ---------------- JavaScript Certification Training ------------------ πŸ”΅ Edureka Angular Training: http://bit.ly/38mi3sw πŸ”΅ Edureka ReactJS Training: http://bit.ly/2DVP6Wz πŸ”΅ Edureka NodeJS Training: http://bit.ly/35ehwXX πŸ”΅ Edureka Web Development Training: https://bit.ly/3zCqNr3 πŸ”΅ Edureka Full Stack Training: http://bit.ly/2YveVpL πŸ”΅ Edureka Python Django Training: http://bit.ly/2RAk6Do πŸ”΄Subscribe to Edureka YouTube channel for latest video updates: http://bit.ly/2ADbbb1 πŸ“’πŸ“’ 𝐓𝐨𝐩 𝟏𝟎 π“π«πžπ§ππ’π§π  π“πžπœπ‘π§π¨π₯𝐨𝐠𝐒𝐞𝐬 𝐭𝐨 π‹πžπšπ«π§ 𝐒𝐧 2023 π’πžπ«π’πžπ¬ πŸ“’πŸ“’ ⏩ NEW Top 10 Technologies To Learn In 2023 - https://youtu.be/udD_GQVDt5g Instagram: https://www.instagram.com/edureka_learning Facebook: https://www.facebook.com/edurekaIN/ Twitter: https://twitter.com/edurekain LinkedIn: https://www.linkedin.com/company/edureka Castbox - https://castbox.fm/networks/505 - - - - - - - - - - - - - - - - - #Edureka #JavaScriptEdureka #JavaScriptTutorial #JavaScriptTutorialForBeginners #JavScript #JavaScriptCompleteCourse For more information, Please write back to us at sales@edureka.in or call us at IND: 9606058406 / US: 18338555775 (toll-free).

detail
{'title': 'JavaScript Full Course | JavaScript Tutorial For Beginners | JavaScript Training | Edureka', 'heatmap': [{'end': 2049.569, 'start': 1912.945, 'weight': 0.828}, {'end': 8932.267, 'start': 8794.872, 'weight': 1}], 'summary': 'The javascript course covers basics, functions, data types, operators, statements, loops, objects, event handling, html manipulation, dom, form validation, and bom. it includes practical examples, emphasizing the role of javascript in web development and its applications in gaming and mobile apps.', 'chapters': [{'end': 48.635, 'segs': [{'end': 54.997, 'src': 'embed', 'start': 29.313, 'weight': 0, 'content': [{'end': 36.098, 'text': 'will look into the functions in JavaScript and finally end the session with even handling and objects in the section of event handling.', 'start': 29.313, 'duration': 6.785}, {'end': 39.621, 'text': 'We look into the browser object model Dom and form validation.', 'start': 36.358, 'duration': 3.263}, {'end': 43.537, 'text': "So today we have a special guest Gauri who's going to take this session forward.", 'start': 40.102, 'duration': 3.435}, {'end': 44.762, 'text': 'So over to you Gauri.', 'start': 43.898, 'duration': 0.864}, {'end': 46.394, 'text': 'Hi all.', 'start': 45.854, 'duration': 0.54}, {'end': 48.635, 'text': 'I welcome each and every one of you.', 'start': 46.774, 'duration': 1.861}, {'end': 54.997, 'text': 'To know what is JavaScript we just need to know what are web pages or web apps.', 'start': 49.375, 'duration': 5.622}], 'summary': 'Session covers javascript functions, event handling, objects, dom, and form validation with a special guest gauri.', 'duration': 25.684, 'max_score': 29.313, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO029313.jpg'}], 'start': 11.138, 'title': 'Javascript basics & functions', 'summary': 'Provides an introduction to javascript, covering data types, operators, conditional statements, loops, functions, event handling, objects, browser object model (dom), and form validation, with a special guest speaker.', 'chapters': [{'end': 48.635, 'start': 11.138, 'title': 'Javascript basics & functions', 'summary': 'Covers an introduction to javascript, including data types, operators, conditional statements, loops, functions, event handling, objects, browser object model (dom), and form validation, with a special guest speaker.', 'duration': 37.497, 'highlights': ['Gauri will cover JavaScript basics, including data types, operators, and conditional statements.', 'The session will also include in-depth discussions on functions, event handling, objects, and form validation.', 'Special guest Gauri will lead the session, providing insights into JavaScript concepts and practical applications.']}], 'duration': 37.497, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011138.jpg', 'highlights': ['Special guest Gauri will lead the session, providing insights into JavaScript concepts and practical applications.', 'The session will also include in-depth discussions on functions, event handling, objects, and form validation.', 'Gauri will cover JavaScript basics, including data types, operators, and conditional statements.']}, {'end': 679.294, 'segs': [{'end': 78.889, 'src': 'embed', 'start': 49.375, 'weight': 2, 'content': [{'end': 54.997, 'text': 'To know what is JavaScript we just need to know what are web pages or web apps.', 'start': 49.375, 'duration': 5.622}, {'end': 60.239, 'text': 'A web app is something that is available on web or an internet.', 'start': 55.558, 'duration': 4.681}, {'end': 65.861, 'text': 'So whenever we say the word internet what comes to our mind is nothing but the browser.', 'start': 60.699, 'duration': 5.162}, {'end': 72.664, 'text': 'Whenever we open a browser and hit a link on the browser what gets on the screen is a web page.', 'start': 66.061, 'duration': 6.603}, {'end': 78.889, 'text': 'Page that is hosted on a browser that is shown by the browser to us is called as a web page.', 'start': 73.124, 'duration': 5.765}], 'summary': 'Javascript is essential for web pages and web apps, integral to internet browsing.', 'duration': 29.514, 'max_score': 49.375, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO049375.jpg'}, {'end': 130.374, 'src': 'embed', 'start': 102.466, 'weight': 0, 'content': [{'end': 108.213, 'text': 'Now, whatever coding that we do on the server side, it is called a server-side programming.', 'start': 102.466, 'duration': 5.747}, {'end': 113.921, 'text': 'And whatever coding that we do on this browser side, it is called as client-side programming.', 'start': 108.494, 'duration': 5.427}, {'end': 117.986, 'text': 'JavaScript is a client-side scripting language.', 'start': 114.401, 'duration': 3.585}, {'end': 121.125, 'text': 'and not a server-side scripting language.', 'start': 118.502, 'duration': 2.623}, {'end': 124.488, 'text': 'So what we are learning is on the left-hand side here.', 'start': 121.465, 'duration': 3.023}, {'end': 130.374, 'text': 'Though we know that where we have placed our JavaScript, how we will write a JavaScript code?', 'start': 125.089, 'duration': 5.285}], 'summary': 'Learning client-side programming with javascript.', 'duration': 27.908, 'max_score': 102.466, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0102466.jpg'}, {'end': 202.856, 'src': 'embed', 'start': 180.125, 'weight': 1, 'content': [{'end': 188.328, 'text': 'So why are we learning about this HTML file? It is because HTML file is the host for our JavaScript code.', 'start': 180.125, 'duration': 8.203}, {'end': 196.813, 'text': 'If we want to place our JavaScript code, we need to have an HTML file, because without HTML file we cannot write a JavaScript code, or rather,', 'start': 188.528, 'duration': 8.285}, {'end': 200.395, 'text': 'we cannot see what is happening in the JavaScript code.', 'start': 196.813, 'duration': 3.582}, {'end': 202.856, 'text': "It's like a host for our JavaScript code.", 'start': 200.615, 'duration': 2.241}], 'summary': 'Html file is crucial for hosting javascript code.', 'duration': 22.731, 'max_score': 180.125, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0180125.jpg'}, {'end': 536.283, 'src': 'embed', 'start': 506.093, 'weight': 3, 'content': [{'end': 514.356, 'text': 'If you have this data of two numbers, you need not go to the server and tell the server that please add these two numbers and give me the result back.', 'start': 506.093, 'duration': 8.263}, {'end': 522.138, 'text': 'Because JavaScript is a client side language which can take up these two values, calculate the value, and show the result to the end user.', 'start': 514.676, 'duration': 7.462}, {'end': 524.639, 'text': "So that's how you have lessened down the burden.", 'start': 522.558, 'duration': 2.081}, {'end': 536.283, 'text': 'Since JavaScript is rich in operators and loops things which are possible to be worked with on the client side you can do all those tasks using JavaScript,', 'start': 524.999, 'duration': 11.284}], 'summary': 'Javascript can perform client-side calculations, reducing server burden.', 'duration': 30.19, 'max_score': 506.093, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0506093.jpg'}, {'end': 608.503, 'src': 'embed', 'start': 582.583, 'weight': 4, 'content': [{'end': 592.892, 'text': 'but now all the browsers are supporting it, and to use the best browser to use for UI development, or what is called as JavaScript coding,', 'start': 582.583, 'duration': 10.309}, {'end': 596.775, 'text': 'would be Chrome, as it helps us with many debugging tools.', 'start': 592.892, 'duration': 3.883}, {'end': 600.098, 'text': 'Okay, we will see what are debugging tools that the browser has.', 'start': 597.275, 'duration': 2.823}, {'end': 608.503, 'text': 'Now, as you can see that there is something called its Java word in this JavaScript, and many a times we start feeling that, okay,', 'start': 600.578, 'duration': 7.925}], 'summary': 'Chrome is the recommended browser for ui development and javascript coding due to its debugging tools.', 'duration': 25.92, 'max_score': 582.583, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0582583.jpg'}, {'end': 669.083, 'src': 'embed', 'start': 636.842, 'weight': 5, 'content': [{'end': 640.324, 'text': 'Whereas JavaScript will be run only and only on the browser.', 'start': 636.842, 'duration': 3.482}, {'end': 646.067, 'text': 'For Java program to run, it needs to be first compiled and then it is executed.', 'start': 640.544, 'duration': 5.523}, {'end': 651.891, 'text': 'Whereas for JavaScript, though the compilation happens, but not line to line compilation.', 'start': 646.287, 'duration': 5.604}, {'end': 655.833, 'text': 'We will see what exactly or how the compilation happens in JavaScript.', 'start': 651.931, 'duration': 3.902}, {'end': 661.837, 'text': 'But it is always said that it is just-in-time compilation, that it is basically interpreted.', 'start': 655.913, 'duration': 5.924}, {'end': 669.083, 'text': 'There is no lag like first it will be compiled, it will take some time, and then it will be executed, no.', 'start': 661.857, 'duration': 7.226}], 'summary': 'Javascript runs on browser, jit compilation, no lag in execution.', 'duration': 32.241, 'max_score': 636.842, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0636842.jpg'}], 'start': 49.375, 'title': 'Javascript and html basics', 'summary': 'Covers the basics of web pages and web apps, emphasizing the role of html as the host for javascript code and providing an introduction to javascript, including its history, use cases, and differences from java.', 'chapters': [{'end': 257.1, 'start': 49.375, 'title': 'Understanding javascript and html', 'summary': 'Explains the basics of web pages and web apps, emphasizing the role of html as the host for javascript code, and distinguishing between server-side and client-side programming, with javascript being a client-side scripting language.', 'duration': 207.725, 'highlights': ['JavaScript is a client-side scripting language. Emphasizes the distinction between server-side and client-side programming, with JavaScript being a client-side scripting language.', 'HTML file is the host for JavaScript code. Explains the role of HTML as the host for JavaScript code, emphasizing the need for an HTML file to write and visualize JavaScript code.', 'Web app is something available on the web or internet. Defines a web app and emphasizes its availability on the web or internet.']}, {'end': 679.294, 'start': 258.45, 'title': 'Html basics and introduction to javascript', 'summary': 'Covers the basics of html file structure and the need for javascript in adding dynamicness to web pages, while also providing an introduction to javascript, including its history, use cases, and differences from java.', 'duration': 420.844, 'highlights': ['JavaScript is used as the default scripting language for HTML pages, reducing server load by performing operations on the client side. JavaScript reduces server load by performing operations on the client side.', 'JavaScript history: developed in 1995, supported by specific browsers, and now supported by all browsers, with Chrome being recommended for UI development and debugging tools. JavaScript, developed in 1995, is now supported by all browsers, with Chrome being recommended for UI development and debugging tools.', 'JavaScript is a client side language for making interactive web pages and adding dynamicness, while Java is an object-oriented programming language for building business logic, with differences in execution and type checking. JavaScript is for interactive web pages, while Java is for business logic, with differences in execution and type checking.']}], 'duration': 629.919, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO049375.jpg', 'highlights': ['JavaScript is a client-side scripting language.', 'HTML file is the host for JavaScript code.', 'Web app is something available on the web or internet.', 'JavaScript reduces server load by performing operations on the client side.', 'JavaScript, developed in 1995, is now supported by all browsers, with Chrome being recommended for UI development and debugging tools.', 'JavaScript is for interactive web pages, while Java is for business logic, with differences in execution and type checking.']}, {'end': 1764.329, 'segs': [{'end': 780.576, 'src': 'embed', 'start': 701.071, 'weight': 0, 'content': [{'end': 706.054, 'text': 'then such applications do exist which are completely made up of JavaScript.', 'start': 701.071, 'duration': 4.983}, {'end': 710.757, 'text': 'For example, some gaming applications or mobile apps, etc.', 'start': 706.374, 'duration': 4.383}, {'end': 716.381, 'text': 'So nowadays, JavaScript is booming up a lot and it can be used in all these fields.', 'start': 711.237, 'duration': 5.144}, {'end': 720.744, 'text': "So let's get started up with the JavaScript part.", 'start': 717.041, 'duration': 3.703}, {'end': 730.11, 'text': 'How do we write the script or how do we embed our script in the HTML file we have created? We can embed it in two ways.', 'start': 721.284, 'duration': 8.826}, {'end': 733.972, 'text': 'One is internal embedding and one is external.', 'start': 730.73, 'duration': 3.242}, {'end': 737.635, 'text': "Let's see both the ways like any other tag.", 'start': 734.493, 'duration': 3.142}, {'end': 743.559, 'text': 'Okay, we have these tags here body tag, then Head tag.', 'start': 737.655, 'duration': 5.904}, {'end': 751.686, 'text': 'there is one more tag which is available, which helps us to embed JavaScript in HTML, and the tag name is script.', 'start': 743.559, 'duration': 8.127}, {'end': 759.283, 'text': 'And we can write our JavaScript code within these two tags.', 'start': 755.842, 'duration': 3.441}, {'end': 765.545, 'text': 'So whenever we write any code within these two tags, it is called as internal embedding that happens.', 'start': 759.783, 'duration': 5.762}, {'end': 772.188, 'text': 'Before writing any script in the script tag, let us understand basics of this JavaScript.', 'start': 766.206, 'duration': 5.982}, {'end': 778.814, 'text': 'As we write something in the body part of HTML basically what we need to do.', 'start': 772.848, 'duration': 5.966}, {'end': 780.576, 'text': 'why do we have this user interface?', 'start': 778.814, 'duration': 1.762}], 'summary': 'Javascript is widely used in gaming, mobile apps, and web development. it can be embedded in html using internal or external methods.', 'duration': 79.505, 'max_score': 701.071, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0701071.jpg'}, {'end': 888.046, 'src': 'embed', 'start': 853.962, 'weight': 3, 'content': [{'end': 863.269, 'text': 'This document, that is the object, has many methods already defined, which help us to reach to that particular element.', 'start': 853.962, 'duration': 9.307}, {'end': 881.484, 'text': 'The methods are like getElementById or document object you can use get elements by tag or there is one more like getElementByClassName.', 'start': 863.469, 'duration': 18.015}, {'end': 888.046, 'text': 'So there are many, many methods which are available which will give us an access to this particular element.', 'start': 881.704, 'duration': 6.342}], 'summary': 'Document object has many methods (getelementbyid, getelementsbytag, getelementbyclassname) for accessing elements.', 'duration': 34.084, 'max_score': 853.962, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0853962.jpg'}, {'end': 1214.13, 'src': 'embed', 'start': 1186.692, 'weight': 5, 'content': [{'end': 1194.935, 'text': 'So let me see, after giving an external JavaScript file, will my code work as expected? Yes, it does.', 'start': 1186.692, 'duration': 8.243}, {'end': 1200.679, 'text': 'So this is how we can add internally and externally the JavaScript part.', 'start': 1195.635, 'duration': 5.044}, {'end': 1207.905, 'text': 'Now the question remains like why did I write that script tag at the bottom of the file?', 'start': 1200.979, 'duration': 6.926}, {'end': 1214.13, 'text': 'If you just want to debug your page, what you can do is right click on the page and choose inspect.', 'start': 1208.305, 'duration': 5.825}], 'summary': 'Demonstrates adding internal and external javascript, and debugging using inspect.', 'duration': 27.438, 'max_score': 1186.692, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01186692.jpg'}, {'end': 1422.667, 'src': 'embed', 'start': 1396.259, 'weight': 7, 'content': [{'end': 1405.222, 'text': 'That is why make sure that you write a script at the end of body type, so that whenever the complete gets completely rendered,', 'start': 1396.259, 'duration': 8.963}, {'end': 1406.703, 'text': 'then only your script will work.', 'start': 1405.222, 'duration': 1.481}, {'end': 1411.965, 'text': 'Doing this, the error goes and you can see that your script is getting executed.', 'start': 1407.264, 'duration': 4.701}, {'end': 1414.005, 'text': "So that's what we have done.", 'start': 1412.905, 'duration': 1.1}, {'end': 1417.026, 'text': 'We just got started up with JavaScript.', 'start': 1414.065, 'duration': 2.961}, {'end': 1422.667, 'text': "So that's where you can see that how we have added our script tag.", 'start': 1417.546, 'duration': 5.121}], 'summary': 'Ensuring script placement at end of body type resolves errors and allows execution in javascript.', 'duration': 26.408, 'max_score': 1396.259, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01396259.jpg'}, {'end': 1470.543, 'src': 'embed', 'start': 1443.465, 'weight': 6, 'content': [{'end': 1451.735, 'text': 'If you want to add it externally then you write an attribute in the script tag that is src stands for source.', 'start': 1443.465, 'duration': 8.27}, {'end': 1459.798, 'text': 'You can write the name of the file if the file that is the javascript file exists in the same folder as that of the html file.', 'start': 1451.995, 'duration': 7.803}, {'end': 1462.279, 'text': "If it doesn't then give it path.", 'start': 1460.319, 'duration': 1.96}, {'end': 1465.341, 'text': "Let's just see a beautiful example.", 'start': 1463.12, 'duration': 2.221}, {'end': 1469.623, 'text': 'The name of the example is display sign in a paragraph on your html.', 'start': 1465.641, 'duration': 3.982}, {'end': 1470.543, 'text': 'To do so?', 'start': 1469.943, 'duration': 0.6}], 'summary': "Adding an external javascript file using 'src' attribute in the script tag.", 'duration': 27.078, 'max_score': 1443.465, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01443465.jpg'}, {'end': 1574.703, 'src': 'embed', 'start': 1548.359, 'weight': 9, 'content': [{'end': 1555.885, 'text': 'So if you want to see something not on the browser but on console, just to check whether your logic is working fine,', 'start': 1548.359, 'duration': 7.526}, {'end': 1559.509, 'text': 'you can use make use of that object called as console.', 'start': 1555.885, 'duration': 3.624}, {'end': 1563.252, 'text': 'Now using Notepad is very trivial.', 'start': 1560.029, 'duration': 3.223}, {'end': 1568.717, 'text': 'You can make use of many other text editors which are available in the market.', 'start': 1563.692, 'duration': 5.025}, {'end': 1574.703, 'text': "Like there's Notepad++, there is Eclipse, there is Sublime Text which I'm using currently.", 'start': 1569.117, 'duration': 5.586}], 'summary': 'Using console object for browser debugging and various text editors available in the market.', 'duration': 26.344, 'max_score': 1548.359, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01548359.jpg'}, {'end': 1747.142, 'src': 'embed', 'start': 1712.17, 'weight': 8, 'content': [{'end': 1714.531, 'text': "okay. so let's use both these.", 'start': 1712.17, 'duration': 2.361}, {'end': 1719.892, 'text': 'so when I say console dot, the method that is used is log.', 'start': 1714.531, 'duration': 5.361}, {'end': 1725.594, 'text': 'so within this log I can just say that hello everyone and save this file.', 'start': 1719.892, 'duration': 5.702}, {'end': 1732.696, 'text': 'so I have written a javascript and there is one html file, though the html file has no elements on this file, but yes,', 'start': 1725.594, 'duration': 7.102}, {'end': 1735.557, 'text': 'it has a script that has got embedded.', 'start': 1732.696, 'duration': 2.861}, {'end': 1738.337, 'text': "let's try to run this file.", 'start': 1735.557, 'duration': 2.78}, {'end': 1747.142, 'text': "so let's just open this folder So you can see that there is first HTML.", 'start': 1738.337, 'duration': 8.805}], 'summary': "Using console.log method in javascript to print 'hello everyone' in an html file with embedded script.", 'duration': 34.972, 'max_score': 1712.17, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01712170.jpg'}], 'start': 679.334, 'title': 'Javascript basics and manipulating html elements', 'summary': 'Covers the basics of javascript, its dynamic type checking, and its usage in client-side scripting. it also explains manipulating html elements with javascript using document object methods like getelementbyid, getelementbytagname, and getelementbyclassname, and the importance of placing script tags at the bottom of the file. the content highlights its applications in gaming and mobile apps and demonstrates adding internal and external javascript files and debugging using browser developer tools.', 'chapters': [{'end': 798.789, 'start': 679.334, 'title': 'Javascript basics and embedding', 'summary': 'Covers the basics of javascript and its usage in client-side scripting, highlighting its dynamic type checking and its applications in gaming and mobile apps. it also explains the internal and external embedding of javascript in html files.', 'duration': 119.455, 'highlights': ['JavaScript can be used on the client-side scripting to add dynamicness, and it can be used in applications such as gaming and mobile apps.', 'Internal embedding of JavaScript in HTML involves using the script tag to write JavaScript code within the body or head tags.', 'Understanding the basics of JavaScript is essential before writing any script in the script tag, as it enables the user interface to gather and work on data with ease.']}, {'end': 1260.095, 'start': 799.309, 'title': 'Manipulating html elements with javascript', 'summary': 'Explains how to manipulate html elements with javascript using the document object, methods like getelementbyid, getelementbytagname, and getelementbyclassname, and the importance of placing script tags at the bottom of the file. it also demonstrates adding internal and external javascript files and debugging using browser developer tools.', 'duration': 460.786, 'highlights': ['Using the document object, I can access all the elements that are there on this page. The document object allows access to all elements on the page, facilitating manipulation and functionality.', 'The methods like getElementById, getElementByTagName, and getElementByClassName are available for accessing elements. JavaScript provides methods like getElementById, getElementByTagName, and getElementByClassName to access and manipulate specific elements.', 'Placing the script tag at the bottom of the file allows for better debugging and page loading performance. The importance of placing the script tag at the bottom of the file is emphasized for improved debugging and page loading performance.', 'Demonstrates adding internal and external JavaScript files and linking them to the HTML file. The process of adding internal and external JavaScript files and linking them to the HTML file is demonstrated.', 'Demonstrates debugging using browser developer tools by inspecting elements. The demonstration includes using browser developer tools to inspect elements for debugging purposes.']}, {'end': 1764.329, 'start': 1260.535, 'title': 'Javascript: external sources and console usage', 'summary': 'Introduces the usage of external sources and the console in javascript, emphasizing the importance of locating script tags within the body tag to ensure proper execution, and demonstrates the usage of the console object for output, with examples of adding javascript internally and externally, and utilizing text editors for faster coding.', 'duration': 503.794, 'highlights': ['The importance of locating script tags within the body tag to ensure proper execution is emphasized. Emphasizes the need to place script tags at the end of the body tag to avoid errors caused by elements not being rendered, allowing the script to work only after the complete rendering of the page.', 'Demonstrates the usage of the console object for output, with examples of adding JavaScript internally and externally. Demonstrates the usage of the console object for output, along with examples of adding JavaScript internally and externally, using the script tag and the src attribute to link JavaScript files, and ensuring that HTML and JavaScript files are located in the same folder.', 'Utilizing text editors for faster coding and code forwarding is recommended. Recommends the usage of text editors like Notepad++, Eclipse, and Sublime Text for faster coding, code forwarding, and getting assistance while writing HTML and JavaScript code.']}], 'duration': 1084.995, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO0679334.jpg', 'highlights': ['JavaScript can be used on the client-side scripting for dynamic applications like gaming and mobile apps.', 'Internal embedding of JavaScript in HTML involves using the script tag within the body or head tags.', 'Understanding the basics of JavaScript is essential for writing scripts in the script tag.', 'The document object allows access to all elements on the page, facilitating manipulation and functionality.', 'JavaScript provides methods like getElementById, getElementByTagName, and getElementByClassName for element access and manipulation.', 'Placing the script tag at the bottom of the file improves debugging and page loading performance.', 'Demonstrates adding internal and external JavaScript files and linking them to the HTML file.', 'Emphasizes the need to place script tags at the end of the body tag for proper execution.', 'Demonstrates the usage of the console object for output and adding JavaScript internally and externally.', 'Recommends the usage of text editors like Notepad++, Eclipse, and Sublime Text for faster coding.']}, {'end': 2817.842, 'segs': [{'end': 1858.73, 'src': 'embed', 'start': 1803.436, 'weight': 0, 'content': [{'end': 1811.839, 'text': 'They are number, boolean, string, then there is object, okay, and there are some special values.', 'start': 1803.436, 'duration': 8.403}, {'end': 1815.18, 'text': "So there's type four, type five, and type six.", 'start': 1812.699, 'duration': 2.481}, {'end': 1821.523, 'text': "Though they're different types, but they're considered as one type in JavaScript called as object.", 'start': 1815.52, 'duration': 6.003}, {'end': 1827.925, 'text': 'Undefined and not a number are some special values which are present in JavaScript.', 'start': 1822.183, 'duration': 5.742}, {'end': 1830.006, 'text': 'How do we write a variable?', 'start': 1828.306, 'duration': 1.7}, {'end': 1838.47, 'text': 'JavaScript variables can be considered as containers which store a particular value or name for a particular block of memory.', 'start': 1830.506, 'duration': 7.964}, {'end': 1843.194, 'text': 'Now, as any other language which has a strict type.', 'start': 1839.23, 'duration': 3.964}, {'end': 1852.724, 'text': 'for example, if you take up Java or C++, if I want a number, a variable that should contain only a number,', 'start': 1843.194, 'duration': 9.53}, {'end': 1858.73, 'text': 'then I make sure that I declare that variable with its type, for example, int a.', 'start': 1852.724, 'duration': 6.006}], 'summary': 'Javascript has six data types, including special values like undefined and nan, and variables act as containers for values in memory.', 'duration': 55.294, 'max_score': 1803.436, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01803436.jpg'}, {'end': 1946.426, 'src': 'embed', 'start': 1912.945, 'weight': 2, 'content': [{'end': 1915.727, 'text': 'All these keywords have some meaning in JavaScript.', 'start': 1912.945, 'duration': 2.782}, {'end': 1920.511, 'text': 'There is some logic, there is something that will execute if you use such keywords.', 'start': 1915.967, 'duration': 4.544}, {'end': 1925.435, 'text': 'So you cannot name your variable with the keywords that are existing in JavaScript language.', 'start': 1920.551, 'duration': 4.884}, {'end': 1930.138, 'text': 'You cannot start your JavaScript variable with a digit.', 'start': 1925.715, 'duration': 4.423}, {'end': 1938.963, 'text': 'Neither can you use special characters like percentage, dollar ampersand while naming your variable.', 'start': 1930.739, 'duration': 8.224}, {'end': 1946.426, 'text': 'Always start your variable with an alphabet and then you can follow that alphabet with a digit or an underscore.', 'start': 1939.483, 'duration': 6.943}], 'summary': 'Javascript variables have naming restrictions: avoid keywords, digits, and special characters.', 'duration': 33.481, 'max_score': 1912.945, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01912945.jpg'}, {'end': 2053.603, 'src': 'heatmap', 'start': 1912.945, 'weight': 4, 'content': [{'end': 1915.727, 'text': 'All these keywords have some meaning in JavaScript.', 'start': 1912.945, 'duration': 2.782}, {'end': 1920.511, 'text': 'There is some logic, there is something that will execute if you use such keywords.', 'start': 1915.967, 'duration': 4.544}, {'end': 1925.435, 'text': 'So you cannot name your variable with the keywords that are existing in JavaScript language.', 'start': 1920.551, 'duration': 4.884}, {'end': 1930.138, 'text': 'You cannot start your JavaScript variable with a digit.', 'start': 1925.715, 'duration': 4.423}, {'end': 1938.963, 'text': 'Neither can you use special characters like percentage, dollar ampersand while naming your variable.', 'start': 1930.739, 'duration': 8.224}, {'end': 1946.426, 'text': 'Always start your variable with an alphabet and then you can follow that alphabet with a digit or an underscore.', 'start': 1939.483, 'duration': 6.943}, {'end': 1950.107, 'text': 'You can make use of uppercase or lowercase alphabets.', 'start': 1947.066, 'duration': 3.041}, {'end': 1951.688, 'text': 'So here are some examples.', 'start': 1950.187, 'duration': 1.501}, {'end': 1957.71, 'text': 'See valid is something like sum or you can have first underscore name unit underscore test one.', 'start': 1951.908, 'duration': 5.802}, {'end': 1960.693, 'text': 'Invalid is you cannot start it with a digit.', 'start': 1958.111, 'duration': 2.582}, {'end': 1966.717, 'text': 'You cannot use a keyword like function and cannot use a special character called as dollar.', 'start': 1961.133, 'duration': 5.584}, {'end': 1970.941, 'text': 'Okay, so these are some of the rules of defining your variable.', 'start': 1966.737, 'duration': 4.204}, {'end': 1974.043, 'text': "So let's see all these types of variables.", 'start': 1971.461, 'duration': 2.582}, {'end': 1976.805, 'text': 'To see the types, let me remove this code.', 'start': 1974.463, 'duration': 2.342}, {'end': 1983.87, 'text': 'Create a variable, say A, or you can just create a variable called as general.', 'start': 1977.245, 'duration': 6.625}, {'end': 1987.734, 'text': "Let's see what this general variable that I have created.", 'start': 1984.691, 'duration': 3.043}, {'end': 1989.755, 'text': 'This is called as a declaration.', 'start': 1987.754, 'duration': 2.001}, {'end': 1992.498, 'text': "I haven't initialized this variable.", 'start': 1990.316, 'duration': 2.182}, {'end': 1994.78, 'text': "I haven't given it any value.", 'start': 1992.898, 'duration': 1.882}, {'end': 1999.884, 'text': 'Let us see what value by default it takes up if I do not initialize it.', 'start': 1995.2, 'duration': 4.684}, {'end': 2011.053, 'text': 'So to see that you can just write console dot log within which you can just type in this value.', 'start': 2000.584, 'duration': 10.469}, {'end': 2020.431, 'text': 'Copy semicolon save the file and can you see that by default it gets the value call as undefined.', 'start': 2011.594, 'duration': 8.837}, {'end': 2026.953, 'text': 'That is why it is said that there is undefined is a special value in JavaScript.', 'start': 2020.651, 'duration': 6.302}, {'end': 2035.181, 'text': 'So to the same variable, okay, which is not of any type as of now, let me add this general a number.', 'start': 2027.597, 'duration': 7.584}, {'end': 2040.104, 'text': 'And let me see like what type of variable this becomes.', 'start': 2036.002, 'duration': 4.102}, {'end': 2049.569, 'text': 'To check that what type of variable is this general keyword or general variable is, the operator to be used is called as typeof.', 'start': 2040.604, 'duration': 8.965}, {'end': 2053.603, 'text': 'all small type of.', 'start': 2052.443, 'duration': 1.16}], 'summary': "In javascript, variables have specific naming rules such as not starting with a digit or using special characters, and can be declared but not initialized, resulting in the default value of 'undefined'.", 'duration': 32.952, 'max_score': 1912.945, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01912945.jpg'}, {'end': 2320.502, 'src': 'embed', 'start': 2259.599, 'weight': 3, 'content': [{'end': 2269.933, 'text': 'Another way of declaring an array is that you can make use of the keyword new with the keyword array with a capital A followed by this bracket.', 'start': 2259.599, 'duration': 10.334}, {'end': 2274.454, 'text': 'and within the bracket you can keep all the values of the elements.', 'start': 2270.353, 'duration': 4.101}, {'end': 2276.634, 'text': 'So what is the use of it?', 'start': 2275.174, 'duration': 1.46}, {'end': 2284.716, 'text': 'is that memory is allocated sequentially, plus you can access all the marks using only one variable and individually.', 'start': 2276.634, 'duration': 8.082}, {'end': 2287.117, 'text': 'also, you can access every element.', 'start': 2284.716, 'duration': 2.401}, {'end': 2296.219, 'text': 'How do you do that? Every element in the array has one index and index of the array always starts with zero.', 'start': 2287.437, 'duration': 8.782}, {'end': 2307.477, 'text': 'So if you have added around 5 elements then the last index would be 5 minus 1 that is 4.', 'start': 2300.734, 'duration': 6.743}, {'end': 2316.841, 'text': 'It always starts with 0 and if you want to individually access these elements then how do you do that is that you write a of 0.', 'start': 2307.477, 'duration': 9.364}, {'end': 2320.502, 'text': 'If you want to access the second element you will write a of 1.', 'start': 2316.841, 'duration': 3.661}], 'summary': 'Declaring arrays with new keyword, accessing elements by index, starting from zero.', 'duration': 60.903, 'max_score': 2259.599, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02259599.jpg'}, {'end': 2406.065, 'src': 'embed', 'start': 2354.273, 'weight': 7, 'content': [{'end': 2360.679, 'text': 'If you initialize any variable to the type as array it will be of the type object.', 'start': 2354.273, 'duration': 6.406}, {'end': 2366.103, 'text': 'Now along with this type we can also check what is the length of this array.', 'start': 2361.259, 'duration': 4.844}, {'end': 2373.73, 'text': 'So whenever we have an array type of object we can get its length by using this property called as length.', 'start': 2366.123, 'duration': 7.607}, {'end': 2378.563, 'text': "Let's see what is the Length of this, you can check that the length is 4.", 'start': 2373.97, 'duration': 4.593}, {'end': 2382.007, 'text': 'If you cross check, 1, 2, 3, 4, the length is 4.', 'start': 2378.563, 'duration': 3.444}, {'end': 2386.192, 'text': 'But the index will have from 0, 1, 2 and 3.', 'start': 2382.007, 'duration': 4.185}, {'end': 2393.099, 'text': 'So these were some of the data types that are present in JavaScript which we need to be comfortable with.', 'start': 2386.192, 'duration': 6.907}, {'end': 2395.682, 'text': 'Okay, now type conversions.', 'start': 2393.5, 'duration': 2.182}, {'end': 2399.944, 'text': 'We have this concatenation operator called as plus.', 'start': 2396.343, 'duration': 3.601}, {'end': 2406.065, 'text': 'Now this operator is really magical or what you can call it as an overloaded operator.', 'start': 2400.304, 'duration': 5.761}], 'summary': 'In javascript, arrays are objects with a length property. the length of an array initialized as an object is 4. understanding data types and type conversions are important in javascript.', 'duration': 51.792, 'max_score': 2354.273, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02354273.jpg'}, {'end': 2523.981, 'src': 'embed', 'start': 2465.424, 'weight': 9, 'content': [{'end': 2477.311, 'text': 'So what if I give one number and one string? In this case, let me see how it works.', 'start': 2465.424, 'duration': 11.887}, {'end': 2480.954, 'text': 'it again acts as a concatenated type.', 'start': 2478.01, 'duration': 2.944}, {'end': 2486.602, 'text': 'So that is what is this magical operator concatenation operator works as.', 'start': 2481.635, 'duration': 4.967}, {'end': 2489.767, 'text': 'Which is also our topic called as type conversion.', 'start': 2486.983, 'duration': 2.784}, {'end': 2494.493, 'text': 'A process where an entity of one data type is converted to the other.', 'start': 2490.388, 'duration': 4.105}, {'end': 2498.415, 'text': 'There are two ways in which type conversion is done in JavaScript.', 'start': 2494.994, 'duration': 3.421}, {'end': 2504.516, 'text': "There's something called as implicit convergence wherein integers converted to string and back automatically.", 'start': 2498.515, 'duration': 6.001}, {'end': 2507.496, 'text': 'And that is what we do by using this operator.', 'start': 2504.836, 'duration': 2.66}, {'end': 2512.618, 'text': 'Now for example we have a variable num1 here which is initialized to five.', 'start': 2507.516, 'duration': 5.102}, {'end': 2516.318, 'text': "So it's type of will always give us number as the value.", 'start': 2512.938, 'duration': 3.38}, {'end': 2523.981, 'text': 'To this number if I add one more number then definitely num2 will be of the type integer or a number.', 'start': 2516.718, 'duration': 7.263}], 'summary': 'Javascript type conversion involves implicit conversion of integers to strings and back, and using the concatenation operator for this process.', 'duration': 58.557, 'max_score': 2465.424, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02465424.jpg'}, {'end': 2695.008, 'src': 'embed', 'start': 2670.889, 'weight': 11, 'content': [{'end': 2676.894, 'text': 'it converts this whole thing as a string and it will just concatenate instead of adding these two numbers.', 'start': 2670.889, 'duration': 6.005}, {'end': 2682.959, 'text': 'So for that matter, I will have to convert the string into an integer or float for that matter.', 'start': 2677.194, 'duration': 5.765}, {'end': 2688.703, 'text': 'So there are some methods which are available called as parseInt or parseFloat.', 'start': 2683.359, 'duration': 5.344}, {'end': 2695.008, 'text': 'To these methods, if you parse a string, it will convert it into an integer.', 'start': 2689.444, 'duration': 5.564}], 'summary': 'Covered methods like parseint and parsefloat for converting strings to integers or floats.', 'duration': 24.119, 'max_score': 2670.889, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02670889.jpg'}, {'end': 2774.138, 'src': 'embed', 'start': 2746.889, 'weight': 12, 'content': [{'end': 2755.546, 'text': 'So there are these many operators available in JavaScript arithmetic operator, string operator assignment operator comparison operator,', 'start': 2746.889, 'duration': 8.657}, {'end': 2757.81, 'text': 'ternary operator and Boolean operators.', 'start': 2755.546, 'duration': 2.264}, {'end': 2764.11, 'text': 'of which we have covered up string operator, that is your concatenation operator.', 'start': 2758.746, 'duration': 5.364}, {'end': 2767.253, 'text': 'We have also seen arithmetic operator like plus.', 'start': 2764.49, 'duration': 2.763}, {'end': 2774.138, 'text': 'So similarly, your minus, multiplication, division, modulus, increment, decrement operators will work.', 'start': 2767.613, 'duration': 6.525}], 'summary': 'Javascript has various operators: arithmetic, string, assignment, comparison, ternary, and boolean. arithmetic operators include plus, minus, multiplication, division, modulus, increment, and decrement.', 'duration': 27.249, 'max_score': 2746.889, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02746889.jpg'}], 'start': 1764.829, 'title': 'Javascript data types and type conversion', 'summary': 'Covers javascript data types including number, boolean, string, object, and special values, along with variable flexibility, rules for naming variables, types of variables, arrays, and their declaration, initialization, and accessing elements, emphasizing memory allocation. it also discusses type conversions, concatenation operator, implicit convergence, prompt and alert methods, and various operators such as arithmetic, string, assignment, comparison, ternary, and boolean operators.', 'chapters': [{'end': 1960.693, 'start': 1764.829, 'title': 'Javascript basics: data types and variables', 'summary': 'Discusses javascript data types including number, boolean, string, object, and special values, along with the flexibility of variable declaration in javascript, contrary to languages like java or c++, and the rules for naming variables.', 'duration': 195.864, 'highlights': ['JavaScript has around five to six data types including number, boolean, string, object, and special values like undefined and not a number. JavaScript offers around five to six data types, such as number, boolean, string, object, and special values like undefined and not a number.', "Unlike languages like Java or C++, JavaScript variables are not strictly typed and are declared with 'var', allowing flexibility in storing different types of values. In contrast to languages like Java or C++, JavaScript does not enforce strict typing for variables, as they are declared with 'var', allowing flexibility in storing different types of values.", 'Rules for naming variables in JavaScript include avoiding language-specific keywords, starting with an alphabet, and using only digits, underscores, or uppercase/lowercase alphabets. JavaScript variable naming rules entail avoiding language-specific keywords, commencing with an alphabet, and utilizing only digits, underscores, or uppercase/lowercase alphabets.']}, {'end': 2382.007, 'start': 1961.133, 'title': 'Types of variables and arrays in javascript', 'summary': 'Discusses the rules of defining variables in javascript, types of variables including undefined, number, string, boolean, null, object, and arrays, along with their declaration, initialization, and accessing elements, emphasizing that arrays in javascript are treated as objects and how memory is allocated sequentially for managing elements.', 'duration': 420.874, 'highlights': ['Arrays in JavaScript are treated as objects. The chapter explains that arrays in JavaScript are treated as objects, and it provides two ways to declare and initialize an array, emphasizing that memory is allocated sequentially for managing elements.', 'Typeof operator is used to check the type of a variable in JavaScript. The chapter demonstrates the usage of the typeof operator to check the type of a variable in JavaScript, showing examples of variables being assigned values of different types and then using typeof operator to verify their types, such as undefined, number, string, boolean, null, and object.', "Rules for defining variables in JavaScript. The chapter outlines the rules for defining variables in JavaScript, specifying that keywords like 'function' and special characters like 'dollar' cannot be used, providing a clear understanding of the constraints for defining variables in JavaScript.", 'Accessing elements in an array in JavaScript. The chapter explains how to access elements in an array in JavaScript using their index, highlighting that the index of an array always starts with 0 and demonstrating the process of accessing individual elements in an array using their respective indexes.', 'Length property to get the number of elements in an array. The chapter illustrates the usage of the length property to retrieve the number of elements in an array, providing an example of accessing the length property of an array and confirming the total number of elements present in the array.']}, {'end': 2817.842, 'start': 2382.007, 'title': 'Javascript data types and type conversion', 'summary': 'Covers the data types present in javascript including their functionalities and type conversions, discussing the concatenation operator, implicit convergence, prompt and alert methods, and various operators such as arithmetic, string, assignment, comparison, ternary, and boolean operators.', 'duration': 435.835, 'highlights': ['JavaScript data types and functionalities The chapter explains the different data types present in JavaScript, including their functionalities and examples such as adding numbers and strings using the concatenation operator.', 'Type conversion and the concatenation operator The transcript delves into type conversion in JavaScript, particularly focusing on the behavior of the concatenation operator when used with different data types, demonstrating how it converts the operands into strings or performs concatenation based on the data types.', 'Implicit convergence and prompt method The concept of implicit convergence in JavaScript is discussed, highlighting the automatic conversion of integers to strings and back, along with the demonstration of the prompt method that prompts users to input values, which are by default considered as strings.', 'Methods for type conversion: parseInt and parseFloat The transcript introduces the methods parseInt and parseFloat as tools for converting strings into integers or floats, demonstrating their usage and impact on values, showcasing how they can affect the outcome of operations involving strings and numbers.', 'Operators in JavaScript: arithmetic, string, assignment, comparison, ternary, and Boolean The chapter provides an overview of various operators in JavaScript, including arithmetic, string, assignment, comparison, ternary, and Boolean operators, and discusses their functionalities and practical application through examples and code demonstrations.']}], 'duration': 1053.013, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO01764829.jpg', 'highlights': ['JavaScript offers around five to six data types, such as number, boolean, string, object, and special values like undefined and not a number.', "JavaScript variables are not strictly typed and are declared with 'var', allowing flexibility in storing different types of values.", 'Rules for naming variables in JavaScript entail avoiding language-specific keywords, commencing with an alphabet, and utilizing only digits, underscores, or uppercase/lowercase alphabets.', 'The chapter explains that arrays in JavaScript are treated as objects and provides two ways to declare and initialize an array, emphasizing that memory is allocated sequentially for managing elements.', 'The chapter demonstrates the usage of the typeof operator to check the type of a variable in JavaScript, showing examples of variables being assigned values of different types and then using typeof operator to verify their types, such as undefined, number, string, boolean, null, and object.', "The chapter outlines the rules for defining variables in JavaScript, specifying that keywords like 'function' and special characters like 'dollar' cannot be used, providing a clear understanding of the constraints for defining variables in JavaScript.", 'The chapter explains how to access elements in an array in JavaScript using their index, highlighting that the index of an array always starts with 0 and demonstrating the process of accessing individual elements in an array using their respective indexes.', 'The chapter illustrates the usage of the length property to retrieve the number of elements in an array, providing an example of accessing the length property of an array and confirming the total number of elements present in the array.', 'The chapter explains the different data types present in JavaScript, including their functionalities and examples such as adding numbers and strings using the concatenation operator.', 'The transcript delves into type conversion in JavaScript, particularly focusing on the behavior of the concatenation operator when used with different data types, demonstrating how it converts the operands into strings or performs concatenation based on the data types.', 'The concept of implicit convergence in JavaScript is discussed, highlighting the automatic conversion of integers to strings and back, along with the demonstration of the prompt method that prompts users to input values, which are by default considered as strings.', 'The transcript introduces the methods parseInt and parseFloat as tools for converting strings into integers or floats, demonstrating their usage and impact on values, showcasing how they can affect the outcome of operations involving strings and numbers.', 'The chapter provides an overview of various operators in JavaScript, including arithmetic, string, assignment, comparison, ternary, and Boolean operators, and discusses their functionalities and practical application through examples and code demonstrations.']}, {'end': 4787.957, 'segs': [{'end': 3012.965, 'src': 'embed', 'start': 2982.548, 'weight': 0, 'content': [{'end': 2986.492, 'text': 'So these are your increment and decrement operators.', 'start': 2982.548, 'duration': 3.944}, {'end': 2992.529, 'text': 'So now your difference value has already got incremented by one.', 'start': 2988.706, 'duration': 3.823}, {'end': 2999.294, 'text': 'If you want to test it, you can just run this and you can see that previously it was one and now it has become two.', 'start': 2992.669, 'duration': 6.625}, {'end': 3001.816, 'text': 'It has got incremented by one.', 'start': 2999.695, 'duration': 2.121}, {'end': 3012.965, 'text': 'So those were your arithmetic operators plus minus division modulus product, okay, and incrementing and decrementing operators.', 'start': 3002.417, 'duration': 10.548}], 'summary': 'Learning about increment and decrement operators, with difference value incremented by one, now at two.', 'duration': 30.417, 'max_score': 2982.548, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02982548.jpg'}, {'end': 3156.06, 'src': 'embed', 'start': 3131.003, 'weight': 1, 'content': [{'end': 3139.93, 'text': 'So these were some of the assignment operator and some normal assignment operator and some advanced assignment operator.', 'start': 3131.003, 'duration': 8.927}, {'end': 3145.49, 'text': 'Let us move on to the next operator that is comparison operators.', 'start': 3140.785, 'duration': 4.705}, {'end': 3156.06, 'text': 'Now what I mean by comparison operator or why do we require comparison operator? See many a times we need to compare two things to draw some logic.', 'start': 3145.95, 'duration': 10.11}], 'summary': 'Explanation of assignment and comparison operators in programming', 'duration': 25.057, 'max_score': 3131.003, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03131003.jpg'}, {'end': 3490.94, 'src': 'embed', 'start': 3465.416, 'weight': 2, 'content': [{'end': 3475.246, 'text': 'Now, Boolean operators, where do we use this Boolean operators? These Boolean operators are, for example, if you want to use the same EFEL statement.', 'start': 3465.416, 'duration': 9.83}, {'end': 3481.993, 'text': 'So what was your first condition? If the road is four lane, then only you will be driving the car.', 'start': 3475.627, 'duration': 6.366}, {'end': 3490.94, 'text': 'If you want to add some more conditions like if the road is four lane and the traffic is very less then only I will drive the car.', 'start': 3482.774, 'duration': 8.166}], 'summary': 'Boolean operators are used to add conditions, such as driving only on four-lane roads with minimal traffic.', 'duration': 25.524, 'max_score': 3465.416, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03465416.jpg'}, {'end': 3651.805, 'src': 'embed', 'start': 3616.099, 'weight': 3, 'content': [{'end': 3623.401, 'text': 'Now what is this ternary operator all about? Ternary operator has two syntaxes or two operators.', 'start': 3616.099, 'duration': 7.302}, {'end': 3626.302, 'text': "It's a combination of two operators.", 'start': 3623.942, 'duration': 2.36}, {'end': 3636.085, 'text': "How do you do that? Let us first commend these and let's move on to the next, that is ternary operator.", 'start': 3626.683, 'duration': 9.402}, {'end': 3640.687, 'text': 'In ternary operator, okay, you have these two parts.', 'start': 3636.105, 'duration': 4.582}, {'end': 3648.043, 'text': 'The part is divided by your question mark.', 'start': 3643.521, 'duration': 4.522}, {'end': 3651.805, 'text': 'So question mark has its left hand side and right hand side.', 'start': 3648.063, 'duration': 3.742}], 'summary': 'Ternary operator is a combination of two operators, with its parts divided by a question mark.', 'duration': 35.706, 'max_score': 3616.099, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03616099.jpg'}, {'end': 3757.72, 'src': 'embed', 'start': 3731.437, 'weight': 4, 'content': [{'end': 3737.522, 'text': 'So out of this conditional statements, we have already covered up if and if-else statement.', 'start': 3731.437, 'duration': 6.085}, {'end': 3746.29, 'text': 'What is this if-else, if-else statement? So of this conditional statements, we have already covered up if and if-else.', 'start': 3737.843, 'duration': 8.447}, {'end': 3751.634, 'text': 'Now what is this if-else, if-else statement? As I said that if has two parts.', 'start': 3746.49, 'duration': 5.144}, {'end': 3754.257, 'text': 'When it is true, it will execute if block.', 'start': 3751.975, 'duration': 2.282}, {'end': 3757.72, 'text': 'If it is false, it will execute the else block.', 'start': 3754.437, 'duration': 3.283}], 'summary': 'Covered if and if-else statements in conditional statements.', 'duration': 26.283, 'max_score': 3731.437, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03731437.jpg'}, {'end': 3933.643, 'src': 'embed', 'start': 3907.588, 'weight': 5, 'content': [{'end': 3912.369, 'text': 'It may also give you an integer, it may also give you a floating point number, a string.', 'start': 3907.588, 'duration': 4.781}, {'end': 3920.312, 'text': 'So when your condition is gonna give you such values that is not Boolean value, then you may go for this switch statements.', 'start': 3912.569, 'duration': 7.743}, {'end': 3928.079, 'text': 'Now how is this switch statement written? If you just see that, you ask for a user to prompt his or her weight.', 'start': 3920.512, 'duration': 7.567}, {'end': 3930.581, 'text': 'You can switch this particular weight.', 'start': 3928.419, 'duration': 2.162}, {'end': 3933.643, 'text': 'Now weight is what? It is of the type float.', 'start': 3931.001, 'duration': 2.642}], 'summary': 'Switch statement handles non-boolean values like integers, floats, and strings.', 'duration': 26.055, 'max_score': 3907.588, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03907588.jpg'}, {'end': 4008.196, 'src': 'embed', 'start': 3981.524, 'weight': 6, 'content': [{'end': 3986.805, 'text': 'So you will keep on writing all the cases and sometimes you may miss one of the case.', 'start': 3981.524, 'duration': 5.281}, {'end': 3990.086, 'text': "So it's better to write something called as a default case.", 'start': 3987.085, 'duration': 3.001}, {'end': 3994.748, 'text': 'So this case will get executed if none of them fits in.', 'start': 3990.626, 'duration': 4.122}, {'end': 4003.654, 'text': "If 10.5 doesn't fit in, 20.5 doesn't fit in, if I write it as 11.5 then I don't have a case here to get executed.", 'start': 3995.009, 'duration': 8.645}, {'end': 4008.196, 'text': 'So that is why I will go to this default case and get executed.', 'start': 4003.754, 'duration': 4.442}], 'summary': 'Use a default case to cover all possibilities in coding.', 'duration': 26.672, 'max_score': 3981.524, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO03981524.jpg'}, {'end': 4170.937, 'src': 'embed', 'start': 4149.209, 'weight': 7, 'content': [{'end': 4158.072, 'text': 'So if I do not write this break statement, and you can just cross check it, so I commend this, and I add one so that it matches my case one.', 'start': 4149.209, 'duration': 8.863}, {'end': 4165.294, 'text': 'Can you see that it has checked return weight is one as well as weight is two? So that means even the case two has got executed.', 'start': 4158.312, 'duration': 6.982}, {'end': 4168.175, 'text': 'That is why I should be writing break statement.', 'start': 4165.573, 'duration': 2.602}, {'end': 4170.937, 'text': "Let's move on to the next that is loops.", 'start': 4168.694, 'duration': 2.243}], 'summary': 'Omitting break statement led to unexpected execution of case two in switch statement.', 'duration': 21.728, 'max_score': 4149.209, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04149209.jpg'}, {'end': 4329.323, 'src': 'embed', 'start': 4301.228, 'weight': 8, 'content': [{'end': 4303.909, 'text': 'This is how your for loop will get executed.', 'start': 4301.228, 'duration': 2.681}, {'end': 4306.65, 'text': "Let's try to execute that for loop.", 'start': 4304.029, 'duration': 2.621}, {'end': 4315.055, 'text': 'So what they have done is they have created an array of subjects with three subjects okay and there is one more array which is a blank array, marks.', 'start': 4306.81, 'duration': 8.245}, {'end': 4323.94, 'text': 'So you will iterate through or preface through this array of subjects and you will ask user for every subject to give you marks,', 'start': 4315.495, 'duration': 8.445}, {'end': 4329.323, 'text': 'and once you give that marks, you will add those marks to the newer array called as marks array.', 'start': 4323.94, 'duration': 5.383}], 'summary': 'Demonstrating execution of for loop with array iteration and user input for marks.', 'duration': 28.095, 'max_score': 4301.228, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04301228.jpg'}, {'end': 4488.944, 'src': 'embed', 'start': 4463.277, 'weight': 9, 'content': [{'end': 4470.539, 'text': 'What is this for in loop? In this for in loop you use for as a keyword and in the bracket you use in keyword.', 'start': 4463.277, 'duration': 7.262}, {'end': 4475.74, 'text': 'Now in keyword has two sides LHS and RHS left inside and right inside.', 'start': 4470.759, 'duration': 4.981}, {'end': 4484.823, 'text': 'On the right inside of this in keyword should be one array or anything that you want to traverse any list of things.', 'start': 4476.1, 'duration': 8.723}, {'end': 4488.944, 'text': 'So for example I want to see whatever marks that has got added.', 'start': 4485.103, 'duration': 3.841}], 'summary': 'Explanation of for-in loop with two sides: left inside and right inside, used to traverse a list of things.', 'duration': 25.667, 'max_score': 4463.277, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04463277.jpg'}, {'end': 4630.112, 'src': 'embed', 'start': 4602.137, 'weight': 10, 'content': [{'end': 4610.644, 'text': 'What is this while loop all about? A while loop is something as the name suggests while this condition holds true, it will execute.', 'start': 4602.137, 'duration': 8.507}, {'end': 4615.469, 'text': "Okay, whereas what is do while loop? There's a slight difference in it.", 'start': 4611.745, 'duration': 3.724}, {'end': 4618.071, 'text': "Let's see it here practically.", 'start': 4615.809, 'duration': 2.262}, {'end': 4622.944, 'text': 'So when you write here a while loop, you write your condition here.', 'start': 4619.42, 'duration': 3.524}, {'end': 4630.112, 'text': 'So as long as this condition is true, this piece of code will get executed.', 'start': 4624.786, 'duration': 5.326}], 'summary': 'While loop executes code while condition is true.', 'duration': 27.975, 'max_score': 4602.137, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04602137.jpg'}], 'start': 2818.022, 'title': 'Javascript operators and statements', 'summary': 'Covers arithmetic and assignment operators, demonstrating results like difference: 1, product: 63, division: 2.5, and modulus: 1. it also explains comparison and boolean operators, along with the ternary operator and if-else statements. additionally, it discusses the switch statement and emphasizes the importance of break statements. furthermore, it explains javascript loops, including for, for in, while, and do while loops, and emphasizes the importance of avoiding infinite loops.', 'chapters': [{'end': 3130.503, 'start': 2818.022, 'title': 'Arithmetic & assignment operators in javascript', 'summary': 'Covers arithmetic operators such as addition, subtraction, multiplication, division, modulus, and increment/decrement operators, with examples showing results like difference: 1, product: 63, division: 2.5, and modulus: 1. it also explains assignment operators like plus-equal to and minus-equal to, demonstrating how they work with examples like s+=8 resulting in s=17.', 'duration': 312.481, 'highlights': ['It covers arithmetic operators such as addition, subtraction, multiplication, division, modulus, and increment/decrement operators, with examples showing results like difference: 1, product: 63, division: 2.5, and modulus: 1. Covers arithmetic operators with examples and results.', 'Explains assignment operators like plus-equal to and minus-equal to, demonstrating how they work with examples like s+=8 resulting in s=17. Explains assignment operators with examples and results.']}, {'end': 3881.479, 'start': 3131.003, 'title': 'Comparison and boolean operators', 'summary': 'Covers comparison operators like equal to, not equal to, greater than, lesser than, and boolean operators like and, or, and negation, along with the ternary operator. it also discusses the if-else and if-else if-else statement, demonstrating their usage with examples.', 'duration': 750.476, 'highlights': ['It explains comparison operators like equal to, not equal to, greater than, lesser than, and their usage in building logic, along with examples. The chapter covers the usage of comparison operators like equal to, not equal to, greater than, lesser than, and demonstrates their usage in building logic with examples.', 'It discusses the usage of Boolean operators like AND, OR, and negation and their role in combining multiple conditions, along with practical examples. The chapter explains the usage of Boolean operators like AND, OR, and negation, along with practical examples showcasing their role in combining multiple conditions.', 'It explains the ternary operator and its syntax, demonstrating how it separates the condition and the results based on true and false outcomes. The chapter covers the ternary operator, its syntax, and how it separates the condition and the results based on true and false outcomes.', 'It covers the usage of if-else and if-else if-else statements, providing examples to illustrate their functionality in handling multiple conditions. The chapter discusses the if-else and if-else if-else statements, providing examples to illustrate their functionality in handling multiple conditions.']}, {'end': 4170.937, 'start': 3881.979, 'title': 'Switch statement in programming', 'summary': 'Explains the concept of switch statement, which is used when the condition provides non-boolean values, and demonstrates its usage and importance in avoiding default case execution, by providing examples and explaining the necessity of break statements.', 'duration': 288.958, 'highlights': ['Switch statement is used when the condition provides non-boolean values such as integers, floating point numbers, or strings, and is demonstrated using the example of weight value being switched based on cases. It explains that the switch statement is employed when the condition yields non-boolean values like integers, floating point numbers, or strings, and illustrates this concept using the example of switching the weight value based on different cases.', "The importance of including a default case in the switch statement to handle any value that doesn't fit in the specific cases is emphasized to avoid unwanted execution. It emphasizes the significance of including a default case in the switch statement to handle values that do not fit into specific cases, thereby preventing unexpected execution.", 'The necessity of utilizing break statements within cases is explained to ensure that only the relevant case gets executed and prevents the execution of subsequent cases. It explains the necessity of using break statements within cases to ensure that only the relevant case is executed and to prevent the execution of subsequent cases.']}, {'end': 4787.957, 'start': 4171.317, 'title': 'Understanding javascript loops', 'summary': 'Explains the for loop syntax and working principle, demonstrates a practical example of using the for loop to iterate through an array, introduces the for in loop to traverse through an array, and compares the while loop and do while loop with practical examples, emphasizing the importance of avoiding infinite loops.', 'duration': 616.64, 'highlights': ['The for loop initializes a variable, checks a condition, and updates the variable, allowing execution for a specified number of times based on the condition evaluation, as demonstrated by iterating through an array of subjects and prompting the user for marks for each subject.', "The for in loop is introduced as a method to traverse through an array, utilizing the 'for...in' syntax to iterate through each element of the array and emphasizing the usage of the loop in accessing and displaying array elements.", 'The chapter compares the while loop and do while loop, highlighting the difference in their execution flow and provides practical examples, including the demonstration of an infinite loop and the importance of ensuring the loop condition is finite to avoid unintended infinite iterations.']}], 'duration': 1969.935, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO02818022.jpg', 'highlights': ['Covers arithmetic operators with examples and results.', 'Explains assignment operators with examples and results.', 'Discusses the usage of Boolean operators like AND, OR, and negation, along with practical examples.', 'Explains the ternary operator, its syntax, and how it separates the condition and the results based on true and false outcomes.', 'Discusses the if-else and if-else if-else statements, providing examples to illustrate their functionality in handling multiple conditions.', 'Explains the switch statement and its usage when the condition yields non-boolean values like integers, floating point numbers, or strings, with a demonstration using the example of switching the weight value based on different cases.', 'Emphasizes the significance of including a default case in the switch statement to handle values that do not fit into specific cases, thereby preventing unexpected execution.', 'Explains the necessity of using break statements within cases to ensure that only the relevant case is executed and to prevent the execution of subsequent cases.', "Demonstrates the for loop's functionality in initializing a variable, checking a condition, and updating the variable for a specified number of iterations, as shown by iterating through an array of subjects and prompting the user for marks for each subject.", "Introduces the for in loop as a method to traverse through an array, utilizing the 'for...in' syntax to iterate through each element of the array and emphasizing the usage of the loop in accessing and displaying array elements.", 'Compares the while loop and do while loop, highlighting the difference in their execution flow and provides practical examples, including the demonstration of an infinite loop and the importance of ensuring the loop condition is finite to avoid unintended infinite iterations.']}, {'end': 5520.247, 'segs': [{'end': 4886.069, 'src': 'embed', 'start': 4834.986, 'weight': 0, 'content': [{'end': 4840.147, 'text': 'So after do is the statements to be executed, and after while the condition.', 'start': 4834.986, 'duration': 5.161}, {'end': 4846.949, 'text': 'So in do while loop, without even checking the condition, at least once the block will get executed.', 'start': 4840.867, 'duration': 6.082}, {'end': 4854.032, 'text': 'So as I said that what do you mean by function is bundling together the statements that you want or can put them a label.', 'start': 4847.529, 'duration': 6.503}, {'end': 4859.595, 'text': 'Now how do we write this function? A function will have a particular syntax.', 'start': 4854.272, 'duration': 5.323}, {'end': 4864.978, 'text': 'If you follow that syntax then only it will be called as function in JavaScript.', 'start': 4859.675, 'duration': 5.303}, {'end': 4866.778, 'text': "So let's learn the syntax.", 'start': 4865.358, 'duration': 1.42}, {'end': 4872.101, 'text': 'Function has something called as a keyword called as function.', 'start': 4867.299, 'duration': 4.802}, {'end': 4879.505, 'text': 'How do we write a function? So we need to use the keyword function, then the name of the function.', 'start': 4872.501, 'duration': 7.004}, {'end': 4886.069, 'text': 'Since it is a function, it should be followed by this round brackets.', 'start': 4880.726, 'duration': 5.343}], 'summary': 'Do while loop executes block at least once. function syntax in javascript includes keyword, function name, and round brackets.', 'duration': 51.083, 'max_score': 4834.986, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04834986.jpg'}, {'end': 5114.956, 'src': 'embed', 'start': 5079.421, 'weight': 3, 'content': [{'end': 5081.962, 'text': "It's kind of a must in your JavaScript.", 'start': 5079.421, 'duration': 2.541}, {'end': 5087.025, 'text': 'If a function does not have a return statement, a default value is returned.', 'start': 5082.323, 'duration': 4.702}, {'end': 5091.468, 'text': 'And the default value that is returned is nothing but undefined.', 'start': 5087.465, 'duration': 4.003}, {'end': 5094.81, 'text': 'Okay So this is how you write your function.', 'start': 5092.227, 'duration': 2.583}, {'end': 5101.078, 'text': 'You call your function and while writing a function you should make sure that you write a return statement.', 'start': 5095.191, 'duration': 5.887}, {'end': 5106.505, 'text': "If you don't then by default it will give you something called as undefined back.", 'start': 5101.198, 'duration': 5.307}, {'end': 5114.956, 'text': 'Okay How do we write functions in JavaScript? Well, there are four ways of writing a function.', 'start': 5107.166, 'duration': 7.79}], 'summary': 'In javascript, a function without a return statement defaults to undefined. there are four ways to write a function.', 'duration': 35.535, 'max_score': 5079.421, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO05079421.jpg'}, {'end': 5155.787, 'src': 'embed', 'start': 5128.261, 'weight': 2, 'content': [{'end': 5138.467, 'text': 'So there are altogether categories that are made of four named functions, anonymous function, self-invoking function, and constructors.', 'start': 5128.261, 'duration': 10.206}, {'end': 5145.695, 'text': 'So let us understand if we want to write a small function, how do we write that function as a named function??', 'start': 5139.748, 'duration': 5.947}, {'end': 5148.939, 'text': 'How do we write the same function as an anonymous function??', 'start': 5145.875, 'duration': 3.064}, {'end': 5155.787, 'text': 'How do we write the same function as a self invoking function or as a constructor?', 'start': 5149.079, 'duration': 6.708}], 'summary': 'The transcript discusses four types of functions: named, anonymous, self-invoking, and constructors.', 'duration': 27.526, 'max_score': 5128.261, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO05128261.jpg'}], 'start': 4788.477, 'title': 'Loop and javascript functions', 'summary': 'Covers while and do-while loops with an example and javascript functions, including syntax, usage, parameters, return statements, and various function types like named, anonymous, self-invoking, and constructors.', 'chapters': [{'end': 4834.646, 'start': 4788.477, 'title': 'While and do-while loop example', 'summary': 'Covers the usage of while and do-while loops to iterate through a list of subjects, ensuring the incrementation and display of marks for each subject, all illustrated through an explanatory example.', 'duration': 46.169, 'highlights': ['The chapter explains the usage of while and do-while loops to iterate through a list of subjects, ensuring the incrementation and display of marks for each subject.', 'An example of the while loop is provided, demonstrating the iteration through a list of subjects and the display of their respective marks.', 'The syntax and execution of the do-while loop are also detailed, highlighting the differences from the while loop.']}, {'end': 5520.247, 'start': 4834.986, 'title': 'Javascript functions overview', 'summary': 'Covers the syntax and use of functions in javascript, including the definition, calling, parameters, return statements, and different ways of writing functions, categorizing them into named functions, anonymous functions, self-invoking functions, and constructors.', 'duration': 685.261, 'highlights': ["Functions have a standard definition with specific syntax in JavaScript Functions in JavaScript have a specific syntax including the keyword 'function', function name, round brackets for parameters, and a body enclosed in curly brackets.", "The importance of return statements in functions Every function in JavaScript should have a return statement in its body, which is crucial for returning specific values. If a function lacks a return statement, it defaults to returning 'undefined'.", 'Different ways of writing functions in JavaScript Functions in JavaScript can be categorized into named functions, anonymous functions, self-invoking functions, and constructors, each with distinct characteristics and use cases.', "Creating a named function in JavaScript Named functions in JavaScript require a unique name and can be called at multiple places. They involve defining the function using the 'function' keyword, followed by the function name and a parameter list, and specifying the function body with a return statement."]}], 'duration': 731.77, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO04788477.jpg', 'highlights': ['The syntax and execution of the do-while loop are detailed, highlighting the differences from the while loop.', "Functions in JavaScript have a specific syntax including the keyword 'function', function name, round brackets for parameters, and a body enclosed in curly brackets.", 'Functions in JavaScript can be categorized into named functions, anonymous functions, self-invoking functions, and constructors, each with distinct characteristics and use cases.', 'Every function in JavaScript should have a return statement in its body, which is crucial for returning specific values.']}, {'end': 7160.418, 'segs': [{'end': 5548.925, 'src': 'embed', 'start': 5520.999, 'weight': 0, 'content': [{'end': 5525.063, 'text': 'Unless and until I call this function, this will not get executed.', 'start': 5520.999, 'duration': 4.064}, {'end': 5531.288, 'text': 'So once my function declaration is done, now I will try to call this function.', 'start': 5526.104, 'duration': 5.184}, {'end': 5538.594, 'text': 'So here I would send 2 comma 3 and this is a call to this function.', 'start': 5532.329, 'duration': 6.265}, {'end': 5542.558, 'text': 'So I will just send this name of the function followed by the parameters.', 'start': 5538.634, 'duration': 3.924}, {'end': 5548.925, 'text': 'So here what happens, now a is equal to 2 and b is equal to 3.', 'start': 5543.238, 'duration': 5.687}], 'summary': 'Function is called with 2, 3 as parameters, setting a=2 and b=3.', 'duration': 27.926, 'max_score': 5520.999, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO05520999.jpg'}, {'end': 5719.889, 'src': 'embed', 'start': 5691.3, 'weight': 2, 'content': [{'end': 5701.484, 'text': 'When it is called, immediately after it is defined or actual argument to the function or function defined is used as an expression,', 'start': 5691.3, 'duration': 10.184}, {'end': 5710.288, 'text': 'it can be stored in a variable, passed as an actual argument to a function, or can be returned as a value by function.', 'start': 5701.484, 'duration': 8.804}, {'end': 5713.009, 'text': 'This all points may sound Greek to you.', 'start': 5710.588, 'duration': 2.421}, {'end': 5715.05, 'text': "Let's see the examples.", 'start': 5713.769, 'duration': 1.281}, {'end': 5719.889, 'text': 'Now can you see that a function has been defined?', 'start': 5716.007, 'duration': 3.882}], 'summary': 'Functions can be stored, passed, or returned as values.', 'duration': 28.589, 'max_score': 5691.3, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO05691300.jpg'}, {'end': 6048.263, 'src': 'embed', 'start': 6014.319, 'weight': 3, 'content': [{'end': 6015.659, 'text': 'What are constructors?', 'start': 6014.319, 'duration': 1.34}, {'end': 6026.083, 'text': 'Basically, in object-oriented paradigm, constructors are special functions, and we have already used this constructor before,', 'start': 6016.399, 'duration': 9.684}, {'end': 6027.804, 'text': 'when we had declared an array.', 'start': 6026.083, 'duration': 1.721}, {'end': 6035.731, 'text': 'While using your constructor or calling your constructor, you use a keyword that is called as new.', 'start': 6028.704, 'duration': 7.027}, {'end': 6042.077, 'text': 'This new keyword is followed by what type of object do you want to create.', 'start': 6036.372, 'duration': 5.705}, {'end': 6048.263, 'text': 'Now if you want to create an object of the type array, then you would say new and array.', 'start': 6043.078, 'duration': 5.185}], 'summary': "Constructors in object-oriented paradigm are special functions used to create objects, exemplified when declaring an array with the 'new' keyword.", 'duration': 33.944, 'max_score': 6014.319, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO06014319.jpg'}, {'end': 6883.322, 'src': 'embed', 'start': 6854.221, 'weight': 1, 'content': [{'end': 6859.564, 'text': 'What are closures? It is an implicit permanent link between the function and its scope chain.', 'start': 6854.221, 'duration': 5.343}, {'end': 6867.149, 'text': "As I told you, we won't be able to see what exactly is a scope chain, but there is something called as a scope chain that exists,", 'start': 6859.684, 'duration': 7.465}, {'end': 6870.911, 'text': 'which means that to which outer scope it refers to?', 'start': 6867.149, 'duration': 3.762}, {'end': 6875.373, 'text': "A function's definition, hidden reference, is what a scope is.", 'start': 6871.551, 'duration': 3.822}, {'end': 6878.117, 'text': 'It holds the scope chain.', 'start': 6876.696, 'duration': 1.421}, {'end': 6883.322, 'text': 'It is used and copied as an outer environment reference anytime the function is run.', 'start': 6878.458, 'duration': 4.864}], 'summary': "Closures are a function's implicit link to its scope chain, facilitating access to outer environments.", 'duration': 29.101, 'max_score': 6854.221, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO06854221.jpg'}], 'start': 5520.999, 'title': 'Javascript functions and closures', 'summary': 'Explores function execution, return values, named and anonymous functions in javascript, including their usage, practical examples, and applications, as well as understanding closures and their impact on scope chains with an example demonstrating the increase in counter value.', 'chapters': [{'end': 5640.697, 'start': 5520.999, 'title': 'Function execution and return values', 'summary': "Explains the execution of a named function, the value returned by default, and the role of the return statement, demonstrating the function's behavior with specific parameter values and highlighting the console output.", 'duration': 119.698, 'highlights': ["The function is declared with parameters 'a' and 'b', and upon calling the function with 2 and 3 as arguments, the values are assigned to 'a' and 'b'.", 'The console statement is executed after the function call, and the output of the method is logged as the value 5.', 'If the return statement is omitted from the function and the function is called, the return value is undefined by default.', "By capturing the returned value in a variable (e.g., 'sum') and logging it, the execution of the function and the console statement can be observed with each function call."]}, {'end': 6013.558, 'start': 5641.699, 'title': 'Javascript functions: named and anonymous', 'summary': 'Discusses the concept of anonymous functions in javascript, explaining their usage and practical examples, including how they can be assigned to variables, used as parameters, and passed as arguments to global functions like settimeout.', 'duration': 371.859, 'highlights': ['Anonymous functions can be used only at one place and can be stored in a variable, passed as an actual argument to a function, or returned as a value by a function.', 'The setTimeout method in JavaScript takes a function as its first parameter and a time delay as its second parameter, allowing the execution of the function after the specified time.', 'The chapter also demonstrates how to create and utilize anonymous functions by assigning them to variables and using them as parameters for global functions like setTimeout.', 'Named functions and anonymous functions are two ways of declaring functions in JavaScript, offering different use cases and practical applications.']}, {'end': 6853.501, 'start': 6014.319, 'title': 'Javascript functions', 'summary': 'Explains constructors in object-oriented paradigm, including named functions, anonymous functions, new constructors, and self-invoking functions, with examples and their practical applications in calculating the square of a number using javascript.', 'duration': 839.182, 'highlights': ['Constructors are special functions used in object-oriented paradigm, including named functions, anonymous functions, new constructors, and self-invoking functions. The chapter explains the concept of constructors as special functions used in the object-oriented paradigm, covering named functions, anonymous functions, new constructors, and self-invoking functions.', 'Examples and practical applications of constructors are demonstrated for calculating the square of a number using JavaScript. The transcript provides examples and practical applications of constructors, such as named functions, anonymous functions, new constructors, and self-invoking functions, in calculating the square of a number using JavaScript.', 'The chapter covers the syntax and usage of constructors, including creating objects of different types and invoking functions with and without parameters. The chapter elaborates on the syntax and usage of constructors, explaining the process of creating objects of different types and invoking functions with and without parameters.']}, {'end': 7160.418, 'start': 6854.221, 'title': 'Understanding closures in javascript', 'summary': 'Explains closures in javascript, highlighting how they create a permanent link between functions and their scope chains, using an example to demonstrate how outer function variables become part of the inner function and do not get reinitialized when called, resulting in an increase in the counter value with each invocation of the function.', 'duration': 306.197, 'highlights': ['Closures create a permanent link between functions and their scope chains Closures in JavaScript establish an implicit permanent link between a function and its scope chain, creating a hidden reference to the outer scope.', 'Demonstration of how outer function variables become part of the inner function and do not get reinitialized when called The provided example illustrates how outer function variables become a part of the inner function, resulting in the counter value increasing with each invocation of the function without reinitialization.', 'Explanation of how closures work in JavaScript The explanation delves into how closures work by having a global variable pointing to a function that returns an inner function, resulting in the outer function variables becoming a part of the inner function and not getting reinitialized with each invocation.']}], 'duration': 1639.419, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO05520999.jpg', 'highlights': ["The function is declared with parameters 'a' and 'b', and upon calling the function with 2 and 3 as arguments, the values are assigned to 'a' and 'b.", 'Closures create a permanent link between functions and their scope chains Closures in JavaScript establish an implicit permanent link between a function and its scope chain, creating a hidden reference to the outer scope.', 'Anonymous functions can be used only at one place and can be stored in a variable, passed as an actual argument to a function, or returned as a value by a function.', 'Constructors are special functions used in object-oriented paradigm, including named functions, anonymous functions, new constructors, and self-invoking functions. The chapter explains the concept of constructors as special functions used in the object-oriented paradigm, covering named functions, anonymous functions, new constructors, and self-invoking functions.']}, {'end': 8816.53, 'segs': [{'end': 7216.741, 'src': 'embed', 'start': 7188.561, 'weight': 1, 'content': [{'end': 7190.923, 'text': 'But we have three different variables now.', 'start': 7188.561, 'duration': 2.362}, {'end': 7197.467, 'text': 'If you go to use array, then it is nothing but a collection of homogeneous data type.', 'start': 7191.983, 'duration': 5.484}, {'end': 7204.612, 'text': 'So if you have many names, you can put together and create an array out of it, okay?', 'start': 7198.168, 'duration': 6.444}, {'end': 7211.917, 'text': 'But in case you have different, different type of data and logically it represents one entity,', 'start': 7205.153, 'duration': 6.764}, {'end': 7216.741, 'text': 'then JavaScript helps you with something called as JSON object.', 'start': 7211.917, 'duration': 4.824}], 'summary': 'Javascript allows for arrays and json objects to store and handle different types of data.', 'duration': 28.18, 'max_score': 7188.561, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO07188561.jpg'}, {'end': 7290.246, 'src': 'embed', 'start': 7255.439, 'weight': 0, 'content': [{'end': 7259.082, 'text': 'When I type into an input box, one more event gets generated.', 'start': 7255.439, 'duration': 3.643}, {'end': 7261.885, 'text': 'So there are many events that get generated.', 'start': 7259.563, 'duration': 2.322}, {'end': 7269.471, 'text': "So, being a smart developer, why shouldn't I take an opportunity and take an advantage of such events?", 'start': 7262.385, 'duration': 7.086}, {'end': 7274.135, 'text': 'On occurrence of certain events, I can do some task.', 'start': 7270.251, 'duration': 3.884}, {'end': 7277.537, 'text': "So that's exactly what we are going to learn today.", 'start': 7274.835, 'duration': 2.702}, {'end': 7280.499, 'text': 'How do we create an object?', 'start': 7278.458, 'duration': 2.041}, {'end': 7290.246, 'text': 'As I told you, object is nothing, but it is, logically, all the data that belongs to one entity is put together under one name.', 'start': 7281.1, 'duration': 9.146}], 'summary': 'Learning to utilize multiple generated events to perform tasks and create objects.', 'duration': 34.807, 'max_score': 7255.439, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO07255439.jpg'}, {'end': 7344.666, 'src': 'embed', 'start': 7312.741, 'weight': 3, 'content': [{'end': 7315.903, 'text': 'objects usually are something real life entities.', 'start': 7312.741, 'duration': 3.162}, {'end': 7321.187, 'text': 'And we have some specific parts that are declared.', 'start': 7316.724, 'duration': 4.463}, {'end': 7324.769, 'text': 'So let me just explain you the basics once.', 'start': 7321.867, 'duration': 2.902}, {'end': 7328.892, 'text': 'An object has something called as properties.', 'start': 7325.689, 'duration': 3.203}, {'end': 7344.666, 'text': 'What are properties? Now, if I say that human is one object, so human has many properties like he has eyes, tongue, nose, hands, legs, et cetera.', 'start': 7330.814, 'duration': 13.852}], 'summary': 'Objects have properties; e.g., a human has eyes, tongue, nose, hands, legs, etc.', 'duration': 31.925, 'max_score': 7312.741, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO07312741.jpg'}, {'end': 7496.23, 'src': 'embed', 'start': 7406.59, 'weight': 2, 'content': [{'end': 7410.692, 'text': 'How do you access that property? Using a dot notation.', 'start': 7406.59, 'duration': 4.102}, {'end': 7415.934, 'text': 'For example, if a human being has, you know, name as one property.', 'start': 7411.332, 'duration': 4.602}, {'end': 7429.68, 'text': 'So, for this object whose name is human, you can use this name property using human, a dot operator, a dot operator, which is a must,', 'start': 7416.654, 'duration': 13.026}, {'end': 7430.881, 'text': 'and then the property name.', 'start': 7429.68, 'duration': 1.201}, {'end': 7435.863, 'text': 'So using a dot property you can access all its properties.', 'start': 7432.341, 'duration': 3.522}, {'end': 7438.284, 'text': 'That is what is very very important.', 'start': 7436.263, 'duration': 2.021}, {'end': 7445.346, 'text': "Okay So without taking a minute let's learn how do we create our object.", 'start': 7439.184, 'duration': 6.162}, {'end': 7448.528, 'text': 'Okay To create our object.', 'start': 7446.187, 'duration': 2.341}, {'end': 7458.476, 'text': 'Like the way we used new operator while creating function, we can use this new operator to create an object as well.', 'start': 7449.494, 'duration': 8.982}, {'end': 7465.218, 'text': 'So as I told you, for anything you have to declare that variable with a keyword as var.', 'start': 7459.137, 'duration': 6.081}, {'end': 7469.059, 'text': 'So that rule also is strictly followed here.', 'start': 7465.758, 'duration': 3.301}, {'end': 7480.283, 'text': 'So if you just can see in the example, we have created a variable whose name is person and using this new operator, we created an object.', 'start': 7469.499, 'duration': 10.784}, {'end': 7485.845, 'text': 'So perfect using this first line of code we have created one blank object.', 'start': 7481.083, 'duration': 4.762}, {'end': 7488.686, 'text': "Now it's time to add some properties to it.", 'start': 7486.445, 'duration': 2.241}, {'end': 7494.029, 'text': 'So what we can do is we can define person dot name is equal to say saya.', 'start': 7489.367, 'duration': 4.662}, {'end': 7496.23, 'text': 'Okay and age is so and so.', 'start': 7494.629, 'duration': 1.601}], 'summary': "Creating objects and accessing properties using dot notation. example: person.name = 'saya', age = value.", 'duration': 89.64, 'max_score': 7406.59, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO07406590.jpg'}, {'end': 8071.798, 'src': 'embed', 'start': 8040.956, 'weight': 4, 'content': [{'end': 8046.061, 'text': 'And what does this means? This means the current object that you are creating.', 'start': 8040.956, 'duration': 5.105}, {'end': 8051.146, 'text': 'Like the way we have in many object oriented languages called as a constructor.', 'start': 8046.661, 'duration': 4.485}, {'end': 8057.912, 'text': 'So if anybody is a Java developer, they would directly feel that okay, this is something like creating a constructor.', 'start': 8051.606, 'duration': 6.306}, {'end': 8064.835, 'text': 'So you can create a constructor, and that constructor is nothing but your function in JavaScript,', 'start': 8058.593, 'duration': 6.242}, {'end': 8071.798, 'text': 'wherein you create the name of the function and the body of the function will have all its properties initialized.', 'start': 8064.835, 'duration': 6.963}], 'summary': 'Javascript allows creating constructors similar to java, initializing properties through functions.', 'duration': 30.842, 'max_score': 8040.956, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO08040956.jpg'}], 'start': 7160.938, 'title': 'Javascript objects and event handling in programming', 'summary': 'Covers the creation of a json object, event handling in javascript, understanding objects in programming, creating and using objects in javascript, and creating objects using constructor functions and object.create method.', 'chapters': [{'end': 7280.499, 'start': 7160.938, 'title': 'Javascript objects and event handling', 'summary': 'Covers the creation of a json object to consolidate different data types representing a single entity, as well as the utilization of event handling in javascript, enabling the execution of tasks upon the occurrence of specific events like button clicks or input submissions.', 'duration': 119.561, 'highlights': ['JavaScript object notation (JSON) allows consolidation of different data types into a single entity. JSON object enables consolidation of different data types, such as names, ages, and addresses, into a single entity, facilitating efficient data management and organization.', 'Event handling in JavaScript enables execution of tasks upon the occurrence of specific events like button clicks or input submissions. Event handling in JavaScript empowers developers to execute tasks in response to events like button clicks or input submissions, enhancing the interactivity and functionality of web pages.']}, {'end': 7533.866, 'start': 7281.1, 'title': 'Understanding objects in programming', 'summary': 'Explains the concept of objects in programming, highlighting the two main components - properties and methods, and the process of creating and accessing object properties using dot notation, emphasizing the use of the new operator for object creation.', 'duration': 252.766, 'highlights': ['Objects consist of properties and methods, reflecting real-life entities like a human having properties such as eyes, tongue, and methods like talking and walking. The chapter explains that objects in programming have properties (e.g., eyes, tongue) and methods (e.g., talking, walking) that reflect real-life entities.', 'The process of creating an object involves using the new operator and defining properties for the object using dot notation, emphasizing the requirement to declare the variable with the var keyword. The chapter details the process of creating an object using the new operator and defining properties (e.g., name, age) for the object using dot notation, requiring the declaration of the variable with the var keyword.', "Accessing object properties is achieved using dot notation, allowing the retrieval of an object's properties by using the object name followed by a dot and the property name. The chapter emphasizes the use of dot notation to access object properties, allowing retrieval by using the object name followed by a dot and the property name."]}, {'end': 8015.029, 'start': 7535.166, 'title': 'Creating and using objects in javascript', 'summary': 'Explains the various ways of creating objects in javascript, such as using the new operator, brace brackets, dot notation, square brackets, and object declaration, along with the demonstration of using functions to create and access object properties.', 'duration': 479.863, 'highlights': ['The chapter explains the various ways of creating objects in JavaScript, such as using the new operator, brace brackets, dot notation, square brackets, and object declaration, along with the demonstration of using functions to create and access object properties.', 'Demonstrates creating an object using brace brackets and initializing and declaring its properties in one statement, showcasing the declaration of properties without quotes and the direct value assignment for numbers.', 'Illustrates creating an object using the new operator and a function, highlighting the process of creating a person object with designated properties and using the createPerson method to obtain the object.', 'Shows the creation of an object using brace brackets, emphasizing the usage of dot notation and square brackets for adding properties.', 'Explains the process of creating an object using brace brackets and adding properties through the use of dot notation and square brackets, offering multiple ways of writing and accessing object properties.']}, {'end': 8816.53, 'start': 8015.67, 'title': 'Creating objects in javascript', 'summary': 'Explains the process of creating objects in javascript using constructor functions and the object.create method, and demonstrates how to add and delete properties and iterate through object properties using for-in loops.', 'duration': 800.86, 'highlights': ['The chapter explains the process of creating objects in JavaScript using constructor functions and the object.create method. Creating objects in JavaScript involves using constructor functions and the object.create method.', "The chapter demonstrates how to add and delete properties of an object in JavaScript, using the 'this' keyword to refer to the current object and the 'delete' keyword to remove properties. The 'this' keyword is used to refer to the current object, and the 'delete' keyword is used to remove object properties.", 'The chapter shows how to iterate through object properties using for-in loops in JavaScript. Iterating through object properties is demonstrated using for-in loops in JavaScript.']}], 'duration': 1655.592, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO07160938.jpg', 'highlights': ['Event handling in JavaScript empowers developers to execute tasks in response to events like button clicks or input submissions, enhancing the interactivity and functionality of web pages.', 'JavaScript object notation (JSON) allows consolidation of different data types into a single entity, facilitating efficient data management and organization.', 'The chapter explains the various ways of creating objects in JavaScript, such as using the new operator, brace brackets, dot notation, square brackets, and object declaration, along with the demonstration of using functions to create and access object properties.', 'Objects consist of properties and methods, reflecting real-life entities like a human having properties such as eyes, tongue, and methods like talking and walking.', 'Creating objects in JavaScript involves using constructor functions and the object.create method.', "Accessing object properties is achieved using dot notation, allowing the retrieval of an object's properties by using the object name followed by a dot and the property name.", 'The process of creating an object involves using the new operator and defining properties for the object using dot notation, emphasizing the requirement to declare the variable with the var keyword.', 'The chapter details the process of creating an object using the new operator and defining properties (e.g., name, age) for the object using dot notation, requiring the declaration of the variable with the var keyword.']}, {'end': 10157.076, 'segs': [{'end': 8879.401, 'src': 'embed', 'start': 8846.817, 'weight': 0, 'content': [{'end': 8848.298, 'text': 'We had a method display type.', 'start': 8846.817, 'duration': 1.481}, {'end': 8850.68, 'text': 'We can have one more method called as change type.', 'start': 8848.518, 'duration': 2.162}, {'end': 8854.483, 'text': 'And in change type, we can just change its type as well.', 'start': 8851.24, 'duration': 3.243}, {'end': 8859.107, 'text': 'So we can alter all the property using its own methods also.', 'start': 8855.103, 'duration': 4.004}, {'end': 8862.109, 'text': 'So this is how we create an object.', 'start': 8859.867, 'duration': 2.242}, {'end': 8867.114, 'text': 'This is how we create properties of objects and then the methods of the object.', 'start': 8862.53, 'duration': 4.584}, {'end': 8871.014, 'text': 'Now, after learning this bigger topic, like objects.', 'start': 8867.711, 'duration': 3.303}, {'end': 8879.401, 'text': 'there are some objects which are ready made, given to us, out of which we have already seen an object called as document, which is ready made,', 'start': 8871.014, 'duration': 8.387}], 'summary': "Methods and properties for creating and altering objects, including the ready-made object 'document'.", 'duration': 32.584, 'max_score': 8846.817, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO08846817.jpg'}, {'end': 9151.059, 'src': 'embed', 'start': 9117.287, 'weight': 1, 'content': [{'end': 9119.528, 'text': 'So the scope is throughout your JavaScript.', 'start': 9117.287, 'duration': 2.241}, {'end': 9125.311, 'text': 'Then browser object model allows JavaScript code to interact with browser properties.', 'start': 9120.088, 'duration': 5.223}, {'end': 9130.854, 'text': 'And image is shown below which is nothing but the hierarchy of window objects.', 'start': 9126.071, 'duration': 4.783}, {'end': 9132.495, 'text': 'So main object is window object.', 'start': 9130.874, 'duration': 1.621}, {'end': 9136.457, 'text': 'Its properties are location, history, document, navigate, screen.', 'start': 9132.935, 'duration': 3.522}, {'end': 9140.719, 'text': 'Document again has more properties, forms, images, and links.', 'start': 9137.117, 'duration': 3.602}, {'end': 9144.961, 'text': "Let's see the first object that is window object.", 'start': 9141.579, 'duration': 3.382}, {'end': 9151.059, 'text': 'So the first object under BOM object, that is window object.', 'start': 9145.996, 'duration': 5.063}], 'summary': 'Javascript bom allows interaction with browser properties and hierarchy of window object. main object: window. properties: location, history, document, navigate, screen. document has additional properties: forms, images, links.', 'duration': 33.772, 'max_score': 9117.287, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO09117287.jpg'}, {'end': 9189.688, 'src': 'embed', 'start': 9166.388, 'weight': 2, 'content': [{'end': 9175.014, 'text': 'OK So we can do all this with this window object like if you use window dot open method it will open up a new window.', 'start': 9166.388, 'duration': 8.626}, {'end': 9179.766, 'text': 'If you use window.close method, it will close the current window.', 'start': 9175.925, 'duration': 3.841}, {'end': 9185.447, 'text': 'If you use something like move to, so your window will just move to another location.', 'start': 9180.566, 'duration': 4.881}, {'end': 9189.688, 'text': "But if it is a full screen, you won't even realize that slightly it has moved.", 'start': 9185.567, 'duration': 4.121}], 'summary': 'The window object allows for opening new windows, closing current windows, and moving to new locations.', 'duration': 23.3, 'max_score': 9166.388, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO09166388.jpg'}, {'end': 9616.945, 'src': 'embed', 'start': 9594.214, 'weight': 3, 'content': [{'end': 9601.717, 'text': 'So all these values you can get using the screen.width and all these properties that this object screen has.', 'start': 9594.214, 'duration': 7.503}, {'end': 9606.88, 'text': 'Now, you can even get the values, you can even set the values.', 'start': 9602.278, 'duration': 4.602}, {'end': 9612.103, 'text': 'Okay, so if you want to set some color, you can use this color depth and set it.', 'start': 9607.38, 'duration': 4.723}, {'end': 9616.945, 'text': 'You want to set the height, you can use this height property and set it.', 'start': 9612.583, 'duration': 4.362}], 'summary': 'Access and manipulate properties like screen width, color depth, and height using screen object.', 'duration': 22.731, 'max_score': 9594.214, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO09594214.jpg'}, {'end': 10157.076, 'src': 'embed', 'start': 10128.592, 'weight': 4, 'content': [{'end': 10132.221, 'text': "If it doesn't have Chrome then you go for the else statement.", 'start': 10128.592, 'duration': 3.629}, {'end': 10136.332, 'text': 'and in else you check whether it has Mozilla.', 'start': 10133.211, 'duration': 3.121}, {'end': 10142.333, 'text': 'You can try such a piece of code in many other browsers and see what all differences you get,', 'start': 10136.932, 'duration': 5.401}, {'end': 10150.055, 'text': 'and accordingly you just type in your code to test on which browser your user has opened up your file.', 'start': 10142.333, 'duration': 7.722}, {'end': 10157.076, 'text': "So that's what is the important test case when it comes to navigator object in JavaScript.", 'start': 10150.655, 'duration': 6.421}], 'summary': 'Test code on different browsers to check navigator object in javascript.', 'duration': 28.484, 'max_score': 10128.592, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO010128592.jpg'}], 'start': 8817.351, 'title': 'Object properties, bom, window, screen, and navigator objects', 'summary': 'Covers creating and modifying object properties, the browser object model with its window and document properties, window and screen object manipulation, and the navigator object properties such as app name, platform, and user agent for testing.', 'chapters': [{'end': 8871.014, 'start': 8817.351, 'title': 'Creating and modifying object properties', 'summary': 'Discusses creating objects, accessing their properties and methods, and modifying properties using object methods. it emphasizes the ability to alter all properties using their own methods, providing an overview of the process.', 'duration': 53.663, 'highlights': ['We can alter all the property using its own methods also, such as defining methods within the object to change the properties.', 'The chapter emphasizes creating objects, accessing their properties and methods, and modifying properties using object methods.']}, {'end': 9321.835, 'start': 8871.014, 'title': 'Browser object model', 'summary': 'Introduces the window object, part of the browser object model (bom), which has properties like location, history, document, navigate, and screen. the window object allows for various manipulations such as opening, closing, moving, and resizing windows. the document object, a property of the window object, has its own properties like forms, images, and links. the browser object model enables javascript code to interact with browser properties, and it is available throughout the code.', 'duration': 450.821, 'highlights': ['The window object allows for various manipulations such as opening, closing, moving, and resizing windows. The window object has methods like window.open to open a new window, window.close to close the current window, and methods to move and resize the window.', 'The document object, a property of the window object, has its own properties like forms, images, and links. The document object, as a property of the window object, has properties such as forms, images, and links, allowing for manipulation of the document structure.', 'The browser object model enables JavaScript code to interact with browser properties, and it is available throughout the code. The browser object model allows JavaScript code to interact with browser properties, and it is globally available throughout the JavaScript code.']}, {'end': 9782.053, 'start': 9323.096, 'title': 'Window and screen object in javascript', 'summary': 'Discusses creating and manipulating window objects, including opening new windows, moving them, and handling pop-up blockers. it also explores accessing and modifying properties of the screen object, such as screen width, height, color depth, and available width.', 'duration': 458.957, 'highlights': ['Creating and manipulating window objects The chapter covers creating a new window, setting its dimensions, moving it to a specific location, handling pop-up blockers, and closing windows, offering practical insights into window object operations.', 'Accessing and modifying properties of the screen object The transcript delves into accessing and modifying properties of the screen object, including screen width, height, available width, color depth, and methods for setting and retrieving values, providing a comprehensive understanding of screen object functionalities.']}, {'end': 10157.076, 'start': 9782.673, 'title': 'Navigator object in javascript', 'summary': 'Discusses the navigator object in javascript, revealing its properties like app name, app code name, platform, cookie enablement, and product name, along with the unreliability of the user agent property, and its significance in determining the browser type for testing purposes.', 'duration': 374.403, 'highlights': ['The navigator object provides information about the browser, including properties such as app name, app code name, platform, cookie enablement, and product name. It reveals the properties of the navigator object, such as app name, app code name, platform, cookie enablement, and product name.', 'The user agent property of the navigator object is discussed, with examples of identifying the browser type using the user agent array and its significance in determining the browser type for testing purposes. It explains the unreliability of the user agent property and its significance in determining the browser type for testing purposes.', 'The chapter emphasizes the importance of using the navigator object for testing on which browser the user has opened a file, and provides insights into the code for identifying browser types based on user agent properties. It highlights the importance of using the navigator object for testing browser types and provides insights into identifying browser types based on user agent properties.']}], 'duration': 1339.725, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO08817351.jpg', 'highlights': ['The chapter emphasizes creating objects, accessing their properties and methods, and modifying properties using object methods.', 'The browser object model allows JavaScript code to interact with browser properties, and it is globally available throughout the JavaScript code.', 'Creating and manipulating window objects The chapter covers creating a new window, setting its dimensions, moving it to a specific location, handling pop-up blockers, and closing windows, offering practical insights into window object operations.', 'Accessing and modifying properties of the screen object The transcript delves into accessing and modifying properties of the screen object, including screen width, height, available width, color depth, and methods for setting and retrieving values, providing a comprehensive understanding of screen object functionalities.', 'The chapter emphasizes the importance of using the navigator object for testing on which browser the user has opened a file, and provides insights into the code for identifying browser types based on user agent properties.']}, {'end': 11549.127, 'segs': [{'end': 10239.719, 'src': 'embed', 'start': 10208.709, 'weight': 4, 'content': [{'end': 10213.03, 'text': "Let's always make it a habit since we have learned functions now.", 'start': 10208.709, 'duration': 4.321}, {'end': 10216.011, 'text': "Let's always put everything in location.", 'start': 10213.63, 'duration': 2.381}, {'end': 10218.031, 'text': 'Location properties.', 'start': 10216.971, 'duration': 1.06}, {'end': 10223.668, 'text': 'So this location property, we can use console.log to log all the properties.', 'start': 10219.025, 'duration': 4.643}, {'end': 10232.414, 'text': 'So currently, what is the address bar that you want? Whatever is the output of this address bar is what you want.', 'start': 10225.049, 'duration': 7.365}, {'end': 10235.236, 'text': "Let me just say what I'm printing here.", 'start': 10232.554, 'duration': 2.682}, {'end': 10239.719, 'text': 'Okay, href of location.', 'start': 10235.256, 'duration': 4.463}], 'summary': 'Utilize console.log to log location properties, such as the address bar.', 'duration': 31.01, 'max_score': 10208.709, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO010208709.jpg'}, {'end': 10599.417, 'src': 'embed', 'start': 10571.74, 'weight': 0, 'content': [{'end': 10576.584, 'text': 'The HTML DOM is a standard object model and programming interface for HTML.', 'start': 10571.74, 'duration': 4.844}, {'end': 10579.966, 'text': 'It defines the HTML elements as objects.', 'start': 10576.844, 'duration': 3.122}, {'end': 10585.971, 'text': 'The properties of all HTML elements, the methods to access all HTML elements.', 'start': 10580.367, 'duration': 5.604}, {'end': 10590.793, 'text': 'So it has some properties that will help you to get that particular object.', 'start': 10586.371, 'duration': 4.422}, {'end': 10599.417, 'text': 'Also you have methods to get any of these HTML elements and every element will have some events attached to them.', 'start': 10591.293, 'duration': 8.124}], 'summary': 'Html dom is a standard object model defining properties and methods for accessing html elements and their events.', 'duration': 27.677, 'max_score': 10571.74, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO010571740.jpg'}, {'end': 10887.866, 'src': 'embed', 'start': 10865.266, 'weight': 3, 'content': [{'end': 10874.953, 'text': 'This method will help us to get a particular or specific element, provided that element, while defining in the HTML,', 'start': 10865.266, 'duration': 9.687}, {'end': 10879.176, 'text': 'has one ID property and having some value to that ID property.', 'start': 10874.953, 'duration': 4.223}, {'end': 10885.161, 'text': 'Now, you can get any HTML element, okay, if you have defined its class property.', 'start': 10879.597, 'duration': 5.564}, {'end': 10887.866, 'text': 'Now, what is this class property all about?', 'start': 10885.601, 'duration': 2.265}], 'summary': 'Method retrieves specific html elements by id or class.', 'duration': 22.6, 'max_score': 10865.266, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO010865266.jpg'}, {'end': 11198.95, 'src': 'embed', 'start': 11165.983, 'weight': 2, 'content': [{'end': 11171.487, 'text': 'I can change its styling, I can change its text or I can work around with its events.', 'start': 11165.983, 'duration': 5.504}, {'end': 11179.281, 'text': "Okay, so let's move ahead This is how I get my objects or other elements.", 'start': 11172.768, 'duration': 6.513}, {'end': 11183.143, 'text': 'Okay this document.getElementById here.', 'start': 11179.621, 'duration': 3.522}, {'end': 11185.144, 'text': "So I've got this value.", 'start': 11183.163, 'duration': 1.981}, {'end': 11187.925, 'text': 'Now I want to change its text.', 'start': 11185.364, 'duration': 2.561}, {'end': 11193.347, 'text': 'So the property that I need to change here is nothing but inner HTML.', 'start': 11188.745, 'duration': 4.602}, {'end': 11195.448, 'text': 'That will change its text.', 'start': 11193.908, 'duration': 1.54}, {'end': 11198.95, 'text': 'So let me try to do or execute it here.', 'start': 11195.829, 'duration': 3.121}], 'summary': "Demonstrating how to change an element's text using innerhtml property.", 'duration': 32.967, 'max_score': 11165.983, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011165983.jpg'}, {'end': 11401.943, 'src': 'embed', 'start': 11366.36, 'weight': 1, 'content': [{'end': 11374.582, 'text': 'To change its style you can just call the method that we have here in the example, call this set attribute.', 'start': 11366.36, 'duration': 8.222}, {'end': 11382.944, 'text': 'In the set attribute you can set the style of it, that current style and you can change its color, okay.', 'start': 11375.042, 'duration': 7.902}, {'end': 11384.385, 'text': 'So let me try this.', 'start': 11383.364, 'duration': 1.021}, {'end': 11392.419, 'text': 'attribute in which what I want to change is nothing but the style.', 'start': 11386.497, 'duration': 5.922}, {'end': 11397.181, 'text': 'and within the style, what I want to change is the color.', 'start': 11392.419, 'duration': 4.762}, {'end': 11401.943, 'text': 'so I change this color here.', 'start': 11397.181, 'duration': 4.762}], 'summary': 'The method set attribute can change the style and color of the element.', 'duration': 35.583, 'max_score': 11366.36, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011366360.jpg'}], 'start': 10157.861, 'title': 'Javascript object model and element manipulation', 'summary': 'Covers the location object, browser object model basics, styling buttons, and manipulating html elements using javascript. it emphasizes properties and methods, practical examples, and the significance of dom for client-side interaction.', 'chapters': [{'end': 10288.306, 'start': 10157.861, 'title': 'Location object in javascript', 'summary': 'Introduces the location object in javascript, covering its properties such as href, host name, and path name, and explains the assign method for opening a new url in the same window. the transcript emphasizes the use of location object and its properties in javascript.', 'duration': 130.445, 'highlights': ['The location object in JavaScript has properties such as href, host name, and path name, and features a method called assign for opening a new URL in the same window.', 'The chapter emphasizes the use of location object and its properties in JavaScript, highlighting the importance of using console.log to log all the properties of the location object.', 'The speaker demonstrates the use of the location object by printing its href property and creating and calling custom methods within the object.']}, {'end': 10887.866, 'start': 10288.908, 'title': 'Browser object model basics', 'summary': 'Explores the browser object model, covering the usage of location, history, and document objects, emphasizing the significance of the dom in manipulating html elements and attributes using javascript for dynamic client-side interaction.', 'duration': 598.958, 'highlights': ['The chapter covers the usage of the Browser Object Model, emphasizing the significance of the Document Object Model (DOM) in manipulating HTML elements and attributes using JavaScript for dynamic client-side interaction. Browser Object Model, Document Object Model (DOM), Manipulating HTML elements and attributes, JavaScript for dynamic client-side interaction', 'The usage of the location object is explained, demonstrating how it can provide information such as the current address in the address bar, the host, and the protocol being used, enabling dynamic address bar operations. Usage of the location object, Information provided (current address, host, protocol), Dynamic address bar operations', 'The functionality of the history object is detailed, showcasing its methods such as back and forward, to traverse through the browsing history and access previously visited pages. Functionality of the history object, Methods (back, forward), Traversing browsing history, Accessing previously visited pages', 'The HTML DOM is described as a standard object model and programming interface for HTML, defining HTML elements as objects, with properties, methods, and events for accessing and manipulating these elements. HTML DOM, Standard object model and programming interface, Defining HTML elements as objects, Properties, methods, events for accessing and manipulating elements', 'The construction of the HTML DOM object as a tree of objects is explained, illustrating the hierarchical structure with root elements, sub-elements, and their properties, providing a clear visualization of the DOM object model. Construction of HTML DOM object as a tree of objects, Hierarchical structure, Visualization of DOM object model']}, {'end': 11132.427, 'start': 10888.956, 'title': 'Styling buttons and accessing elements', 'summary': 'Discusses creating styling for submit and cancel buttons, as well as accessing elements by tag name and class name to manipulate them, using practical examples with a focus on javascript.', 'duration': 243.471, 'highlights': ['Creating styling for submit and cancel buttons Discussing the creation of styling for submit and cancel buttons to enhance their appearance and distinguish them, facilitating easier identification and interaction.', 'Accessing elements by tag name and class name Explaining the process of accessing elements using their tag name and class name, providing practical examples of how to manipulate elements based on these identifiers.', 'Practical examples and demonstration with JavaScript Demonstrating the concepts with practical examples and JavaScript code, showcasing the process of accessing and manipulating elements in a live environment for better understanding.']}, {'end': 11549.127, 'start': 11133.488, 'title': 'Manipulating html elements with javascript', 'summary': 'Explains how to manipulate html elements using javascript, covering the retrieval of elements by id or tag name, changing text and style properties, and using the set attribute method to dynamically update the elements.', 'duration': 415.639, 'highlights': ['The process of retrieving elements by ID or tag name is explained, providing a practical example of how to obtain and manipulate specific elements. The transcript explains the process of retrieving elements by ID or tag name, showcasing how to obtain and manipulate specific elements.', 'The method for changing the text of an element using innerHTML property and a practical demonstration of dynamically updating the text content are provided. It details the method for changing the text of an element using the innerHTML property and demonstrates dynamic text content update.', 'The process of changing the style of an element through the set attribute method is explained, with examples of modifying color, alignment, width, and height properties. It explains the process of changing the style of an element through the set attribute method, providing examples of modifying color, alignment, width, and height properties.']}], 'duration': 1391.266, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO010157861.jpg', 'highlights': ['The HTML DOM is described as a standard object model and programming interface for HTML, defining HTML elements as objects, with properties, methods, and events for accessing and manipulating these elements.', 'The process of changing the style of an element through the set attribute method is explained, with examples of modifying color, alignment, width, and height properties.', 'The method for changing the text of an element using innerHTML property and a practical demonstration of dynamically updating the text content are provided.', 'The process of retrieving elements by ID or tag name is explained, providing a practical example of how to obtain and manipulate specific elements.', 'The chapter emphasizes the use of location object and its properties in JavaScript, highlighting the importance of using console.log to log all the properties of the location object.']}, {'end': 12743.25, 'segs': [{'end': 11650.167, 'src': 'embed', 'start': 11622.637, 'weight': 0, 'content': [{'end': 11630.841, 'text': 'If you have pressed a key, when the key raises up, when the key goes down, all these events are registered behind the scene.', 'start': 11622.637, 'duration': 8.204}, {'end': 11638.165, 'text': 'If the form is focused, when the form has become blurred, it has got submitted, it got changed.', 'start': 11631.744, 'duration': 6.421}, {'end': 11642.306, 'text': 'So all these methods or other events are registered.', 'start': 11638.665, 'duration': 3.641}, {'end': 11650.167, 'text': 'Whichever method or registered event that you want to work with, you can choose that particular event, okay,', 'start': 11642.826, 'duration': 7.341}], 'summary': 'Events like key press, form focus, blur, submission, and change are registered and can be chosen for work.', 'duration': 27.53, 'max_score': 11622.637, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011622637.jpg'}, {'end': 11705.693, 'src': 'embed', 'start': 11676.865, 'weight': 1, 'content': [{'end': 11680.847, 'text': 'What these listeners would do, they will keep on listening to the event.', 'start': 11676.865, 'duration': 3.982}, {'end': 11686.011, 'text': 'And when your particular event has occurred, it will perform the task.', 'start': 11681.608, 'duration': 4.403}, {'end': 11689.122, 'text': 'These are called as event listeners.', 'start': 11686.98, 'duration': 2.142}, {'end': 11693.525, 'text': 'So let us understand how do we add these event listeners.', 'start': 11689.162, 'duration': 4.363}, {'end': 11699.149, 'text': 'So you can add these event listeners either statically or dynamically.', 'start': 11693.885, 'duration': 5.264}, {'end': 11705.693, 'text': 'How to add them? If you just see here, Attach event listener dynamically.', 'start': 11699.709, 'duration': 5.984}], 'summary': 'Listeners perform tasks when events occur. added statically or dynamically.', 'duration': 28.828, 'max_score': 11676.865, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011676865.jpg'}, {'end': 12219.067, 'src': 'embed', 'start': 12188.203, 'weight': 2, 'content': [{'end': 12192.265, 'text': "So in that, in the name part, I don't want somebody to write numbers.", 'start': 12188.203, 'duration': 4.062}, {'end': 12194.186, 'text': "So that's my validation part.", 'start': 12192.786, 'duration': 1.4}, {'end': 12197.328, 'text': 'I cannot tell my server to validate that.', 'start': 12194.887, 'duration': 2.441}, {'end': 12200.53, 'text': 'I have JavaScript on my UI side.', 'start': 12198.249, 'duration': 2.281}, {'end': 12207.914, 'text': 'So I can make use of that JavaScript, and using that JavaScript, I can do all the validations, like this.', 'start': 12201.19, 'duration': 6.724}, {'end': 12211.296, 'text': 'So I can have a method called as validate form.', 'start': 12208.755, 'duration': 2.541}, {'end': 12219.067, 'text': 'In that form I can get whichever value that is there, use that value and even write.', 'start': 12211.934, 'duration': 7.133}], 'summary': 'Validation for name input excludes numbers using javascript on ui side.', 'duration': 30.864, 'max_score': 12188.203, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO012188203.jpg'}], 'start': 11549.688, 'title': 'Web development events', 'summary': 'Covers basics of styling, attributes, and events in web development, including mouse, form, and key events, with a focus on their registration and usage. it also discusses adding event listeners in javascript to execute tasks dynamically and statically, and explains form validation using javascript, including checking for blank inputs and validating input as text or number, with examples of creating and handling form events.', 'chapters': [{'end': 11650.167, 'start': 11549.688, 'title': 'Introduction to events in web development', 'summary': 'Covers the basics of styling, attributes, and events in web development, including mouse events, form events, and key events, with a focus on their registration and usage.', 'duration': 100.479, 'highlights': ['Events are actions such as clicking, loading, moving, and submitting, with specific event names like click, double click, mouse move, mouse down, and mouse up.', 'Styling using the set attribute style allows for customization of elements, providing flexibility in web design.', 'Events like key presses, form focus, blur, and submission are registered behind the scenes and can be chosen for interaction and manipulation.']}, {'end': 12161.724, 'start': 11650.167, 'title': 'Event listeners in javascript', 'summary': 'Discusses adding event listeners in javascript to execute tasks dynamically and statically, such as adding multiple listeners for different events and setting attributes for elements based on the occurrence of events.', 'duration': 511.557, 'highlights': ['The chapter explains the process of adding event listeners in JavaScript, either dynamically or statically, to execute specific tasks based on the occurrence of events, such as adding multiple listeners for different events and setting attributes for elements.', 'It demonstrates dynamically adding event listeners by calling the addEventListener method to attach multiple listeners to an element for various events, such as click and mouse over, with code examples and explanations.', 'The chapter also showcases statically adding event listeners by directly specifying event handling in the HTML elements, such as calling specific functions on events like click and mouse over, with code examples and demonstrations.']}, {'end': 12743.25, 'start': 12162.384, 'title': 'Javascript form validation', 'summary': 'Explains how to validate a form using javascript, including checking for blank inputs and validating input as text or number, with examples of creating and handling form events, and encourages user feedback for improvement.', 'duration': 580.866, 'highlights': ['The chapter explains how to validate a form using JavaScript. It provides detailed information on how to use JavaScript to validate form inputs, ensuring data integrity and user input correctness.', 'Examples of creating and handling form events are demonstrated. The transcript includes examples of creating and handling form events, showcasing practical implementations of event handling in JavaScript.', 'Encourages user feedback for improvement. The chapter emphasizes the importance of user feedback for continuous improvement and encourages users to provide suggestions for enhancement.']}], 'duration': 1193.562, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/o1IaduQICO0/pics/o1IaduQICO011549688.jpg', 'highlights': ['Events like key presses, form focus, blur, and submission are registered behind the scenes and can be chosen for interaction and manipulation.', 'The chapter explains the process of adding event listeners in JavaScript, either dynamically or statically, to execute specific tasks based on the occurrence of events, such as adding multiple listeners for different events and setting attributes for elements.', 'The chapter explains how to validate a form using JavaScript. It provides detailed information on how to use JavaScript to validate form inputs, ensuring data integrity and user input correctness.']}], 'highlights': ['The session will include in-depth discussions on functions, event handling, objects, and form validation.', 'JavaScript is a client-side scripting language.', 'JavaScript reduces server load by performing operations on the client side.', 'JavaScript can be used on the client-side scripting for dynamic applications like gaming and mobile apps.', 'The document object allows access to all elements on the page, facilitating manipulation and functionality.', 'JavaScript offers around five to six data types, such as number, boolean, string, object, and special values like undefined and not a number.', "Functions in JavaScript have a specific syntax including the keyword 'function', function name, round brackets for parameters, and a body enclosed in curly brackets.", 'Event handling in JavaScript empowers developers to execute tasks in response to events like button clicks or input submissions, enhancing the interactivity and functionality of web pages.', 'The HTML DOM is described as a standard object model and programming interface for HTML, defining HTML elements as objects, with properties, methods, and events for accessing and manipulating these elements.', 'The process of changing the style of an element through the set attribute method is explained, with examples of modifying color, alignment, width, and height properties.', 'The process of adding event listeners in JavaScript, either dynamically or statically, to execute specific tasks based on the occurrence of events, such as adding multiple listeners for different events and setting attributes for elements.', 'The chapter explains how to validate a form using JavaScript. It provides detailed information on how to use JavaScript to validate form inputs, ensuring data integrity and user input correctness.']}