{"id":4092,"date":"2023-11-04T23:14:03","date_gmt":"2023-11-04T23:14:03","guid":{"rendered":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/"},"modified":"2023-11-05T05:48:01","modified_gmt":"2023-11-05T05:48:01","slug":"developing-web-applications-with-angular","status":"publish","type":"post","link":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/","title":{"rendered":"Developing web applications with Angular"},"content":{"rendered":"<h2>Introduction<\/h2>\n<p>Angular is a popular framework for building Single Page Applications (SPAs) and dynamic web applications. It uses the Model-View-Controller (MVC) pattern to keep data, logic, and interface separate. This makes it easier to develop, test, and maintain complex web applications. In this tutorial, we will explore the basics of developing web applications with Angular.<\/p>\n<h2>Prerequisites<\/h2>\n<p>Before we dive into building our first Angular application, we need to ensure that we have the required tools installed on our development machine. Here is a list of tools that we will need:<\/p>\n<ul>\n<li>Node.js<\/li>\n<li>npm (Node Package Manager)<\/li>\n<li>Angular CLI<\/li>\n<\/ul>\n<h2>Installing Node.js and npm<\/h2>\n<p>Node.js is an open-source, cross-platform, JavaScript runtime environment that is built on Chrome\u2019s V8 JavaScript engine. It allows you to run JavaScript applications on the server-side.<\/p>\n<p>Follow these steps to install Node.js and npm:<\/p>\n<ul>\n<li>Visit the Node.js <a href=\"https:\/\/nodejs.org\/en\/\">website<\/a>.<\/li>\n<li>Download and install the latest LTS version of Node.js for your operating system.<\/li>\n<li>Once the installation is complete, verify that Node.js and npm are installed by typing the following commands in your terminal or command prompt:<\/li>\n<\/ul>\n<pre><code>node -v\nnpm -v\n<\/code><\/pre>\n<p>If both commands print out version numbers, then you have successfully installed Node.js and npm.<\/p>\n<h2>Installing the Angular CLI<\/h2>\n<p>Angular CLI is a command-line interface tool that makes it easier to create and manage Angular applications. It provides a set of generators that enable you to quickly generate components, services, modules, and other artifacts of an Angular application.<\/p>\n<p>Follow these steps to install the Angular CLI:<\/p>\n<ul>\n<li>Open your terminal or command prompt.<\/li>\n<li>Type the following command and press Enter:<\/li>\n<\/ul>\n<pre><code>npm install -g @angular\/cli\n<\/code><\/pre>\n<p>This command will install the latest version of the Angular CLI globally on your machine. Once the installation is complete, you can verify that the Angular CLI is installed by typing the following command:<\/p>\n<pre><code>ng version\n<\/code><\/pre>\n<p>This command will print out the version of the Angular CLI that you have installed.<\/p>\n<h1>Creating a new Angular Application<\/h1>\n<p>Now that we have installed all the necessary tools, we can create our first Angular application.<\/p>\n<p>Follow these steps to create a new Angular application:<\/p>\n<ul>\n<li>Open your terminal or command prompt.<\/li>\n<li>Navigate to the directory where you want to create your new Angular application.<\/li>\n<li>Type the following command and press Enter:<\/li>\n<\/ul>\n<pre><code>ng new my-app\n<\/code><\/pre>\n<p>This command will create a new Angular application in a directory called <code>my-app<\/code>. It will also install all the necessary dependencies defined in <code>package.json<\/code>.<\/p>\n<h1>Running the Angular Application<\/h1>\n<p>Now that we have created our Angular application, we can run it locally on our machine.<\/p>\n<p>Follow these steps to run the Angular application:<\/p>\n<ul>\n<li>Open your terminal or command prompt.<\/li>\n<li>Navigate to the root directory of your Angular application.<\/li>\n<li>Type the following command and press Enter:<\/li>\n<\/ul>\n<pre><code>ng serve\n<\/code><\/pre>\n<p>This command will start a local development server and open your Angular application in the default web browser. If your browser does not open automatically, you can manually open the application by navigating to `http:\/\/localhost:4200` in your browser.<\/p>\n<h1>Exploring the Angular Application Structure<\/h1>\n<p>Before we begin building our Angular application, it\u2019s important to understand the structure of an Angular application.<\/p>\n<p>Here\u2019s a brief overview of the most important directories and files in an Angular application:<\/p>\n<ul>\n<li><code>src\/<\/code> \u2013 This directory contains the source code of your application.<\/li>\n<li><code>src\/app\/<\/code> \u2013 This directory is where you will define the components, services, and other artifacts of your application.<\/li>\n<li><code>src\/index.html<\/code> \u2013 This HTML file is the entry point of your application. It contains the <code>&lt;app-root&gt;<\/code> tag that serves as the container for your Angular application.<\/li>\n<li><code>angular.json<\/code> \u2013 This file is used to configure various aspects of your Angular application, such as build settings, project dependencies, and more.<\/li>\n<li><code>package.json<\/code> \u2013 This file contains the dependencies of your application, as well as various scripts that you can run to perform common tasks, such as building your application for production.<\/li>\n<\/ul>\n<h1>Building our first Angular Component<\/h1>\n<p>In this section, we will create our first Angular component. Components are the building blocks of an Angular application. They encapsulate the logic and view of a part of the user interface.<\/p>\n<p>Follow these steps to create a new Angular component:<\/p>\n<ul>\n<li>Open your terminal or command prompt.<\/li>\n<li>Navigate to the root directory of your Angular application.<\/li>\n<li>Type the following command and press Enter:<\/li>\n<\/ul>\n<pre><code>ng generate component hello-world\n<\/code><\/pre>\n<p>This command will generate a new component called <code>hello-world<\/code> and all the necessary files in the <code>src\/app\/<\/code> directory.<\/p>\n<p>The <code>generate<\/code> command is one of the many generators provided by the Angular CLI. It enables you to quickly create components, services, modules, and other artifacts of an Angular application.<\/p>\n<h1>Understanding the Angular Component Structure<\/h1>\n<p>Now that we have generated our first Angular component, let\u2019s take a look at its structure.<\/p>\n<p>Here are the most important files that were generated when we ran the <code>ng generate component<\/code> command:<\/p>\n<ul>\n<li><code>hello-world.component.ts<\/code> \u2013 This is the TypeScript file that defines the logic and behavior of our component.<\/li>\n<li><code>hello-world.component.html<\/code> \u2013 This is the HTML file that defines the view of our component.<\/li>\n<li><code>hello-world.component.css<\/code> \u2013 This is the CSS file that defines the styles of our component.<\/li>\n<li><code>hello-world.component.spec.ts<\/code> \u2013 This is the TypeScript file that defines the unit tests for our component.<\/li>\n<\/ul>\n<h1>Editing our Angular Component<\/h1>\n<p>Now that we have created our <code>hello-world<\/code> component, let\u2019s edit it to display a greeting message.<\/p>\n<p>Open the <code>hello-world.component.ts<\/code> file in your code editor and replace its contents with the following code:<\/p>\n<pre><code>import { Component } from '@angular\/core';\n\n@Component({\n  selector: 'app-hello-world',\n  template: '&lt;h1&gt;Hello, world!&lt;\/h1&gt;'\n})\nexport class HelloWorldComponent { }\n<\/code><\/pre>\n<p>This code defines a new Angular component called <code>HelloWorldComponent<\/code>. It uses the <code>@Component<\/code> decorator to specify the component\u2019s metadata, including its selector and template.<\/p>\n<p>The <code>selector<\/code> is a CSS selector used to identify the component in the HTML markup. In our case, the selector is <code>app-hello-world<\/code>.<\/p>\n<p>The <code>template<\/code> is the HTML markup that defines the view of our component. In our case, we are using a simple string literal that displays a greeting message.<\/p>\n<h1>Using our Angular Component<\/h1>\n<p>Now that we have defined our <code>HelloWorldComponent<\/code>, let\u2019s use it in our application.<\/p>\n<p>Open the <code>src\/app\/app.component.html<\/code> file in your code editor and replace its contents with the following code:<\/p>\n<pre><code>&lt;app-hello-world&gt;&lt;\/app-hello-world&gt;\n<\/code><\/pre>\n<p>This code inserts our newly created <code>HelloWorldComponent<\/code> into our <code>AppComponent<\/code>.<\/p>\n<h1>Running our Angular Application<\/h1>\n<p>Now that we have made the necessary changes to our Angular application, let\u2019s run it and see the results.<\/p>\n<p>Follow these steps to run the Angular application:<\/p>\n<ul>\n<li>Open your terminal or command prompt.<\/li>\n<li>Navigate to the root directory of your Angular application.<\/li>\n<li>Type the following command and press Enter:<\/li>\n<\/ul>\n<pre><code>ng serve\n<\/code><\/pre>\n<p>This command will start a local development server and open your Angular application in the default web browser.<\/p>\n<p>You should see a web page that displays a greeting message: &#8220;Hello, world!&#8221;.<\/p>\n<h1>Conclusion<\/h1>\n<p>In this tutorial, we have explored the basics of developing web applications with Angular. We have learned how to install Node.js, npm, and the Angular CLI. We have also learned how to create and run an Angular application, as well as how to create and use Angular components.<\/p>\n<p>Angular is a powerful framework that enables developers to build complex, dynamic web applications with ease. Whether you are building an e-commerce platform, a social networking site, or a gaming platform, Angular\u2019s rich ecosystem of tools and libraries can help you get the job done.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Angular is a popular framework for building Single Page Applications (SPAs) and dynamic web applications. It uses the Model-View-Controller (MVC) pattern to keep data, logic, and interface separate. This makes it easier to develop, test, and maintain complex web applications. In this tutorial, we will explore the basics of <a href=\"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\" class=\"btn btn-link continue-link\">Continue Reading<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[1247,1244,1249,1246,1248,357,50,1245,49,1243],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Developing web applications with Angular - Pantherax Blogs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Developing web applications with Angular\" \/>\n<meta property=\"og:description\" content=\"Introduction Angular is a popular framework for building Single Page Applications (SPAs) and dynamic web applications. It uses the Model-View-Controller (MVC) pattern to keep data, logic, and interface separate. This makes it easier to develop, test, and maintain complex web applications. In this tutorial, we will explore the basics of Continue Reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"Pantherax Blogs\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-04T23:14:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-11-05T05:48:01+00:00\" \/>\n<meta name=\"author\" content=\"Panther\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Panther\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Panther\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\"\n\t            },\n\t            \"headline\": \"Developing web applications with Angular\",\n\t            \"datePublished\": \"2023-11-04T23:14:03+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:01+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\"\n\t            },\n\t            \"wordCount\": 1145,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"keywords\": [\n\t                \"\\\"Angular best practices\\\"\",\n\t                \"\\\"Angular development\\\"\",\n\t                \"\\\"Angular guide\\\"]\",\n\t                \"\\\"Angular tips and tricks\\\"\",\n\t                \"\\\"Angular tutorial\\\"\",\n\t                \"\\\"Angular\\\"\",\n\t                \"\\\"Front-end development\\\"]\",\n\t                \"\\\"JavaScript frameworks\\\"\",\n\t                \"\\\"Web development\\\"\",\n\t                \"[\\\"Developing web applications\\\"\"\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\",\n\t            \"url\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\",\n\t            \"name\": \"Developing web applications with Angular - Pantherax Blogs\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#website\"\n\t            },\n\t            \"datePublished\": \"2023-11-04T23:14:03+00:00\",\n\t            \"dateModified\": \"2023-11-05T05:48:01+00:00\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\/\/localhost:10003\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Developing web applications with Angular\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#website\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"description\": \"\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\/\/localhost:10003\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#organization\",\n\t            \"name\": \"Pantherax Blogs\",\n\t            \"url\": \"http:\/\/localhost:10003\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"contentUrl\": \"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg\",\n\t                \"width\": 1024,\n\t                \"height\": 1024,\n\t                \"caption\": \"Pantherax Blogs\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7\",\n\t            \"name\": \"Panther\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\/\/localhost:10003\/#\/schema\/person\/image\/\",\n\t                \"url\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"contentUrl\": \"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g\",\n\t                \"caption\": \"Panther\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/localhost:10003\"\n\t            ],\n\t            \"url\": \"http:\/\/localhost:10003\/author\/pepethefrog\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Developing web applications with Angular - Pantherax Blogs","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":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/","og_locale":"en_US","og_type":"article","og_title":"Developing web applications with Angular","og_description":"Introduction Angular is a popular framework for building Single Page Applications (SPAs) and dynamic web applications. It uses the Model-View-Controller (MVC) pattern to keep data, logic, and interface separate. This makes it easier to develop, test, and maintain complex web applications. In this tutorial, we will explore the basics of Continue Reading","og_url":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/","og_site_name":"Pantherax Blogs","article_published_time":"2023-11-04T23:14:03+00:00","article_modified_time":"2023-11-05T05:48:01+00:00","author":"Panther","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Panther","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#article","isPartOf":{"@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/"},"author":{"name":"Panther","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7"},"headline":"Developing web applications with Angular","datePublished":"2023-11-04T23:14:03+00:00","dateModified":"2023-11-05T05:48:01+00:00","mainEntityOfPage":{"@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/"},"wordCount":1145,"publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"keywords":["\"Angular best practices\"","\"Angular development\"","\"Angular guide\"]","\"Angular tips and tricks\"","\"Angular tutorial\"","\"Angular\"","\"Front-end development\"]","\"JavaScript frameworks\"","\"Web development\"","[\"Developing web applications\""],"inLanguage":"en-US"},{"@type":"WebPage","@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/","url":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/","name":"Developing web applications with Angular - Pantherax Blogs","isPartOf":{"@id":"http:\/\/localhost:10003\/#website"},"datePublished":"2023-11-04T23:14:03+00:00","dateModified":"2023-11-05T05:48:01+00:00","breadcrumb":{"@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/localhost:10003\/developing-web-applications-with-angular\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/localhost:10003\/developing-web-applications-with-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/localhost:10003\/"},{"@type":"ListItem","position":2,"name":"Developing web applications with Angular"}]},{"@type":"WebSite","@id":"http:\/\/localhost:10003\/#website","url":"http:\/\/localhost:10003\/","name":"Pantherax Blogs","description":"","publisher":{"@id":"http:\/\/localhost:10003\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/localhost:10003\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/localhost:10003\/#organization","name":"Pantherax Blogs","url":"http:\/\/localhost:10003\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/","url":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","contentUrl":"http:\/\/localhost:10003\/wp-content\/uploads\/2023\/11\/cropped-9e7721cb-2d62-4f72-ab7f-7d1d8db89226.jpeg","width":1024,"height":1024,"caption":"Pantherax Blogs"},"image":{"@id":"http:\/\/localhost:10003\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/localhost:10003\/#\/schema\/person\/b63d816f4964b163e53cbbcffaa0f3d7","name":"Panther","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/localhost:10003\/#\/schema\/person\/image\/","url":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","contentUrl":"http:\/\/2.gravatar.com\/avatar\/b8c0eda5a49f8f31ec32d0a0f9d6f838?s=96&d=mm&r=g","caption":"Panther"},"sameAs":["http:\/\/localhost:10003"],"url":"http:\/\/localhost:10003\/author\/pepethefrog\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4092"}],"collection":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/comments?post=4092"}],"version-history":[{"count":1,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4092\/revisions"}],"predecessor-version":[{"id":4448,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/posts\/4092\/revisions\/4448"}],"wp:attachment":[{"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/media?parent=4092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/categories?post=4092"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/localhost:10003\/wp-json\/wp\/v2\/tags?post=4092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}