{"id":25500,"date":"2024-04-16T15:40:57","date_gmt":"2024-04-16T13:40:57","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?page_id=25500"},"modified":"2025-05-23T15:43:40","modified_gmt":"2025-05-23T13:43:40","slug":"modern-angular","status":"publish","type":"page","link":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/","title":{"rendered":"Modern Angular"},"content":{"rendered":"  \n<div class=\"hero\">\n  <div class=\"hero-ow\">\n    <div class=\"hero-iw\">\n      <div class=\"hero-image-spacer\">\n                  <div class=\"hero-overlay-image-and-text-wrapper\">\n            <div class=\"hero-overlay-image-and-text\">\n              <div class=\"hero-overlay-image\" style=\"background-image: url(https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/cover-1.png);\"><\/div>\n              <div class=\"hero-overlay-text\" style=\"color: #FFFFFF;\">\n                \n              <\/div>\n            <\/div>\n          <\/div>\n                <div data-responsive-background-image style=\"\" class=\"hero-image\n            image-position-vertical-desktop-center\n            image-position-horizontal-desktop-center\n            image-position-vertical-tablet-center\n            image-position-horizontal-tablet-center\n            image-position-vertical-mobile-center\n            image-position-horizontal-mobile-center\" fetchPriority=\"high\">\n\n          <img decoding=\"async\" alt=\"\" rel=\"preload\" fetchPriority=\"high\" class=\"responsive-background-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-scaled.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-scaled.jpg 2560w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-300x200.jpg 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-1024x683.jpg 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-768x512.jpg 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-1536x1024.jpg 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-2048x1365.jpg 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/02\/shutterstock_523050874-600x400.jpg 600w\">\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-spacer\">\n        <div class=\"hero-box-dummy-top\"><\/div>\n        <div class=\"hero-box-wrapper\" style=\"background-color: #560F35;\">\n          <div class=\"hero-box\">\n                          <div class=\"hero-hashtag\">#ebook<\/div>\n                                      <h1 class=\"hero-heading\">Modern Angular<\/h1>\n                                      <div class=\"hero-body-text\">Lightweight and modern Applications<\/div>\n                                      <a class=\"hero-button-link button-link\" href=\"#download\" target=\"\">\n                Download Area\n              <\/a>\n                      <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"hero-box-dummy-bottom-desktop\" style=\"background-color: #560F35;\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  \n\n  \n\n  \n<div class=\"cta-default cta  has-background has-dark-purple-background-color\"\">\n  <div class=\"cta-default-ow\">\n    <div class=\"cta-default-iw  \">\n      <div class=\"cta-text-content\">\n                \n                                                        \n          \n\n  <h2  class=\"heading cta-heading has-text-color has-full-white-color  &lt;h3&gt;\">Standalone, Improved APIs, Signals, Performance<\/h2>\n        \n                \n                \n              <\/div>\n      \n          <\/div>\n  <\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image alignfull size-large logo-row\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\" alt=\"\" class=\"wp-image-30011\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png 1024w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-300x43.png 300w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-768x109.png 768w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1536x218.png 1536w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-2048x290.png 2048w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-600x85.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n  \n\n\n<div class=\"image-html-content pe\">\n  <div class=\"image-html-content-ow pe-ow\">\n    <div class=\"image-html-content-iw pe-iw   \">\n              <div class=\"image-part \">\n          <img decoding=\"async\" class=\"image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/small_title_page.png\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/small_title_page.png 400w, https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/small_title_page-232x300.png 232w\" alt=\"\" style=\"max-width: px;\"\/>\n        <\/div>\n            <div class=\"html-part\">\n        <p>The so-called Angular Renaissance marks the beginning of a new era in Angular development! Through a renewal from within, your Angular applications will become lighter and more modern in the future.<\/p>\n<p>This free eBook demonstrates, through numerous practical examples across 14 chapters, how you can benefit from the new features. You will learn how to use Standalone Components, the improved APIs for routing, lazy loading, and HTTP access, as well as how to effectively utilize the new Signals concept.<\/p>\n<p>This book shows you everything you need to know to effectively use the new features in Angular:<\/p>\n<p>\u2713 Implementation of Standalone Components, Directives, and Pipes <br \/>\n\u2713 Compatibility with existing code and NgModules <br \/>\n\u2713 Routing, Lazy Loading, DI, and State Management <br \/>\n\u2713 Angular Elements\/Web Components with Standalone Components <br \/>\n\u2713 Modern architectures without NgModules <br \/>\n\u2713 Successful use of Signals <br \/>\n\u2713 The new Built-in Control Flow and @defer <br \/>\n\u2713 Options for automatic migrations <br \/>\n\u2713 esbuild, SSR, and Hydration<\/p>\n<p>&nbsp;<\/p>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n  \n<div class=\"cta-ebooks pe\" style=\"background-color: #f1f1f1; color: #1d1d1b;\">\n  <div class=\"cta-ebooks-lightbox\">\n    <div class=\"cta-ebooks-lightbox-overlay\"><\/div>\n    <div class=\"cta-ebooks-lightbox-wrapper\">\n      <img decoding=\"async\" class=cta-ebooks-lightbox-image src=\"\">\n    <\/div>\n  <\/div>\n  <div class=\"cta-ebooks-ow pe-ow\">\n    <div class=\"cta-ebooks-iw pe-iw \">\n\n                                      \n        \n\n  <h2  class=\"heading cta-heading&lt;h3&gt;\">Excerpts from the eBook<\/h2>\n            <div class=\"cta-ebooks-images\">\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-1.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-1.jpg\" alt=\"\"\/>\n          <\/a>\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-2.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-2.jpg\" alt=\"\"\/>\n          <\/a>\n                  <a class=\"ebook-image-link open-in-lightbox\" >\n            <img decoding=\"async\" class=\"ebook-image\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-3.jpg\" srcset=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/08\/standalone-3.jpg\" alt=\"\"\/>\n          <\/a>\n              <\/div>\n      \n    <\/div>\n  <\/div>\n<\/div>\n\n  \n<div class=\"cta-newsletter\" style=\"background-color: #560F35; color: #FFFFFF;\">\n  <div class=\"cta-newsletter-ow\">\n    <div class=\"cta-newsletter-iw \">\n                                      \n        \n\n  <h2 id=\"download\" class=\"heading cta-heading  \">Download now!<\/h2>\n\n            <div class=\"cta-text\"><div style=\"margin: auto; margin-top:10px\">\r\n<img decoding=\"async\" style=\"max-width:66%; width:300px\" src=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/cover-1.png\">\r\n<\/div>\r\n\r\n<p style=\"font-size:20px; line-height:22px; padding-bottom:0px\">\r\nSubscribe to our newsletter and get this eBook for free! You can unsubscribe at any time.\r\n<\/p>\r\n\r\n<script src=\"\/custom\/subscribe-mc.js\"><\/script>\r\n<div id=\"campaign\" campaign-id=\"32\" campaign-lang=\"en\"><\/div><\/div>\n      <div class=\"cta-form\">\n        <div class=\"cta-form\">\n                      \n                  <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":25,"featured_media":0,"parent":17549,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"class_list":["post-25500","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Free eBook: Modern Angular | ANGULARarchitects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Free eBook: Modern Angular | ANGULARarchitects\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-23T13:43:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/book-en.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/book-en.jpg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/\",\"name\":\"Free eBook: Modern Angular | ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"datePublished\":\"2024-04-16T13:40:57+00:00\",\"dateModified\":\"2025-05-23T13:43:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"eBooks\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/ebooks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Modern Angular\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Free eBook: Modern Angular | ANGULARarchitects","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:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/","og_locale":"en_US","og_type":"article","og_title":"Free eBook: Modern Angular | ANGULARarchitects","og_url":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/","og_site_name":"ANGULARarchitects","article_modified_time":"2025-05-23T13:43:40+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/book-en.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_image":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2024\/04\/book-en.jpg","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/","url":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/","name":"Free eBook: Modern Angular | ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","datePublished":"2024-04-16T13:40:57+00:00","dateModified":"2025-05-23T13:43:40+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/04\/AngularArchitects-Kudennlogos-in-einem-1024x145.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/ebooks\/modern-angular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"eBooks","item":"https:\/\/www.angulararchitects.io\/en\/ebooks\/"},{"@type":"ListItem","position":3,"name":"Modern Angular"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/25500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=25500"}],"version-history":[{"count":5,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/25500\/revisions"}],"predecessor-version":[{"id":30297,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/25500\/revisions\/30297"}],"up":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/pages\/17549"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=25500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}