title
AngularJS Tutorial for Beginners -1 | What is AngularJS? | AngularJS Training Video | Edureka

description
( Angular Certification Training - https://www.edureka.co/angular-training ) This AngularJS tutorial video delves into basics of AngularJS and single-page application (SPA) development. This AngularJS tutorial is specially designed for beginners to help them with introduction and hands on with AngularJS. Below are the topics covered in this session: 1) Why AngularJS? 2) What is AngularJS? 3) How companies are using AngularJS? 4) AngularJS Features 5) AngularJS Hello World Program 6) Single Page Application This Edureka webinar enables you to understand client-side model–view–controller (MVC) and model–view–view-model (MVVM) architectures, DOM manipulation code as directives, the unique Model View Controller (MVC) software design pattern of AngularJS and shell page architectures. Additionally, the webinar also features: • Real-life AngularJS success stories • Uses of MVC design pattern • Ability of AngularJS to separate application logic from the user interface (UI) layer The topics related to ‘AngularJS’ have been widely covered in our course. For more information, please write back to us at sales@edureka.co Call us at US: 1800 275 9730 (toll free) or India: +91-8880862004

detail
{'title': 'AngularJS Tutorial for Beginners -1 | What is AngularJS? | AngularJS Training Video | Edureka', 'heatmap': [{'end': 383.314, 'start': 329.498, 'weight': 0.78}, {'end': 1955.907, 'start': 1810.565, 'weight': 0.983}, {'end': 2289.702, 'start': 2095.969, 'weight': 0.863}, {'end': 2958.275, 'start': 2813.434, 'weight': 0.821}, {'end': 3057.157, 'start': 2998.287, 'weight': 0.827}, {'end': 3198.649, 'start': 3099.092, 'weight': 0.9}], 'summary': 'This angularjs tutorial provides a comprehensive overview of angularjs, discussing its applications in client-side development, features like controllers and scopes, and the importance of single page applications. it also delves into dom manipulation, data binding, and the benefits of single page applications, showcasing examples and emphasizing the high demand for angularjs and node.js applications.', 'chapters': [{'end': 133.786, 'segs': [{'end': 87.163, 'src': 'embed', 'start': 59.525, 'weight': 0, 'content': [{'end': 65.769, 'text': 'explaining the need of using an AngularJS compared to existing technologies, how much easier it is going to be.', 'start': 59.525, 'duration': 6.244}, {'end': 78.357, 'text': 'Then maybe doing some of the AngularJS features, like controllers and scopes, and finally we can come back and look into SPA.', 'start': 66.97, 'duration': 11.387}, {'end': 84.641, 'text': "What is the need of a single page application? So it's going to be quite a brief session.", 'start': 79.558, 'duration': 5.083}, {'end': 87.163, 'text': 'May not be covering end to end,', 'start': 85.762, 'duration': 1.401}], 'summary': 'Comparing angularjs to existing technologies, focusing on features like controllers and scopes, and discussing the need for single page applications.', 'duration': 27.638, 'max_score': 59.525, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE59525.jpg'}], 'start': 4.588, 'title': 'Understanding angularjs', 'summary': "Delves into the need for angularjs, its applications in client-side development, features like controllers and scopes, and the importance of single page applications in today's world, providing a comprehensive overview of angularjs.", 'chapters': [{'end': 133.786, 'start': 4.588, 'title': 'Understanding angularjs', 'summary': "Delves into the need for angularjs, its applications in client-side development, features like controllers and scopes, and the importance of single page applications in today's world, providing a comprehensive overview of angularjs.", 'duration': 129.198, 'highlights': ["The chapter covers the need for AngularJS, its applications in client-side development, and the importance of single page applications, offering a comprehensive overview of AngularJS and its relevance in today's world.", 'It explains the need for using AngularJS compared to existing technologies and how much easier it is going to be, providing practical insights into the benefits of AngularJS.', 'The session aims to ensure the audience gains an understanding of AngularJS and its significance in the current world, emphasizing the necessity of using AngularJS.', 'The instructor mentions that the session may not cover everything, but it will definitely provide an idea of what AngularJS is all about and why it is essential to use AngularJS today.']}], 'duration': 129.198, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE4588.jpg', 'highlights': ["The chapter covers the need for AngularJS, its applications in client-side development, and the importance of single page applications, offering a comprehensive overview of AngularJS and its relevance in today's world.", 'It explains the need for using AngularJS compared to existing technologies and how much easier it is going to be, providing practical insights into the benefits of AngularJS.', 'The session aims to ensure the audience gains an understanding of AngularJS and its significance in the current world, emphasizing the necessity of using AngularJS.', 'The instructor mentions that the session may not cover everything, but it will definitely provide an idea of what AngularJS is all about and why it is essential to use AngularJS today.']}, {'end': 1003.152, 'segs': [{'end': 383.314, 'src': 'heatmap', 'start': 329.498, 'weight': 0.78, 'content': [{'end': 338.721, 'text': "So when we try to do something with a JavaScript kind of thing and when we try to manipulate, let's say, when we try to,", 'start': 329.498, 'duration': 9.223}, {'end': 347.168, 'text': "let's say we have a webpage and in a particular webpage, Let's see, I want to change a particular element.", 'start': 338.721, 'duration': 8.447}, {'end': 354.531, 'text': 'Let it be a div element or let it be a box element or a body element and et cetera, whatever the element it is.', 'start': 347.928, 'duration': 6.603}, {'end': 360.134, 'text': 'It always works on the concept of something called as DOM manipulation.', 'start': 355.512, 'duration': 4.622}, {'end': 368.198, 'text': 'So, when you look back into this, if you want to change any level of layer in my HTML page, it may be anything right?', 'start': 360.554, 'duration': 7.644}, {'end': 375.949, 'text': 'I need to get those corresponding elements and I need to change or I need to manipulate DOM to a very great direction.', 'start': 368.799, 'duration': 7.15}, {'end': 378.871, 'text': 'Even for a very smaller change also.', 'start': 376.549, 'duration': 2.322}, {'end': 383.314, 'text': 'So for an instance in this particular slide, you can clearly look into this.', 'start': 379.031, 'duration': 4.283}], 'summary': 'Javascript uses dom manipulation to change webpage elements for various purposes.', 'duration': 53.816, 'max_score': 329.498, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE329498.jpg'}, {'end': 383.314, 'src': 'embed', 'start': 360.554, 'weight': 1, 'content': [{'end': 368.198, 'text': 'So, when you look back into this, if you want to change any level of layer in my HTML page, it may be anything right?', 'start': 360.554, 'duration': 7.644}, {'end': 375.949, 'text': 'I need to get those corresponding elements and I need to change or I need to manipulate DOM to a very great direction.', 'start': 368.799, 'duration': 7.15}, {'end': 378.871, 'text': 'Even for a very smaller change also.', 'start': 376.549, 'duration': 2.322}, {'end': 383.314, 'text': 'So for an instance in this particular slide, you can clearly look into this.', 'start': 379.031, 'duration': 4.283}], 'summary': 'Manipulating dom for html page changes with precision and ease.', 'duration': 22.76, 'max_score': 360.554, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE360554.jpg'}, {'end': 532.529, 'src': 'embed', 'start': 502.402, 'weight': 2, 'content': [{'end': 506.584, 'text': 'what we created compared to the DOM manipulated elements.', 'start': 502.402, 'duration': 4.182}, {'end': 509.846, 'text': 'So this makes our life a lot easier.', 'start': 507.965, 'duration': 1.881}, {'end': 514.341, 'text': "So this is the first impact anybody feels, right? So we don't want to manipulate the DOM.", 'start': 510.319, 'duration': 4.022}, {'end': 520.943, 'text': 'We just want to create an element and it should be completely separated from the view and model kind of relation.', 'start': 514.841, 'duration': 6.102}, {'end': 522.325, 'text': 'So can we do this?', 'start': 521.404, 'duration': 0.921}, {'end': 525.286, 'text': 'This is what, if this happens, right?', 'start': 523.025, 'duration': 2.261}, {'end': 532.529, 'text': 'So you are basically freed up at least from not manipulating the HTML elements, which is very, very critical, right?', 'start': 525.646, 'duration': 6.883}], 'summary': 'Creating elements instead of manipulating the dom makes life easier and frees us from html element manipulation.', 'duration': 30.127, 'max_score': 502.402, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE502402.jpg'}, {'end': 1015.539, 'src': 'embed', 'start': 984.632, 'weight': 0, 'content': [{'end': 985.832, 'text': "So we don't want to manipulate it.", 'start': 984.632, 'duration': 1.2}, {'end': 989.833, 'text': 'So we are trying to come back and say we are going to build our own elements.', 'start': 985.852, 'duration': 3.981}, {'end': 991.574, 'text': "That's what we are trying to say.", 'start': 990.434, 'duration': 1.14}, {'end': 994.515, 'text': 'We are trying to build up our own elements.', 'start': 991.654, 'duration': 2.861}, {'end': 1003.152, 'text': "So when we say we are trying to build up our own elements, let's consider you are coming back and defining your own elements.", 'start': 995.315, 'duration': 7.837}, {'end': 1009.195, 'text': 'So you came back and you defined your own elements and you developed the web application.', 'start': 1004.133, 'duration': 5.062}, {'end': 1015.539, 'text': "After some period of time, let's say after two, three years or five years down the line,", 'start': 1010.496, 'duration': 5.043}], 'summary': 'The goal is to build our own elements for web application development.', 'duration': 30.907, 'max_score': 984.632, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE984632.jpg'}], 'start': 133.806, 'title': 'Understanding angularjs and dom manipulation', 'summary': 'Delves into the need for angularjs in client-side applications, addressing challenges of dom manipulation and tight coupling, emphasizing the importance of decoupling logic from the view. it also discusses the impact of not directly manipulating html elements and the need for building custom elements.', 'chapters': [{'end': 426.729, 'start': 133.806, 'title': 'Understanding angularjs for client-side applications', 'summary': 'Discusses the need for a client-side framework like angularjs, addressing the challenges of dom manipulation and tight coupling with the view in client-side applications, emphasizing the importance of decoupling logic from the view. the email id and contact details for further discussion will be provided.', 'duration': 292.923, 'highlights': ['The need for a client-side framework like AngularJS is addressed, emphasizing the challenges of DOM manipulation and tight coupling with the view in client-side applications.', 'The importance of decoupling logic from the view is highlighted, showcasing the impact on business logic and the need for segregation.', 'Participants will receive the presentation and code via email for the upcoming discussion, ensuring access to all corresponding materials.', 'The critical email ID and contact details for further discussion will be provided, emphasizing its significance.', 'The discussion will cover the need for technology or a framework like AngularJS in developing client-side applications, setting the agenda for the upcoming session.']}, {'end': 1003.152, 'start': 427.861, 'title': 'Angularjs and dom manipulation', 'summary': 'Discusses the problem of dom manipulation, the impact of not directly manipulating html elements, and the distinction between angularjs as a framework and a library, emphasizing the need for building custom elements and avoiding traditional dom manipulation.', 'duration': 575.291, 'highlights': ['The impact of not directly manipulating HTML elements By creating custom elements like div and input, it becomes possible to avoid directly manipulating HTML elements, leading to a cleaner way of achieving tasks and decoupling the view from traditional data binding.', 'The problem of DOM manipulation Discussing the issue of tightly coupled HTML elements with applications, the costly operation of DOM manipulation, and the need to avoid directly manipulating DOM elements due to its heavy-loaded nature.', 'AngularJS as a framework or library Explaining the distinction between a framework and a library in the context of client-side technologies and how AngularJS focuses on building custom elements rather than functionality on existing elements.']}], 'duration': 869.346, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE133806.jpg', 'highlights': ['The need for a client-side framework like AngularJS is addressed, emphasizing the challenges of DOM manipulation and tight coupling with the view in client-side applications.', 'The importance of decoupling logic from the view is highlighted, showcasing the impact on business logic and the need for segregation.', 'The impact of not directly manipulating HTML elements By creating custom elements like div and input, it becomes possible to avoid directly manipulating HTML elements, leading to a cleaner way of achieving tasks and decoupling the view from traditional data binding.', 'The problem of DOM manipulation Discussing the issue of tightly coupled HTML elements with applications, the costly operation of DOM manipulation, and the need to avoid directly manipulating DOM elements due to its heavy-loaded nature.', 'AngularJS as a framework or library Explaining the distinction between a framework and a library in the context of client-side technologies and how AngularJS focuses on building custom elements rather than functionality on existing elements.']}, {'end': 1831.798, 'segs': [{'end': 1030.64, 'src': 'embed', 'start': 1004.133, 'weight': 2, 'content': [{'end': 1009.195, 'text': 'So you came back and you defined your own elements and you developed the web application.', 'start': 1004.133, 'duration': 5.062}, {'end': 1015.539, 'text': "After some period of time, let's say after two, three years or five years down the line,", 'start': 1010.496, 'duration': 5.043}, {'end': 1021.242, 'text': 'some other organization comes up and tries to use that particular thing which you have developed.', 'start': 1015.539, 'duration': 5.703}, {'end': 1027.266, 'text': "If he comes back and again applies its own way of development, it's going to be extremely tough.", 'start': 1022.183, 'duration': 5.083}, {'end': 1030.64, 'text': "So that's where basically the terminology framework comes up.", 'start': 1027.877, 'duration': 2.763}], 'summary': 'Creating a framework for web development can prevent future challenges and promote reuse of developed elements.', 'duration': 26.507, 'max_score': 1004.133, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1004133.jpg'}, {'end': 1160.577, 'src': 'embed', 'start': 1116.225, 'weight': 3, 'content': [{'end': 1124.19, 'text': 'So AngularJS is typically a framework which, like a library, comes up with a lot of built-in functionalities, but also, on top of it,', 'start': 1116.225, 'duration': 7.965}, {'end': 1129.393, 'text': 'define its own structure, own documentation, own way of building up the code.', 'start': 1124.19, 'duration': 5.203}, {'end': 1138.558, 'text': "So that if down the line, if somebody else start using your application or it's going to be used across a certain set of groups, et cetera, right?", 'start': 1129.773, 'duration': 8.785}, {'end': 1141.26, 'text': 'So it will be always easier to follow.', 'start': 1139.459, 'duration': 1.801}, {'end': 1147.446, 'text': 'one stream like of structure, okay? There are other frameworks also available.', 'start': 1141.881, 'duration': 5.565}, {'end': 1150.008, 'text': 'Yeah, thanks, thanks Ajit.', 'start': 1149.047, 'duration': 0.961}, {'end': 1155.653, 'text': "Okay, there are other frameworks also available Bipinab, but I think let's focus on AngularJS, because that's the topic today, right?", 'start': 1150.088, 'duration': 5.565}, {'end': 1158.556, 'text': 'So, because we have very less time,', 'start': 1155.673, 'duration': 2.883}, {'end': 1160.577, 'text': 'You can post the same question to the support.', 'start': 1158.576, 'duration': 2.001}], 'summary': "Angularjs provides built-in functionalities and a defined structure, making it easier for others to follow. let's focus on angularjs for today's topic.", 'duration': 44.352, 'max_score': 1116.225, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1116225.jpg'}, {'end': 1779.766, 'src': 'embed', 'start': 1733.071, 'weight': 1, 'content': [{'end': 1739.794, 'text': 'So we need to say that this particular full page is basically, or this particular HTML.', 'start': 1733.071, 'duration': 6.723}, {'end': 1743.755, 'text': 'what we are trying to do is basically an AngularJS kind of an application.', 'start': 1739.794, 'duration': 3.961}, {'end': 1750.092, 'text': "So how I can do that? So that's why we are going to use AngularJS tags or AngularJS elements.", 'start': 1744.296, 'duration': 5.796}, {'end': 1753.956, 'text': 'Okay, that is what basically we are going to look into this.', 'start': 1751.313, 'duration': 2.643}, {'end': 1760.782, 'text': 'So one of the fundamental AngularJS elements which we are going to look into is something called as an ngApp.', 'start': 1754.516, 'duration': 6.266}, {'end': 1772.381, 'text': 'right?. So an ngApp is something which is basically one of the most fundamental things which one can add or means one can take.', 'start': 1760.782, 'duration': 11.599}, {'end': 1775.423, 'text': "it's a first important element which we are going to say.", 'start': 1772.381, 'duration': 3.042}, {'end': 1779.766, 'text': 'so this particular page should be represented in the AngularJSP.', 'start': 1775.423, 'duration': 4.343}], 'summary': 'Using angularjs to build a full page with fundamental elements like ngapp.', 'duration': 46.695, 'max_score': 1733.071, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1733071.jpg'}, {'end': 1846.425, 'src': 'embed', 'start': 1806.883, 'weight': 0, 'content': [{'end': 1807.903, 'text': 'So, just a minute.', 'start': 1806.883, 'duration': 1.02}, {'end': 1815.507, 'text': 'Okay, fine, just a, no, no, no, just a minute, I just closed it accidentally, so just give me a minute.', 'start': 1810.565, 'duration': 4.942}, {'end': 1817.549, 'text': "I'm just opening up the browser again.", 'start': 1816.148, 'duration': 1.401}, {'end': 1826.794, 'text': 'Okay, yeah, so I got the page back, so sorry about that.', 'start': 1822.912, 'duration': 3.882}, {'end': 1831.798, 'text': 'So now I got it back and let me go back and do it again.', 'start': 1828.396, 'duration': 3.402}, {'end': 1846.425, 'text': 'Okay, so when you look back into this particular example, sorry about that, I was just accidentally closed my sublime and I just opened it back.', 'start': 1838.101, 'duration': 8.324}], 'summary': 'The speaker accidentally closed and reopened their browser and sublime, causing delays in the process.', 'duration': 39.542, 'max_score': 1806.883, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1806883.jpg'}], 'start': 1004.133, 'title': 'Angularjs fundamentals', 'summary': 'Delves into understanding angularjs as a framework, creating simple html files and angularjs expressions, and adding the angularjs ngapp element, showcasing its role in structured web app development, expression execution, and lightweight application recognition.', 'chapters': [{'end': 1340.836, 'start': 1004.133, 'title': 'Understanding angularjs as a framework', 'summary': 'Explains the concept of a framework using angularjs as an example, highlighting its role in providing a structured approach to web application development, its rich documentation, and its focus on simplifying javascript-based development.', 'duration': 336.703, 'highlights': ['AngularJS provides a structured approach to web application development, setting rules and guidelines, and offering a rich set of libraries and documentation. structured approach, rules and guidelines, rich set of libraries and documentation', 'AngularJS simplifies JavaScript-based development by requiring only knowledge of JavaScript and being compatible with various text editors. simplified JavaScript-based development, compatibility with various text editors', 'AngularJS serves as an example of a framework, distinguishing itself by providing a comprehensive structure and documentation for web application development. example of a framework, comprehensive structure and documentation']}, {'end': 1563.133, 'start': 1341.376, 'title': 'Creating simple html file and angularjs expression', 'summary': "Covers creating a simple html file, reusing basic html template, executing an angularjs expression '1+1', and refreshing the browser to see the impact, emphasizing the importance of expressions in angularjs.", 'duration': 221.757, 'highlights': ["Emphasizing the importance of expressions in AngularJS The chapter highlights the fundamental concept of expressions in AngularJS, demonstrating the evaluation of an expression '1+1' and refreshing the browser to observe the impact.", 'Creating a simple HTML file and reusing basic HTML template The speaker demonstrates the creation of a basic HTML file and reusing a traditional HTML template, emphasizing the simplicity of the process due to time constraints.', "Executing an AngularJS expression '1+1' and observing the impact in the browser The chapter showcases the execution of an AngularJS expression '1+1' and the subsequent refreshing of the browser to observe the lack of impact, highlighting the need to inform HTML elements about the expression."]}, {'end': 1831.798, 'start': 1563.774, 'title': 'Adding angularjs ngapp element', 'summary': 'Explains the process of adding the angularjs ngapp element to an html file, emphasizing the importance of including the necessary javascript and the lightweight nature of angularjs, with a focus on recognizing the complete page as an angularjs application using the ngapp element.', 'duration': 268.024, 'highlights': ['The first important aspect is including the necessary JavaScript to turn the expression into a result, emphasizing the significance of adding AngularJS JavaScript from the AngularJS website. Emphasizing the importance of including necessary JavaScript to turn expression into a result, using AngularJS JavaScript from the AngularJS website.', 'The process of downloading the AngularJS JavaScript and understanding its availability is mentioned, with an indication of further explanation in a course. Mentioning the process of downloading and understanding the availability of AngularJS JavaScript, with further explanation in a course.', 'The addition of AngularJS script under the script tag to enable the understanding of AngularJS expressions in the browser is described. Describing the addition of AngularJS script under the script tag to enable understanding of AngularJS expressions in the browser.', 'The explanation of AngularJS as a lightweight and user-friendly client-side technology, requiring knowledge of JavaScript, is provided. Providing an explanation of AngularJS as a lightweight and user-friendly client-side technology, requiring knowledge of JavaScript.', 'The importance of recognizing the complete page as an AngularJS application using directives and tags is emphasized, with a focus on the ngApp element as a fundamental aspect. Emphasizing the importance of recognizing the complete page as an AngularJS application using directives and the fundamental aspect of the ngApp element.']}], 'duration': 827.665, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1004133.jpg', 'highlights': ['AngularJS provides a structured approach to web application development, setting rules and guidelines, and offering a rich set of libraries and documentation.', 'AngularJS simplifies JavaScript-based development by requiring only knowledge of JavaScript and being compatible with various text editors.', 'AngularJS serves as an example of a framework, distinguishing itself by providing a comprehensive structure and documentation for web application development.', 'Emphasizing the importance of recognizing the complete page as an AngularJS application using directives and the fundamental aspect of the ngApp element.', 'The first important aspect is including the necessary JavaScript to turn the expression into a result, emphasizing the significance of adding AngularJS JavaScript from the AngularJS website.', 'The explanation of AngularJS as a lightweight and user-friendly client-side technology, requiring knowledge of JavaScript.']}, {'end': 2682.371, 'segs': [{'end': 2289.702, 'src': 'heatmap', 'start': 2095.969, 'weight': 0.863, 'content': [{'end': 2098.51, 'text': "and you'll be trying to manipulating a lot of other things right?", 'start': 2095.969, 'duration': 2.541}, {'end': 2101.071, 'text': "Here it's quite simple and it's quite straightforward.", 'start': 2098.99, 'duration': 2.081}, {'end': 2103.372, 'text': 'So here one has to do nothing right?', 'start': 2101.331, 'duration': 2.041}, {'end': 2110.454, 'text': 'So the most critical elements here, if you clearly come back and see, is something called as the ngApp and the controller.', 'start': 2103.872, 'duration': 6.582}, {'end': 2112.855, 'text': "Now let's do something more.", 'start': 2111.575, 'duration': 1.28}, {'end': 2114.337, 'text': "Let's do something more.", 'start': 2113.356, 'duration': 0.981}, {'end': 2124.062, 'text': 'So each controller in AngularJS have something called as an instance, like Java, right? Like you have Java and .', 'start': 2114.997, 'duration': 9.065}, {'end': 2131.746, 'text': 'NET and et cetera, a lot of other things, where your class will have an instance and basically you will be accessing all the instance values.', 'start': 2124.062, 'duration': 7.684}, {'end': 2134.387, 'text': 'So in the AngularJS.', 'start': 2133.067, 'duration': 1.32}, {'end': 2140.717, 'text': "if you look back into this The controller whenever you're loading a particular controller in AngularJS,", 'start': 2134.387, 'duration': 6.33}, {'end': 2144.059, 'text': "you'll be getting a very important instance called a scope.", 'start': 2140.717, 'duration': 3.342}, {'end': 2152.404, 'text': 'With the help of the scope, what we are trying to see, you can basically access all the elements of this controller.', 'start': 2145.239, 'duration': 7.165}, {'end': 2156.286, 'text': 'Whatever the elements this controller is basically having.', 'start': 2153.485, 'duration': 2.801}, {'end': 2161.389, 'text': 'So for an instance, here you have an element called as hello2.title.', 'start': 2156.647, 'duration': 4.742}, {'end': 2163.751, 'text': 'This is the element you have.', 'start': 2161.45, 'duration': 2.301}, {'end': 2173.698, 'text': "So what I'm trying to say is that, for this controller, which is starting from year to year, we are having an instance called as allot2.title.", 'start': 2165.194, 'duration': 8.504}, {'end': 2182.121, 'text': "So we are trying to assign, like what we call a typical programming application where we'll have an object and use the dot operator.", 'start': 2174.578, 'duration': 7.543}, {'end': 2185.383, 'text': 'Same thing for this particular controller in AngularJS.', 'start': 2182.662, 'duration': 2.721}, {'end': 2191.366, 'text': 'So we are basically going to access its particular element using the dot operator.', 'start': 2186.423, 'duration': 4.943}, {'end': 2196.691, 'text': 'We are telling the value for this particular element is Welcome to AngularJS by Edureka.', 'start': 2191.926, 'duration': 4.765}, {'end': 2201.255, 'text': "So that's why it is able to try to get displayed, right? So you're able to see it.", 'start': 2196.971, 'duration': 4.284}, {'end': 2206.079, 'text': "So for instance, if you try to change the value, let's come back and change the value.", 'start': 2201.715, 'duration': 4.364}, {'end': 2211.984, 'text': 'Maybe we can go back and change the value as something else.', 'start': 2207.16, 'duration': 4.824}, {'end': 2213.205, 'text': "For instance, let's consider.", 'start': 2212.044, 'duration': 1.161}, {'end': 2221.793, 'text': 'Hello, or just something like that if you type like this.', 'start': 2213.225, 'duration': 8.568}, {'end': 2224.973, 'text': 'So again, the same thing, how the AngularJS is going to work.', 'start': 2222.372, 'duration': 2.601}, {'end': 2227.194, 'text': "So it's going to bind its corresponding value.", 'start': 2225.053, 'duration': 2.141}, {'end': 2228.574, 'text': 'So this is called as data binding.', 'start': 2227.214, 'duration': 1.36}, {'end': 2230.715, 'text': 'Another important feature of AngularJS.', 'start': 2229.074, 'duration': 1.641}, {'end': 2234.996, 'text': "So I'm going to change something, the data will be binded in its corresponding expression.", 'start': 2231.195, 'duration': 3.801}, {'end': 2246.7, 'text': 'So if you come back and refresh this, so you can basically come back and see, you are going to get the new value of whatever we have entered.', 'start': 2235.457, 'duration': 11.243}, {'end': 2250.162, 'text': "So basically you can see the new value, whatever you've entered, it has come.", 'start': 2247.141, 'duration': 3.021}, {'end': 2256.671, 'text': 'as much as easier of manipulating the element in the HTML.', 'start': 2252.029, 'duration': 4.642}, {'end': 2259.873, 'text': "You don't need to touch the DOM, you don't need to do anything, right?", 'start': 2257.212, 'duration': 2.661}, {'end': 2272.419, 'text': 'So each AngularJS will have its own controller and the controller will be able to access all its or able to access each and every elements with the help of its scope and the scope.', 'start': 2260.333, 'duration': 12.086}, {'end': 2280.218, 'text': 'what the scope did is basically it accessed one of the elements and evaluates the expression, and the data is binding very much easily in a very,', 'start': 2272.419, 'duration': 7.799}, {'end': 2281.879, 'text': 'very simple approach, right?', 'start': 2280.218, 'duration': 1.661}, {'end': 2283.38, 'text': 'And this is also data binding.', 'start': 2282.219, 'duration': 1.161}, {'end': 2289.702, 'text': "So as soon as you're entering in the view, the data gets binded to its model, right? So this is the view here.", 'start': 2283.4, 'duration': 6.302}], 'summary': 'Angularjs enables easy manipulation and data binding of elements using controllers and scopes.', 'duration': 193.733, 'max_score': 2095.969, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE2095969.jpg'}, {'end': 2152.404, 'src': 'embed', 'start': 2124.062, 'weight': 0, 'content': [{'end': 2131.746, 'text': 'NET and et cetera, a lot of other things, where your class will have an instance and basically you will be accessing all the instance values.', 'start': 2124.062, 'duration': 7.684}, {'end': 2134.387, 'text': 'So in the AngularJS.', 'start': 2133.067, 'duration': 1.32}, {'end': 2140.717, 'text': "if you look back into this The controller whenever you're loading a particular controller in AngularJS,", 'start': 2134.387, 'duration': 6.33}, {'end': 2144.059, 'text': "you'll be getting a very important instance called a scope.", 'start': 2140.717, 'duration': 3.342}, {'end': 2152.404, 'text': 'With the help of the scope, what we are trying to see, you can basically access all the elements of this controller.', 'start': 2145.239, 'duration': 7.165}], 'summary': "In angularjs, controllers provide access to instance values through the 'scope' object.", 'duration': 28.342, 'max_score': 2124.062, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE2124062.jpg'}], 'start': 1838.101, 'title': 'Angularjs: dom manipulation and data binding', 'summary': 'Discusses the key aspects of angularjs, including dom manipulation and data binding, emphasizing the ng-model, ng-controller, and scope features, and highlighting the separation of view, model, and controller, with a focus on the ease of use and wide adoption by major organizations.', 'chapters': [{'end': 2682.371, 'start': 1838.101, 'title': 'Angularjs: dom manipulation and data binding', 'summary': 'Discusses the key aspects of angularjs, including dom manipulation and data binding, emphasizing the ng-model, ng-controller, and scope features, and highlighting the separation of view, model, and controller, with a focus on the ease of use and wide adoption by major organizations.', 'duration': 844.27, 'highlights': ['The ng-model, ng-controller, and scope features are critical elements of AngularJS, enabling easy access and manipulation of elements within a controller, demonstrating a cleaner and simpler approach compared to other methods. The ng-model, ng-controller, and scope features in AngularJS allow easy access and manipulation of elements within a controller, showcasing a cleaner and simpler approach compared to other methods.', 'Data binding in AngularJS automatically reflects changes in the view to its model, showcasing a clear separation of view, model, and controller, with the model updating its value as the user interacts with the view. Data binding in AngularJS automatically reflects changes in the view to its model, showcasing a clear separation of view, model, and controller, with the model updating its value as the user interacts with the view.', 'AngularJS has gained wide adoption by major organizations such as YouTube, Paytm, and PayPal, highlighting its user-friendly nature and widespread usage. AngularJS has gained wide adoption by major organizations such as YouTube, Paytm, and PayPal, highlighting its user-friendly nature and widespread usage.']}], 'duration': 844.27, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE1838101.jpg', 'highlights': ['The ng-model, ng-controller, and scope features in AngularJS enable easy access and manipulation of elements within a controller, showcasing a cleaner and simpler approach compared to other methods.', 'Data binding in AngularJS automatically reflects changes in the view to its model, showcasing a clear separation of view, model, and controller, with the model updating its value as the user interacts with the view.', 'AngularJS has gained wide adoption by major organizations such as YouTube, Paytm, and PayPal, highlighting its user-friendly nature and widespread usage.']}, {'end': 3363.135, 'segs': [{'end': 2958.275, 'src': 'heatmap', 'start': 2813.434, 'weight': 0.821, 'content': [{'end': 2820.696, 'text': 'So basically, we are trying to say the best way of describing the AngularJS is something called as MVW, okay?', 'start': 2813.434, 'duration': 7.262}, {'end': 2824.997, 'text': 'So what we are trying to say is that you can basically consider this guy as a model view whatever.', 'start': 2821.035, 'duration': 3.962}, {'end': 2827.038, 'text': 'You can either call this an MVC.', 'start': 2825.457, 'duration': 1.581}, {'end': 2831.019, 'text': 'Somebody says as MVVM, in the sense model view and view model.', 'start': 2827.478, 'duration': 3.541}, {'end': 2837.662, 'text': 'So now we looked into that, where we changed something in the view, and the model binds the data to the view.', 'start': 2831.299, 'duration': 6.363}, {'end': 2839.903, 'text': 'And there was no controller involved there.', 'start': 2838.582, 'duration': 1.321}, {'end': 2844.626, 'text': 'So we add an ng model and we add the name, it come backs, it makes it.', 'start': 2840.803, 'duration': 3.823}, {'end': 2845.507, 'text': 'At the same time.', 'start': 2844.966, 'duration': 0.541}, {'end': 2852.072, 'text': 'another way of looking at this is that a controller gives you a scope object where you can access all the elements of the scope object.', 'start': 2845.507, 'duration': 6.565}, {'end': 2854.354, 'text': 'Typically model view controller kind of an action.', 'start': 2852.152, 'duration': 2.202}, {'end': 2860.479, 'text': 'So we can either call this a model view controller or you can call this a model view view model.', 'start': 2855.014, 'duration': 5.465}, {'end': 2863.601, 'text': 'Somebody calls this as an MVP, model view presenter.', 'start': 2860.859, 'duration': 2.742}, {'end': 2867.064, 'text': 'So technically, I think the best way of calling is MVW.', 'start': 2864.061, 'duration': 3.003}, {'end': 2868.525, 'text': 'You can say model view whatever.', 'start': 2867.164, 'duration': 1.361}, {'end': 2869.966, 'text': 'You have a model and view.', 'start': 2869.025, 'duration': 0.941}, {'end': 2873.412, 'text': "and it's whatever you can put up in whichever way you want.", 'start': 2870.57, 'duration': 2.842}, {'end': 2876.755, 'text': 'Because it does everything, right? It does across all the other things.', 'start': 2873.672, 'duration': 3.083}, {'end': 2883.339, 'text': "So let's take one more example before going further.", 'start': 2878.136, 'duration': 5.203}, {'end': 2884.92, 'text': 'So let me take another example.', 'start': 2883.399, 'duration': 1.521}, {'end': 2893.467, 'text': "So this is again going to be a typical example, but here it's going to be a lot of other components.", 'start': 2887.222, 'duration': 6.245}, {'end': 2899.513, 'text': 'So for example, here the components is going to be Let me take up the example.', 'start': 2894.107, 'duration': 5.406}, {'end': 2905.657, 'text': 'So, if you look back at this particular things, so what it is basically trying to do is that on click event, right?', 'start': 2899.533, 'duration': 6.124}, {'end': 2908.699, 'text': 'Again, on click event is something which is widely used.', 'start': 2905.897, 'duration': 2.802}, {'end': 2912.922, 'text': 'One of the most widely used events are on click event, right? NG.', 'start': 2909.22, 'duration': 3.702}, {'end': 2917.445, 'text': 'So for an on click event, similarly, AngularJS is coming with an option.', 'start': 2913.302, 'duration': 4.143}, {'end': 2920.527, 'text': 'Again, we are not manipulating the existing DOM components.', 'start': 2917.625, 'duration': 2.902}, {'end': 2922.729, 'text': 'We are calling something called as an NG click.', 'start': 2920.907, 'duration': 1.822}, {'end': 2929.365, 'text': 'So what happens on selection of the NG click by the user we are trying to call a method called as an add user.', 'start': 2923.229, 'duration': 6.136}, {'end': 2934.586, 'text': "Now where this add user method will be declared? It's going to be a pretty straightforward answer.", 'start': 2929.825, 'duration': 4.761}, {'end': 2941.408, 'text': 'This particular method will be defined under the controller where the button is belonging to.', 'start': 2935.086, 'duration': 6.322}, {'end': 2944.288, 'text': "That's where the view controller model concept came up.", 'start': 2941.488, 'duration': 2.8}, {'end': 2950.65, 'text': 'So this particular button, which is having a method called as an add user, is going to be defined under its controller.', 'start': 2944.748, 'duration': 5.902}, {'end': 2954.251, 'text': "So let's say this button is coming under this div.", 'start': 2951.09, 'duration': 3.161}, {'end': 2958.275, 'text': 'So this div is having a controller called as test control.', 'start': 2955.512, 'duration': 2.763}], 'summary': 'Angularjs can be described as mvw, encompassing model view controller and view model, and it enables event handling with ng click.', 'duration': 144.841, 'max_score': 2813.434, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE2813434.jpg'}, {'end': 3057.157, 'src': 'heatmap', 'start': 2998.287, 'weight': 0.827, 'content': [{'end': 3013.585, 'text': "that's the first way of segregation of the controllers it clearly makes so you can create any number of controllers in a particular page and typically you can come back and basically control all the elements available under that particular control.", 'start': 2998.287, 'duration': 15.298}, {'end': 3020.547, 'text': "Fine? So, what we'll be basically doing, so we'll be adding two models now.", 'start': 3014.346, 'duration': 6.201}, {'end': 3023.168, 'text': "As compared to previous thing, we'll be adding two models.", 'start': 3020.807, 'duration': 2.361}, {'end': 3028.849, 'text': 'So one model is basically load the test control, and another thing is basically going to load the test control.', 'start': 3023.228, 'duration': 5.621}, {'end': 3040.263, 'text': "Right? Now, we told on selection on click, we need to call something called as Let's go back to the example again.", 'start': 3029.569, 'duration': 10.694}, {'end': 3046.349, 'text': 'So we, again, we can come back to the example.', 'start': 3044.287, 'duration': 2.062}, {'end': 3055.236, 'text': 'So we told, on selection of a particular element called as add user, which is available under the controller called as send test control,', 'start': 3046.369, 'duration': 8.867}, {'end': 3057.157, 'text': 'you should call a method called as an add user.', 'start': 3055.236, 'duration': 1.921}], 'summary': "Introduction to segregation of controllers and addition of two models, focusing on the call of 'add user' method on selection of an element.", 'duration': 58.87, 'max_score': 2998.287, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE2998287.jpg'}, {'end': 3198.649, 'src': 'heatmap', 'start': 3099.092, 'weight': 0.9, 'content': [{'end': 3103.095, 'text': 'So now, if you come back and look back into this, so on, click of add user.', 'start': 3099.092, 'duration': 4.003}, {'end': 3107.438, 'text': 'basically, we are going to call this particular controllers right?', 'start': 3103.095, 'duration': 4.343}, {'end': 3110.361, 'text': 'Whatever this particular controller is having.', 'start': 3107.899, 'duration': 2.462}, {'end': 3114.304, 'text': 'so that particular controllers add user method we are going to call right?', 'start': 3110.361, 'duration': 3.943}, {'end': 3115.625, 'text': "So that's what basically we are going to do.", 'start': 3114.324, 'duration': 1.301}, {'end': 3121.021, 'text': 'So this particular add user method will basically go into what it is going to do.', 'start': 3117.438, 'duration': 3.583}, {'end': 3127.107, 'text': 'It is just going to add whatever the user has entered to a list of existing elements.', 'start': 3121.161, 'duration': 5.946}, {'end': 3134.473, 'text': "Now this particular code, if you want to do in DOM, it's going to be an extremely, extremely tedious process.", 'start': 3128.388, 'duration': 6.085}, {'end': 3142.401, 'text': 'Trust me, you have to write a lot of things like getting two element IDs and iterating over it and et cetera, all those kind of things.', 'start': 3135.414, 'duration': 6.987}, {'end': 3143.842, 'text': "But here it's going to be straightforward.", 'start': 3142.441, 'duration': 1.401}, {'end': 3150.02, 'text': 'the AngularJS elements is going to come up that very documentation, something called as an push, so,', 'start': 3144.999, 'duration': 5.021}, {'end': 3157.523, 'text': 'which basically says to the existing users I am already having five users push this particular element, fine?', 'start': 3150.02, 'duration': 7.503}, {'end': 3162.664, 'text': 'So after pushing this particular element, we need to iterate over it, correct?', 'start': 3158.423, 'duration': 4.241}, {'end': 3169.586, 'text': 'So an iteration of a real, again the iteration in the case of our real-time HTML, jQuery and all.', 'start': 3163.224, 'duration': 6.362}, {'end': 3171.286, 'text': "it's going to be a very, very tough concept.", 'start': 3169.586, 'duration': 1.7}, {'end': 3173.987, 'text': "In the case of an AngularJS, it's pretty much simple.", 'start': 3171.826, 'duration': 2.161}, {'end': 3180.456, 'text': 'So whatever the user is getting added, on selection of the add user, we are keep on adding users to the list.', 'start': 3174.511, 'duration': 5.945}, {'end': 3187.301, 'text': 'And also we can basically create that list by simple concept called as ng-repeat.', 'start': 3181.276, 'duration': 6.025}, {'end': 3195.026, 'text': 'So ng-repeat will technically is going to iterate over the complete list and print whatever the user names is out there.', 'start': 3187.701, 'duration': 7.325}, {'end': 3198.649, 'text': "So let's execute this particular, let's go ahead and execute this.", 'start': 3195.467, 'duration': 3.182}], 'summary': 'Using angularjs, the add user method adds entered user data to a list effortlessly, and ng-repeat iterates over the list to display user names.', 'duration': 99.557, 'max_score': 3099.092, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3099092.jpg'}, {'end': 3293.525, 'src': 'embed', 'start': 3259.611, 'weight': 0, 'content': [{'end': 3265.214, 'text': 'Okay, so Desha, to answer your question, even before calling the controller, the model and view as working.', 'start': 3259.611, 'duration': 5.603}, {'end': 3268.035, 'text': 'In the top, I am, with the help of the model, I am data binding it.', 'start': 3265.554, 'duration': 2.481}, {'end': 3269.836, 'text': 'You are able to get it, Desha, right?', 'start': 3268.795, 'duration': 1.041}, {'end': 3272.417, 'text': "We're able to see on the model and view binding data.", 'start': 3270.316, 'duration': 2.101}, {'end': 3274.218, 'text': 'binding is happening all right?', 'start': 3272.417, 'duration': 1.801}, {'end': 3280.761, 'text': 'So the moment you are going to select add user right?', 'start': 3276.319, 'duration': 4.442}, {'end': 3283.802, 'text': 'So it comes and stops here, okay?', 'start': 3281.461, 'duration': 2.341}, {'end': 3293.525, 'text': "So you can basically clearly see the number of users is already existing is five and it's basically going to add a new element as user to this.", 'start': 3284.178, 'duration': 9.347}], 'summary': 'Model and view binding data before calling controller, existing users: 5, adding new user.', 'duration': 33.914, 'max_score': 3259.611, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3259611.jpg'}], 'start': 2683.732, 'title': 'Angularjs features and examples', 'summary': 'Discusses the advantages and architecture of angularjs, including creating custom directives and controllers, its event handling capabilities, and the implementation of mvc and maw in an angularjs application, with a focus on simplicity and efficiency. it also demonstrates the segregation of controllers and the flexibility in structuring the model and view, allowing for the creation of multiple controllers on a single page.', 'chapters': [{'end': 2873.412, 'start': 2683.732, 'title': 'Angularjs advantages and architecture', 'summary': 'Discusses the main advantages of angularjs, such as creating custom directives and controllers, and explains its architecture as mvw (model view whatever), which allows flexibility in structuring the model and view.', 'duration': 189.68, 'highlights': ["AngularJS allows creating custom directives and controllers, providing flexibility in page control. The ability to create custom directives and controllers allows for flexibility in controlling the page's elements and functionality.", 'AngularJS architecture is described as MVW (Model View Whatever), offering flexibility in structuring the model and view. The architecture of AngularJS is best described as MVW (Model View Whatever), allowing for flexibility in structuring the model and view, and providing various options such as MVC, MVVM, and MVP.', "AngularJS can be considered as MVC, MVVM, or MVP, providing multiple options for structuring the application. AngularJS can be classified as MVC, MVVM, or MVP, offering different options for structuring the application based on the developer's preference."]}, {'end': 3092.611, 'start': 2873.672, 'title': 'Angularjs event handling and controller segregation', 'summary': 'Discusses the event handling in angularjs using on click events and the segregation of controllers to manage elements, allowing for the creation of multiple controllers on a single page.', 'duration': 218.939, 'highlights': ['The chapter explains the use of on click events, which are widely used, and the NG click event option provided by AngularJS to call a method, such as add user, upon user selection, demonstrating the efficient event handling in AngularJS.', 'It describes the concept of controller segregation, allowing for the creation of multiple controllers in a single page and controlling the elements within their respective divs, providing a clear and organized structure for managing elements in AngularJS.', 'The chapter mentions the use of ng-include to include HTML elements from one thing to another, highlighting the flexibility and wide options available for organizing code in AngularJS.']}, {'end': 3363.135, 'start': 3093.567, 'title': 'Angularjs mvc and maw example', 'summary': 'Discusses the implementation of mvc and maw in an angularjs application, demonstrating the simplicity and efficiency achieved in adding users to a list and iterating through elements, achieving data binding, and debugging, with a clear visualization of the process.', 'duration': 269.568, 'highlights': ['The discussion emphasizes the ease and efficiency of adding users to a list and iterating through elements in AngularJS compared to traditional DOM manipulation, highlighting the simplicity and effectiveness of using AngularJS elements like push and ng-repeat. In AngularJS, the process of adding users to a list and iterating through elements is highlighted as extremely straightforward, with the use of AngularJS elements such as push and ng-repeat, contrasting the complex and tedious process in traditional DOM manipulation.', 'The chapter details the data binding process in AngularJS, showcasing the ease and effectiveness of data binding in the MVC architecture. The transcript demonstrates the seamless data binding process in AngularJS, exemplifying the effectiveness of data binding within the MVC architecture.', 'The process of debugging in AngularJS is illustrated, emphasizing the user-friendly approach and efficient visualization of the debugging process. The transcript showcases the user-friendly and efficient debugging process in AngularJS, highlighting the ease of visualization during debugging.']}], 'duration': 679.403, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE2683732.jpg', 'highlights': ['AngularJS can be considered as MVC, MVVM, or MVP, providing multiple options for structuring the application.', 'The chapter explains the use of on click events, which are widely used, and the NG click event option provided by AngularJS to call a method, such as add user, upon user selection, demonstrating the efficient event handling in AngularJS.', 'The discussion emphasizes the ease and efficiency of adding users to a list and iterating through elements in AngularJS compared to traditional DOM manipulation, highlighting the simplicity and effectiveness of using AngularJS elements like push and ng-repeat.']}, {'end': 3740.812, 'segs': [{'end': 3475.433, 'src': 'embed', 'start': 3446.747, 'weight': 3, 'content': [{'end': 3454.929, 'text': 'something called as an SPA and why you require an application called as an SCA and what SCA is all about, and et cetera.', 'start': 3446.747, 'duration': 8.182}, {'end': 3461.911, 'text': 'right?. So SPA as the name stands, something called as a single page application, okay?', 'start': 3454.929, 'duration': 6.982}, {'end': 3468.993, 'text': "A single page application is basically which is widely required as of today's requirement.", 'start': 3462.371, 'duration': 6.622}, {'end': 3473.271, 'text': 'So when you say single page application, so basically what happens?', 'start': 3469.468, 'duration': 3.803}, {'end': 3475.433, 'text': 'we want basically user.', 'start': 3473.271, 'duration': 2.162}], 'summary': "Spa is widely required for today's user-centric requirements.", 'duration': 28.686, 'max_score': 3446.747, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3446747.jpg'}, {'end': 3528.712, 'src': 'embed', 'start': 3500.84, 'weight': 2, 'content': [{'end': 3504.8, 'text': 'So for example, the user might be entering its date of birth.', 'start': 3500.84, 'duration': 3.96}, {'end': 3510.401, 'text': 'The moment he enters his date of birth and all its personal details, et cetera all those kind of things.', 'start': 3505.34, 'duration': 5.061}, {'end': 3516.502, 'text': 'so once the user does all those particular kind of things, he is forced to go to the next page.', 'start': 3510.401, 'duration': 6.101}, {'end': 3519.503, 'text': "And again, he'll be entering 20 fields.", 'start': 3517.883, 'duration': 1.62}, {'end': 3521.563, 'text': 'At that point of time, basically what happens?', 'start': 3519.583, 'duration': 1.98}, {'end': 3528.712, 'text': 'these 20 fields might be having the relation before the Previous page, right?', 'start': 3521.563, 'duration': 7.149}], 'summary': 'Users enter personal details, then 20 fields, creating a related sequence.', 'duration': 27.872, 'max_score': 3500.84, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3500840.jpg'}, {'end': 3666.411, 'src': 'embed', 'start': 3637.455, 'weight': 0, 'content': [{'end': 3643.859, 'text': 'At the same time, the user is going to be user, is also going to be user-friendly and is quite even application-friendly.', 'start': 3637.455, 'duration': 6.404}, {'end': 3647.861, 'text': "where you don't want to basically carry forward all the information right?", 'start': 3643.859, 'duration': 4.002}, {'end': 3650.102, 'text': 'And all those corresponding things will be happening.', 'start': 3648.181, 'duration': 1.921}, {'end': 3652.984, 'text': 'So that is called basically an SPA kind of an application,', 'start': 3650.423, 'duration': 2.561}, {'end': 3660.989, 'text': 'single-page application where every single aspect one likes to see everything to be part of the same page right?', 'start': 3652.984, 'duration': 8.005}, {'end': 3666.411, 'text': 'So those are the very much critical requirements in most of the things, not only in this particular thing.', 'start': 3661.69, 'duration': 4.721}], 'summary': 'Spa application must be user-friendly and application-friendly with critical requirements.', 'duration': 28.956, 'max_score': 3637.455, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3637455.jpg'}], 'start': 3363.155, 'title': 'Spa benefits and data binding in angularjs', 'summary': 'Covers the benefits of single page applications (spa) including user-friendly nature and reduced data transfer. it also discusses data binding in spas using angularjs and showcases an example application running on node.js.', 'chapters': [{'end': 3446.747, 'start': 3363.155, 'title': 'Data binding in spa with angularjs', 'summary': 'Discusses the concept of data binding in single page applications (spas) using angularjs, emphasizing the importance of persisting state and showcasing an example application running on node.js.', 'duration': 83.592, 'highlights': ['The chapter emphasizes the importance of persisting the state before making any changes to an HTML page.', 'It discusses the concept of data binding in single page applications (SPAs) using AngularJS.', 'An example application running on Node.js is showcased, highlighting the practical implementation of the concepts discussed.']}, {'end': 3740.812, 'start': 3446.747, 'title': 'Benefits of single page applications (spa)', 'summary': 'Discusses the benefits of single page applications (spa), highlighting its user-friendly nature, reduced need for data transfer, and its widespread use in most websites, with an emphasis on angularjs and node.js integration.', 'duration': 294.065, 'highlights': ['Single Page Applications (SPA) provide a user-friendly experience by allowing users to fill up large forms on a single page, reducing the need to go back and forth between multiple pages. SPAs enable users to fill up large forms on a single page, reducing the need for multiple page transitions, leading to a more user-friendly experience.', 'SPAs eliminate the need to carry data between multiple pages, thereby reducing the complexity of data transfer and the associated challenges. SPAs eliminate the need to carry data between multiple pages, reducing data transfer complexity and associated challenges.', 'The widespread use of SPAs in most websites is emphasized, with a focus on their integration with AngularJS, Node.js, and MongoDB for efficient and user-friendly application development. The chapter emphasizes the widespread use of SPAs in most websites, highlighting their integration with AngularJS, Node.js, and MongoDB for efficient and user-friendly application development.']}], 'duration': 377.657, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3363155.jpg', 'highlights': ['SPAs eliminate the need to carry data between multiple pages, reducing data transfer complexity and associated challenges.', 'The chapter emphasizes the importance of persisting the state before making any changes to an HTML page.', 'The widespread use of SPAs in most websites is emphasized, with a focus on their integration with AngularJS, Node.js, and MongoDB for efficient and user-friendly application development.', 'Single Page Applications (SPA) provide a user-friendly experience by allowing users to fill up large forms on a single page, reducing the need to go back and forth between multiple pages.']}, {'end': 4759.583, 'segs': [{'end': 4117.477, 'src': 'embed', 'start': 4091.809, 'weight': 1, 'content': [{'end': 4099.631, 'text': 'Angular is very much lightweight, SPA user-friendly, rich-oriented and one of the important aspects of using Angular right, it is highly,', 'start': 4091.809, 'duration': 7.822}, {'end': 4100.291, 'text': 'highly responsive.', 'start': 4099.631, 'duration': 0.66}, {'end': 4102.451, 'text': 'It is the most highly responsive.', 'start': 4100.911, 'duration': 1.54}, {'end': 4105.112, 'text': "That's the very, very powerful element of AngularJS.", 'start': 4102.47, 'duration': 2.642}, {'end': 4108.352, 'text': 'You can make the AngularJS as one application.', 'start': 4105.572, 'duration': 2.78}, {'end': 4110.112, 'text': 'You can widely use it with tablet.', 'start': 4108.392, 'duration': 1.72}, {'end': 4112.033, 'text': 'You can use it across anywhere.', 'start': 4110.572, 'duration': 1.461}, {'end': 4113.912, 'text': 'It is very much powerfully highly responsive.', 'start': 4112.412, 'duration': 1.5}, {'end': 4117.477, 'text': "It responds to you and it's SPA, it's a single page application.", 'start': 4114.895, 'duration': 2.582}], 'summary': 'Angularjs is highly responsive, lightweight, and versatile, making it suitable for single page applications and across various devices.', 'duration': 25.668, 'max_score': 4091.809, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE4091809.jpg'}, {'end': 4241.411, 'src': 'embed', 'start': 4216.898, 'weight': 0, 'content': [{'end': 4223.781, 'text': "And coming back to the features of AngularJS, I, like we've seen some of, we touched some of the core features of AngularJS right?", 'start': 4216.898, 'duration': 6.883}, {'end': 4230.344, 'text': "So if you've joined the course right, you'll be covering a wide, wide features of AngularJS, right?", 'start': 4224.241, 'duration': 6.103}, {'end': 4234.507, 'text': 'So you like module scope, validations, testing, templates.', 'start': 4230.885, 'duration': 3.622}, {'end': 4239.17, 'text': 'so all every single aspects of the course will be discussed very much in detail here, right?', 'start': 4234.507, 'duration': 4.663}, {'end': 4241.411, 'text': 'So typically AngularJS is a very,', 'start': 4239.63, 'duration': 1.781}], 'summary': 'Angularjs course covers module scope, validations, testing, templates in detail.', 'duration': 24.513, 'max_score': 4216.898, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE4216898.jpg'}, {'end': 4572.466, 'src': 'embed', 'start': 4543.382, 'weight': 2, 'content': [{'end': 4545.905, 'text': "you'll always get their numbers at the right top corner.", 'start': 4543.382, 'duration': 2.523}, {'end': 4550.27, 'text': 'You can contact them, you can mail them, and probably at any point of time.', 'start': 4546.766, 'duration': 3.504}, {'end': 4551.952, 'text': 'So please go ahead and look into this.', 'start': 4550.651, 'duration': 1.301}, {'end': 4559.381, 'text': 'Please kindly join on the same, which will definitely help your career to get much better in your client-side.', 'start': 4552.072, 'duration': 7.309}, {'end': 4561.063, 'text': 'kind of an applications, okay?', 'start': 4559.381, 'duration': 1.682}, {'end': 4566.76, 'text': 'Fine, because I know only basics of jQuery, not JSC.', 'start': 4563.476, 'duration': 3.284}, {'end': 4567.721, 'text': "That's also fine, Shail.", 'start': 4566.8, 'duration': 0.921}, {'end': 4572.466, 'text': 'If you know jQuery, that is actually much more sufficient to join the AngularJS course.', 'start': 4567.761, 'duration': 4.705}], 'summary': 'Contact for career development, jquery sufficient for angularjs course', 'duration': 29.084, 'max_score': 4543.382, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE4543382.jpg'}, {'end': 4634.307, 'src': 'embed', 'start': 4610.966, 'weight': 3, 'content': [{'end': 4618.001, 'text': "so technical way of Yes, yes, Desai, you can learn AngularJS, don't worry about that.", 'start': 4610.966, 'duration': 7.035}, {'end': 4619.882, 'text': "Absolutely don't worry about that at all.", 'start': 4618.501, 'duration': 1.381}, {'end': 4623.163, 'text': 'You can take your time for one week of time to refresh on JS.', 'start': 4620.282, 'duration': 2.881}, {'end': 4625.224, 'text': 'Basics of JS is fine, Desai.', 'start': 4623.563, 'duration': 1.661}, {'end': 4626.524, 'text': 'There is nothing much required.', 'start': 4625.264, 'duration': 1.26}, {'end': 4630.346, 'text': 'So, in a very real-time world, what happens? If you have a database right?', 'start': 4627.285, 'duration': 3.061}, {'end': 4634.307, 'text': 'So I just draw the steps on the IR side.', 'start': 4630.506, 'duration': 3.801}], 'summary': 'You can learn angularjs in one week, focusing on js basics, with no need for much more.', 'duration': 23.341, 'max_score': 4610.966, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE4610966.jpg'}], 'start': 3740.832, 'title': 'Angularjs and node.js applications', 'summary': 'Covers sp applications with angularjs, demonstrating user addition without page refreshing, angularjs overview, job trends, and high availability with node.js, emphasizing its high demand with around three lakh job trends and the upcoming four-week course starting on 24th october.', 'chapters': [{'end': 3930.107, 'start': 3740.832, 'title': 'Sp applications with angularjs', 'summary': 'Introduces a single-page application (spa) developed using angularjs, highlighting its capability to add users without refreshing the browser and demonstrating the addition of users and the absence of page refreshing, showcasing the lightweight nature and development potential of spa applications.', 'duration': 189.275, 'highlights': ['SP Applications allow adding users without refreshing the browser, demonstrated by the addition of users and the absence of page refreshing. The system allows seamless addition of users without any page refreshing, showcasing the capability of SPA applications.', 'The chapter emphasizes the lightweight nature of SPA applications developed using AngularJS. The SPA applications are highlighted for their lightweight nature and development potential using AngularJS.', 'Demonstration of adding users in SPA application without the need for any refresh. The chapter demonstrates the process of adding users in SPA applications without the need for any browser refresh, highlighting the efficiency of SPA applications.']}, {'end': 4441.696, 'start': 3933.388, 'title': 'Angularjs overview and job trends', 'summary': 'Explains the basics of angularjs, emphasizing its use with node.js, its role in single page applications, its lightweight and responsive nature, and the high demand for angularjs jobs with around three lakh job trends. the course details are also outlined, including fundamentals, spas, and end-to-end use cases.', 'duration': 508.308, 'highlights': ["AngularJS is best suited for single page applications and is highly responsive. Emphasizes AngularJS's suitability for single page applications and its highly responsive nature.", 'AngularJS is commonly used alongside Node.js and is not typically suited for JSP kind of applications. Highlights the common usage of AngularJS with Node.js and its unsuitability for JSP kind of applications.', 'The high demand for AngularJS jobs with around three lakh job trends. Emphasizes the high demand for AngularJS jobs with approximately three lakh job trends.', 'Course details include fundamentals, SPAs, end-to-end use cases, and certification. Outlines the course details, covering fundamentals, SPAs, end-to-end use cases, and certification.']}, {'end': 4759.583, 'start': 4441.716, 'title': 'Understanding high availability with node.js', 'summary': 'Discusses the importance of high availability in servers, particularly node.js, for achieving highly responsive web pages, with a focus on the basics of javascript and html, and the real-time scenarios of using angularjs and databases, while highlighting the upcoming four-week course starting on 24th october and the support available for inquiries and resources.', 'duration': 317.867, 'highlights': ['The chapter emphasizes the importance of high availability in servers, particularly Node.js, for achieving highly responsive web pages, with a focus on the basics of JavaScript and HTML, and real-time scenarios of using AngularJS and databases.', 'The upcoming four-week course starting on 24th October is highlighted, encouraging participation to enhance skills in client-side applications and providing support contact details for further inquiries.', 'The support team is emphasized for assistance, providing contact details and availability for questions and resources, as well as encouraging participants to provide feedback at the end of the session.', 'The basics of JavaScript and HTML are highlighted as fundamental requirements for the course, emphasizing that one does not need to be an extraordinary master in JavaScript to enroll.', 'The real-time scenarios of using AngularJS with databases are highlighted, showcasing the process of making web service calls and displaying data in the view, providing insights into the practical application of the technology.']}], 'duration': 1018.751, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/0E4TDq75rDE/pics/0E4TDq75rDE3740832.jpg', 'highlights': ['SP Applications allow adding users without refreshing the browser, demonstrated by the addition of users and the absence of page refreshing.', 'The high demand for AngularJS jobs with around three lakh job trends.', 'The upcoming four-week course starting on 24th October is highlighted, encouraging participation to enhance skills in client-side applications and providing support contact details for further inquiries.', 'The chapter emphasizes the importance of high availability in servers, particularly Node.js, for achieving highly responsive web pages, with a focus on the basics of JavaScript and HTML, and real-time scenarios of using AngularJS and databases.']}], 'highlights': ['The high demand for AngularJS jobs with around three lakh job trends.', 'AngularJS has gained wide adoption by major organizations such as YouTube, Paytm, and PayPal, highlighting its user-friendly nature and widespread usage.', 'The widespread use of SPAs in most websites is emphasized, with a focus on their integration with AngularJS, Node.js, and MongoDB for efficient and user-friendly application development.', 'The need for a client-side framework like AngularJS is addressed, emphasizing the challenges of DOM manipulation and tight coupling with the view in client-side applications.', 'SPAs eliminate the need to carry data between multiple pages, reducing data transfer complexity and associated challenges.']}