{"id":50725,"date":"2019-02-27T11:30:22","date_gmt":"2019-02-27T06:00:22","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=50725"},"modified":"2021-02-17T21:32:44","modified_gmt":"2021-02-17T16:02:44","slug":"javascript-architecture","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/","title":{"rendered":"JavaScript Architecture &#8211; Architecture For Different Applications"},"content":{"rendered":"<div class='__iawmlf-post-loop-links' style='display:none;' data-iawmlf-post-links='[{&quot;id&quot;:1635,&quot;href&quot;:&quot;https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Model%E2%80%93view%E2%80%93viewmodel&quot;,&quot;archived_href&quot;:&quot;http:\\\/\\\/web-wp.archive.org\\\/web\\\/20250925163635\\\/https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Model%E2%80%93view%E2%80%93viewmodel&quot;,&quot;redirect_href&quot;:&quot;&quot;,&quot;checks&quot;:[{&quot;date&quot;:&quot;2025-12-09 14:38:43&quot;,&quot;http_code&quot;:200}],&quot;broken&quot;:false,&quot;last_checked&quot;:{&quot;date&quot;:&quot;2025-12-09 14:38:43&quot;,&quot;http_code&quot;:200},&quot;process&quot;:&quot;done&quot;}]'><\/div>\n<p>Coding in JavaScript is not everyone&#8217;s cup of tea. Therefore it is better to understand the JavaScript Architecture before starting with the code. It gives a better understanding of how JavaScript works all around the web. Today in our DataFlair&#8217;s JavaScript Tutorial, we are going to discuss various JavaScript Architectures. After completing the tutorial, you will definitely have a basic idea of how JavaScript works on different applications.<\/p>\n<p>As the complexity of applications increased, the need for more advanced features arose for JavaScript. The architecture that the developer uses depends on the need of the application.<\/p>\n<p><em><strong>Before starting with our Tutorial you must explore some <a href=\"https:\/\/data-flair.training\/blogs\/features-of-javascript\/\">Modern Features of JavaScript.<\/a><\/strong><\/em><\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63322\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg\" alt=\"JavaScript Architecture\" width=\"802\" height=\"420\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg 802w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture-150x79.jpg 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture-300x157.jpg 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture-768x402.jpg 768w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture-520x272.jpg 520w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/a><\/p>\n<h2>JavaScript Architecture<\/h2>\n<p>These are the 3 JavaScript Architectures discussed below &#8211;<\/p>\n<h4><strong>1. Typical JavaScript Application Architecture<\/strong><\/h4>\n<p>Typically, <em><strong><a href=\"https:\/\/data-flair.training\/blogs\/javascript-uses\/\">JavaScript applications<\/a><\/strong><\/em> use the bottom-up approach, always placing the User Interface (UI) at the center of the development at all times. <strong>As shown in the diagram<\/strong>, both the UI and the Server directly link to the code behind.<\/p>\n<p>This JavaScript architecture works fine for simple programs, but in the long run, it fails to meet the demands of complex programs. You can use it for most of the websites where you don\u2019t add special frameworks. This architecture is perfectly fine if you want to interact with the application screen, though you might face some trouble in a large-scale application. Hence, it is crucial that you research this architecture before investment and implementation.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-63988\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1.png\" alt=\"Typical JavaScript Application Architecture (1)\" width=\"651\" height=\"471\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1.png 651w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1-150x109.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1-300x217.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Typical-JavaScript-Application-Architecture-1-520x376.png 520w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<h4><strong>2. Framework-based Typical JavaScript Architecture<\/strong><\/h4>\n<p>As the demand for a complex architecture of JavaScript arose, Framework-Based Architecture came into use. Even though the main focus is still the UI screen, it is much more advanced than the previous version. It involves detailing the simplistic view of the JavaScript Application Architecture. It is very effective for solving complex problems as it implements either MVC or<a href=\"https:\/\/en.wikipedia.org\/wiki\/Model%E2%80%93view%E2%80%93viewmodel\"> MVVM<\/a> pattern to the application. Business and presentation concerns are separate, making it easier to work with.<\/p>\n<p>Code behind <strong>(Controller and ViewModel)<\/strong> directly link with UI Screen through Bindings and Server through Ajax. UI Screen consists of View and HTML and this architecture has provided the developers with some very advanced features.<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture-.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-64088\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture-.png\" alt=\"Framework based JavaScript Achitecture\" width=\"693\" height=\"496\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture-.png 693w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture--150x107.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture--300x215.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/02\/Advanced-JavaScript-Achitecture--520x372.png 520w\" sizes=\"auto, (max-width: 693px) 100vw, 693px\" \/><\/a><\/p>\n<h4><strong>3. Advanced JavaScript Architecture<\/strong><\/h4>\n<p>The prior architecture works fine when you want to create simple web applications. But the problem that arises here is that we are still trying to implement advanced features in the same framework architecture. We are trying to add complexity in a simple framework. These architectures are thus incapable of growing without further maintenance and development costs. The previous versions start having problems that every UI software faces only after the implementation of MVC or MVVM. Controller or View is busy with so many concerns, along with interacting directly with the server and manipulating the view directly or indirectly, that this quickly leads to their failure.<\/p>\n<p>These types of problems are detected later in the development, thus we required an architecture that is more focused around domain knowledge. The need for a more mature architecture arose so as to add more features to JavaScript.<\/p>\n<p>This is where the Advanced Architecture of JavaScript comes into play. Since the business and UI concerns are separate in this architecture, it adjusts to the needs of the complex applications very easily. It also removes UI as the center of the application, increasing the application\u2019s usability. This architecture consists of the following layers for different tasks:<\/p>\n<ul>\n<li>In the JavaScript UI Layer, Code-behind(code in the backend) is linked to the UI Screen through Bindings. It can talk to JavaScript Domain Layer either directly or with the help of optional JavaScript Service Layer.<\/li>\n<li>JavaScript Domain Layer (JavaScript Business Objects and JavaScript Repositories) is the house of business logic.<\/li>\n<li>JavaScript Data Access(Server) can directly talk to the JavaScript Domain Layer by using Ajax calls.<\/li>\n<li>Repositories recover JSON objects from the server and map them back to the business objects.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-63989 size-full\" src=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture.png\" alt=\"Advanced-javascript-Achitecture\" width=\"688\" height=\"491\" srcset=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture.png 688w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture-150x107.png 150w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture-300x214.png 300w, https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/Framework-based-javascript-Achitecture-520x371.png 520w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/a><\/p>\n<h3>JavaScript Applications<\/h3>\n<h4><strong>1. Single Page Applications(SPAs)<\/strong><\/h4>\n<p>It is sometimes referred to as\u00a0<strong><em>Single Page Interface (<\/em><em>SPI).<\/em><\/strong>\u00a0This is the most common form of JavaScript applications available these days. These are a lot more responsive and resemble a desktop application. Unlike other web applications, these load the complete webpage with<em> HTML, CSS, and JavaScript<\/em> initially. Though the initial loading of the webpage takes time, it works faster with other user requests. The only disadvantage these applications have is that they rely heavily on JavaScript and thus reduce browsing speed in low power devices. <em>Some examples of SPAs are Gmail, Facebook, Twitter, etc.<\/em><\/p>\n<h4><strong>2. Multi-page Applications<\/strong><\/h4>\n<p>These applications work in a <strong>\u201ctraditional\u201d<\/strong> way. This means that every change in the web application requests a new page from the server. They are larger than SPAs and take more time than necessary. We have to transfer a lot of data between the server and the browser which reduces the application\u2019s speed. Even though it is much easier these days to do that with the help of <strong>AJAX (Asynchronous JavaScript)<\/strong>, it isn\u2019t very popular. AJAX allows us to refresh only certain sections of the applications without reloading the complete application. But using these applications adds complexity for the programmer and these are difficult to develop as compared to the SPAs.<\/p>\n<h4><strong>3. Isomorphic (Universal) Applications<\/strong><\/h4>\n<p>JavaScript applications became <strong>\u2018Isomorphic\u2019<\/strong> with the release of <strong>NodeJS<\/strong> i.e. they can execute on both client-side and server-side. These applications are very useful when you need faster interaction with the web pages. The same code must be compatible to execute on both the client-side and server-side to render the application components. Unlike SPAs, these applications support older devices and work even with poor internet connections. These applications have a lesser code, but this also makes them difficult to debug.<\/p>\n<p><em><strong>Moving ahead we are going to learn about JavaScript Installation<\/strong><\/em><\/p>\n<p><em><strong>But before that I recommend you to check our blog on <a href=\"https:\/\/data-flair.training\/blogs\/enable-javascript\/\">JavaScript &#8211; Enable in Different Browser.<\/a><\/strong><\/em><\/p>\n<h3>JavaScript Installation<\/h3>\n<p>Below are the steps which you should follow to install JavaScript &#8211;<\/p>\n<h4>Step1: Install the browser<\/h4>\n<p>Install any browser you want on your device. JavaScript is capable of running on almost every browser except for a few text-based browsers like<em> Lynx, ELinks, and w3m<\/em>. Javascript also works on all platforms. So there is no need to worry about installation.<\/p>\n<h4>Step2: Install the editor<\/h4>\n<p>You can install an editor to run and test simple codes on your device. It is not compulsory to install the editor for running JavaScript in your browser. Any simple text editor like Notepad works fine. For additional features, while writing the code, we can use any open-source\/licensed IDE. These editors help speed up the development.<\/p>\n<h4>Step3: Enable JavaScript in your browser<\/h4>\n<p>All modern browsers already have JavaScript installed, so you don&#8217;t need to worry about it. But sometimes JavaScript is <strong>\u2018disabled\u2019<\/strong> in a browser due to security reasons. This limits the functionality and interactivity of the web page since almost every website uses JavaScript. There are different ways of enabling JavaScript in different browsers.<\/p>\n<h3>Steps to Enable JavaScript in Opera<\/h3>\n<ul>\n<li>Open <strong>Opera<\/strong> on your computer.<\/li>\n<li>On the top right click on <strong>Easy setup &gt; Go to a browser setting.<\/strong><\/li>\n<li>Select the <strong>Advanced tab &gt; Privacy and security<\/strong> category.<\/li>\n<li>Go to the <strong>Site settings<\/strong> category, then enable <strong>JavaScript<\/strong>.<\/li>\n<li>Lastly, refresh the page.<\/li>\n<\/ul>\n<h3>Steps to Enable JavaScript in Chromium<\/h3>\n<ul>\n<li>Open<strong> Chromium<\/strong> on your device.<\/li>\n<li>On the top right, from the menu select <strong>Customise and control Chromium<\/strong>.<\/li>\n<li>Click on <strong>Settings<\/strong>.<\/li>\n<li>Select <strong>Advanced tab &gt; Site settings.<\/strong><\/li>\n<li>Then, enable <strong>JavaScript<\/strong> and reload the page.<\/li>\n<\/ul>\n<h2>Summary<\/h2>\n<p>Each architecture has its own features, advantages, and disadvantages. While building a web application, we need to be aware of each one of them and select the architecture as per our requirements. So, here we come to the end of our article on JavaScript Architecture. Today we have briefly learned about the different application types of JavaScript along with their architecture and also about the installation process of Javascript. We implement more advanced architectures with special frameworks for additional functionality. However, it is essential to research the architecture before selecting the one you want. <em><strong>For now, you may go through our next article on <a href=\"https:\/\/data-flair.training\/blogs\/javascript-libraries\/\">JavaScript Libraries.<\/a><\/strong><\/em><\/p>\n<p>Hope the information provided was useful to you. Drop your feedback and queries in the comment box below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coding in JavaScript is not everyone&#8217;s cup of tea. Therefore it is better to understand the JavaScript Architecture before starting with the code. It gives a better understanding of how JavaScript works all around&#46;&#46;&#46;<\/p>\n","protected":false},"author":7,"featured_media":63322,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18979],"tags":[19044,19041,20472,18981],"class_list":["post-50725","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-advanced-javascript-architecture","tag-javascript-architecture","tag-javascript-installation","tag-learn-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>JavaScript Architecture - Architecture For Different Applications - DataFlair<\/title>\n<meta name=\"description\" content=\"Explore 3 different JavaScript Architecture - typical, advanced &amp; framework based. Learn how these architectures are used. Javascript Installation guide\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/javascript-architecture\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript Architecture - Architecture For Different Applications - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Explore 3 different JavaScript Architecture - typical, advanced &amp; framework based. Learn how these architectures are used. Javascript Installation guide\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/javascript-architecture\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-02-27T06:00:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-17T16:02:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"802\" \/>\n\t<meta property=\"og:image:height\" content=\"420\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript Architecture - Architecture For Different Applications - DataFlair","description":"Explore 3 different JavaScript Architecture - typical, advanced & framework based. Learn how these architectures are used. Javascript Installation guide","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/","og_locale":"en_US","og_type":"article","og_title":"JavaScript Architecture - Architecture For Different Applications - DataFlair","og_description":"Explore 3 different JavaScript Architecture - typical, advanced & framework based. Learn how these architectures are used. Javascript Installation guide","og_url":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2019-02-27T06:00:22+00:00","article_modified_time":"2021-02-17T16:02:44+00:00","og_image":[{"width":802,"height":420,"url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg","type":"image\/jpeg"}],"author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/beb0cab24b7aa54423a3b50e669a9dcd"},"headline":"JavaScript Architecture &#8211; Architecture For Different Applications","datePublished":"2019-02-27T06:00:22+00:00","dateModified":"2021-02-17T16:02:44+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/"},"wordCount":1370,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg","keywords":["Advanced JavaScript Architecture","JavaScript Architecture","JavaScript Installation","Learn JavaScript"],"articleSection":["JavaScript Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/javascript-architecture\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/","url":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/","name":"JavaScript Architecture - Architecture For Different Applications - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#primaryimage"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#primaryimage"},"thumbnailUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg","datePublished":"2019-02-27T06:00:22+00:00","dateModified":"2021-02-17T16:02:44+00:00","description":"Explore 3 different JavaScript Architecture - typical, advanced & framework based. Learn how these architectures are used. Javascript Installation guide","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/javascript-architecture\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#primaryimage","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2019\/07\/JavaScript-Architecture.jpg","width":802,"height":420,"caption":"JavaScript Architecture"},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/javascript-architecture\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"JavaScript Tutorial","item":"https:\/\/data-flair.training\/blogs\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"JavaScript Architecture &#8211; Architecture For Different Applications"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/beb0cab24b7aa54423a3b50e669a9dcd","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c322416204232f4dd97ef3901b0a499a5d34d7ba7fe333f4bfe53a907873d293?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c322416204232f4dd97ef3901b0a499a5d34d7ba7fe333f4bfe53a907873d293?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c322416204232f4dd97ef3901b0a499a5d34d7ba7fe333f4bfe53a907873d293?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team specializes in creating clear, actionable content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Backed by industry expertise, we make learning easy and career-oriented for beginners and pros alike.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam3\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/50725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=50725"}],"version-history":[{"count":11,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/50725\/revisions"}],"predecessor-version":[{"id":64089,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/50725\/revisions\/64089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media\/63322"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=50725"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=50725"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=50725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}