{"id":6152,"date":"2021-03-05T19:26:10","date_gmt":"2021-03-05T19:56:10","guid":{"rendered":"https:\/\/ultering.com\/it4us\/?p=6152"},"modified":"2025-05-25T11:42:03","modified_gmt":"2025-05-25T12:12:03","slug":"angular-from-scratch-tutorial","status":"publish","type":"post","link":"https:\/\/ultering.com\/it4us\/?p=6152","title":{"rendered":"Angular From Scratch Tutorial &#8211; Step 1"},"content":{"rendered":"<p><a href=\"https:\/\/ultering.com\/it4us\/?p=7175\">Angular From Scratch Tutorial &#8211; Index<\/a><\/p>\n<p><a href=\"https:\/\/ultering.com\/it4us\/?p=6166\">NEXT: Angular From Scratch Tutorial &#8211; Step 2: Components<\/a><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a00d633458fd\" class=\"ez-toc-cssicon-toggle-label\"><span class><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\" \/><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\" \/><\/svg><\/span><\/span><\/label><input type=\"checkbox\" id=\"ez-toc-cssicon-toggle-item-6a00d633458fd\" checked aria-label=\"Toggle\"><nav><ul class=\"ez-toc-list ez-toc-list-level-1 \"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Note\" title=\"Note\">Note<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Target\" title=\"Target\">Target<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#An_Important_Note_About_Angular_Versions\" title=\"An Important Note About Angular Versions\">An Important Note About Angular Versions<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Source_CodeDownload\" title=\"Source Code\/Download\">Source Code\/Download<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Pre-requisites\" title=\"Pre-requisites\">Pre-requisites<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Install_Angular\" title=\"Install Angular\">Install Angular<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#_IMPORTANT_NOTE\" title=\"*** IMPORTANT NOTE\">*** IMPORTANT NOTE<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#Create_the_application\" title=\"Create the application.\">Create the application.<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#1_generate_a_new_project_and_skeleton_application\" title=\"1. generate a new project and skeleton application\">1. generate a new project and skeleton application<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#2_Install_the_libraries\" title=\"2. Install the libraries\">2. Install the libraries<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#3_Start_the_App_To_Test\" title=\"3. Start the App To Test\">3. Start the App To Test<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/ultering.com\/it4us\/?p=6152\/#NEXT\" title=\"NEXT\">NEXT<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Note\"><\/span>Note<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The purpose of this page in this tutorial series is to provide a very fast approach that is useful for revisions when you have already dealt with Angular, but after an absense of using it, it turns necessary to do a &#8220;disk swap&#8221; bringing from &#8220;disk&#8221; to your &#8220;memory&#8221; again. \ud83d\ude42<\/p>\n<p>If it is your first Angular approach, or you are a newbie, it is recommended to go first to the Angular&#8217;s documentation. After, this page will serve you as a summary for fast referencing and revision.<\/p>\n<h2 class=\"md-end-block md-heading\"><span class=\"ez-toc-section\" id=\"Target\"><\/span><span class=\"md-plain md-expand\">Target<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>This step creates the empty application \u2014 the starting point to begin a project.<br>\nAvoid using the source code for this initial step.<br>\nTry by your own.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"An_Important_Note_About_Angular_Versions\"><\/span>\nAn Important Note About Angular Versions<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>This tutorial was created before Angular 14+.<br>\nTherefore, it is based on NgModule.<\/p>\n<p>Starting with Angular 14+ (&gt;=14), it is offered an alternative: the standalone component.<br>\nThis approach deals with dependency cohesion better, making it faster and easier to develop and maintain.<\/p>\n<p>Since there is a lot of legacy code to maintain, mainly in Angular because it is hard to upgrade, the tutorial still keeps its utility.<br>\nAfter you get the grips with Angular using the NgModule, it is easy to understand the standalone mode.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Source_CodeDownload\"><\/span>\nSource Code\/Download<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>For more details, the source code may be found on <a href=\"https:\/\/github.com\/alsdias\/afsTutorial\">GitHub<\/a>, &#8220;step3&#8221; tag (includes step1 up to step3).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pre-requisites\"><\/span><span class=\"md-plain\">Pre-requisites<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol class=\"ol-list\">\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Install Node.js<\/span><\/p>\n<\/li>\n<li class=\"md-list-item\">\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Install npm<\/span><\/p>\n<p>&nbsp;<\/p><\/li>\n<\/ol>\n<h2 class=\"md-end-block md-heading\"><span class=\"ez-toc-section\" id=\"Install_Angular\"><\/span><span class=\"md-plain\">Install Angular<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Open a console.<\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Install CLI globally:<\/span> <span class=\"md-pair-s\"><em><span class=\"md-plain\">npm install -g @angular\/cli<\/span><\/em><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">If desired to make sure that will be installed the lastest version, do instead:<\/span> <span class=\"md-pair-s\"><em><span class=\"md-plain\">npm install -g @angular\/cli@latest<\/span><\/em><\/span><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-pair-s\"><strong><span class=\"md-plain\">If @angular\/cli already installed globally, then go straight to the next procedure.<\/span><\/strong><\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"_IMPORTANT_NOTE\"><\/span>*** IMPORTANT NOTE<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">This tutorial, created in 2021, used the current version <\/span><span data-preserver-spaces=\"true\">at that time<\/span><span data-preserver-spaces=\"true\">.<br>\n<\/span><span data-preserver-spaces=\"true\">Within<\/span><span data-preserver-spaces=\"true\"> a certain time<\/span><span data-preserver-spaces=\"true\">, new versions are created<\/span><span data-preserver-spaces=\"true\">, and the versions bring some differences, like aggregating the Server-Side Rendering (SSR) option when creating a new project<\/span><span data-preserver-spaces=\"true\">, and so on<\/span><span data-preserver-spaces=\"true\">.<\/span><\/p>\n<h2 class=\"md-end-block md-heading\"><span class=\"ez-toc-section\" id=\"Create_the_application\"><\/span><span class=\"md-plain\">Create the application.<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Create a folder to work with the tutorial.<\/span> <span class=\"md-plain\">The following commands assumes that you are working under this folder.<\/span><\/p>\n<h3 class=\"md-end-block md-p\"><span class=\"ez-toc-section\" id=\"1_generate_a_new_project_and_skeleton_application\"><\/span><strong>1. generate a new project and skeleton application<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p class=\"md-end-block md-p\"><em>ng new afsTutorial<\/em><\/p>\n<p class=\"md-end-block md-p\"><span class=\"md-plain\">Answer the questions (example below).<br>\nBe prepared, may take some time.<\/span><\/p>\n<pre class><span style=\"color: #808000;\"><em>ng new afsTutorial<\/em><\/span><\/pre>\n<pre class><span style=\"color: #808000;\"><em>? Would you like to add Angular routing? Yes\n? Which stylesheet format would you like to use? CSS\nCREATE afsTutorial\/angular.json (3606 bytes)\nCREATE afsTutorial\/package.json (1255 bytes)\n...\nCREATE afsTutorial\/e2e\/tsconfig.json (294 bytes)\nCREATE afsTutorial\/e2e\/src\/app.e2e-spec.ts (644 bytes)\nCREATE afsTutorial\/e2e\/src\/app.po.ts (301 bytes)\n\u221a Packages installed successfully.\n    Directory is already under version control. Skipping initialization of git.<\/em><\/span><\/pre>\n<h3><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"2_Install_the_libraries\"><\/span>2. Install the libraries<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Go to the new folder created.<\/p>\n<p>cd <span style=\"color: #808000;\"><em>afsTutorial<\/em><\/span><\/p>\n<p>Then run:<\/p>\n<p><em>npm install<\/em><\/p>\n<p>or<\/p>\n<p>ng serve<\/p>\n<p>or<\/p>\n<p>ng serve &#8211;port 4300<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"3_Start_the_App_To_Test\"><\/span>3. Start the App To Test<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><em>Run:<br>\nnpm start<\/em><\/p>\n<p>Point to:<br>\nlocalhost:4200<\/p>\n<p><span class=\"md-plain\"><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6162\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output.jpg\" alt width=\"1000\" height=\"370\" srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output.jpg 1000w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output-300x111.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output-768x284.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"><\/noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6162 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20370%22%3E%3C%2Fsvg%3E\" alt width=\"1000\" height=\"370\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20370%22%3E%3C%2Fsvg%3E 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output.jpg 1000w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output-300x111.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output-768x284.jpg 768w\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_npm_start_output.jpg\"><\/span><\/p>\n<p><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6163\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page.jpg\" alt width=\"1000\" height=\"685\" srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page.jpg 1000w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page-300x206.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page-768x526.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\"><\/noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6163 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20685%22%3E%3C%2Fsvg%3E\" alt width=\"1000\" height=\"685\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20685%22%3E%3C%2Fsvg%3E 1000w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" data-srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page.jpg 1000w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page-300x206.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page-768x526.jpg 768w\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_page.jpg\"><\/p>\n<p>&nbsp;<\/p>\n<p>Explore the interface. Click on the buttons.<\/p>\n<p>&nbsp;<\/p>\n<p><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6173\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button.jpg\" alt width=\"800\" height=\"340\" srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button.jpg 800w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button-300x128.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button-768x326.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\"><\/noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6173 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20340%22%3E%3C%2Fsvg%3E\" alt width=\"800\" height=\"340\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20340%22%3E%3C%2Fsvg%3E 800w\" sizes=\"(max-width: 800px) 100vw, 800px\" data-srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button.jpg 800w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button-300x128.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button-768x326.jpg 768w\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_try_each_button.jpg\"><\/p>\n<p>&nbsp;<\/p>\n<p>Also, check the links to the documentation.<br>\nThis tutorial is based on it.<br>\nThe details not referred here, you&#8217;ll get there.<\/p>\n<p>&nbsp;<\/p>\n<p>Below, it is shown the code created by the procedure that provides the default structure and configuration.<\/p>\n<p>&nbsp;<\/p>\n<p><noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6171\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component.jpg\" alt width=\"953\" height=\"763\" srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component.jpg 953w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-300x240.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-70x56.jpg 70w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-768x615.jpg 768w\" sizes=\"(max-width: 953px) 100vw, 953px\"><\/noscript><img decoding=\"async\" class=\"alignnone size-full wp-image-6171 lazyload\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20953%20763%22%3E%3C%2Fsvg%3E\" alt width=\"953\" height=\"763\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20953%20763%22%3E%3C%2Fsvg%3E 953w\" sizes=\"(max-width: 953px) 100vw, 953px\" data-srcset=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component.jpg 953w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-300x240.jpg 300w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-70x56.jpg 70w, https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component-768x615.jpg 768w\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2021\/03\/afstutorial_initial_default_component.jpg\"><\/p>\n<p>&nbsp;<\/p>\n<p>The target of this tutorial is to lead to some core concepts that support the main tasks, to help keeping them by heart or to revise them when you have worked with another tech for some time long enough to make you feel uncomfortable when returning to Angular.<\/p>\n<p>The next post, will move this content to another component, preserving it and being accessible by a link.<\/p>\n<h2><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"NEXT\"><\/span>NEXT<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/ultering.com\/it4us\/?p=7175\">Angular From Scratch Tutorial &#8211; Index<\/a><\/p>\n<p><a href=\"https:\/\/ultering.com\/it4us\/?p=6166\">Angular From Scratch Tutorial &#8211; Step 2: Components<\/a><\/p>\n<p>&nbsp;<\/p>\n<!--CusAds0-->\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>Angular From Scratch Tutorial &#8211; Index NEXT: Angular From Scratch Tutorial &#8211; Step 2: Components Note The purpose of this page in this tutorial series is to provide a very fast approach that is useful for revisions when you have already dealt with Angular, but after an absense of using it, it turns necessary to &#8230; <a href=\"https:\/\/ultering.com\/it4us\/?p=6152\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &#8220;Angular From Scratch Tutorial &#8211; Step 1&#8221;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[192,26],"tags":[],"class_list":["post-6152","post","type-post","status-publish","format-standard","hentry","category-angular","category-javascript"],"_links":{"self":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/6152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6152"}],"version-history":[{"count":6,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/6152\/revisions"}],"predecessor-version":[{"id":7320,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/6152\/revisions\/7320"}],"wp:attachment":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6152"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}