{"id":2468,"date":"2024-07-11T07:36:27","date_gmt":"2024-07-11T07:36:27","guid":{"rendered":"https:\/\/www.jspanther.com\/blog\/?post_type=web-story&#038;p=2468"},"modified":"2024-07-11T07:36:30","modified_gmt":"2024-07-11T07:36:30","slug":"angular-18-latest-features-and-updates","status":"publish","type":"web-story","link":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/","title":{"rendered":"Angular 18 &#8211; Latest Features and Updates"},"content":{"rendered":"<p><html amp=\"\" lang=\"en\"><head><meta charSet=\"utf-8\"\/><meta name=\"viewport\" content=\"width=device-width,minimum-scale=1,initial-scale=1\"\/><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0.js\"><\/script><script async=\"\" src=\"https:\/\/cdn.ampproject.org\/v0\/amp-story-1.0.js\" custom-element=\"amp-story\"><\/script><link href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Mulish%3Awght%40300%3B700&amp;family=Roboto%3Awght%40400%3B700\" rel=\"stylesheet\"\/>\n<style amp-boilerplate=\"\">body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}<\/style>\n<p><noscript><\/p>\n<style amp-boilerplate=\"\">body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}<\/style>\n<p><\/noscript><\/p>\n<style amp-custom=\"\">\n              h1, h2, h3 { font-weight: normal; }<\/p>\n<p>              amp-story-page {\n                background-color: #131516;\n              }<\/p>\n<p>              amp-story-grid-layer {\n                overflow: visible;\n              }<\/p>\n<p>              @media (max-aspect-ratio: 9 \/ 16)  {\n                @media (min-aspect-ratio: 320 \/ 678) {\n                  amp-story-grid-layer.grid-layer {\n                    margin-top: calc((100% \/ 0.5625 - 100% \/ 0.6666666666666666) \/ 2);\n                  }\n                }\n              }<\/p>\n<p>              @media not all and (min-resolution:.001dpcm) {\n                @media {\n                  p.text-wrapper > span {\n                    font-size: calc(100% - 0.5px);\n                  }\n                }\n              }<\/p>\n<p>              .page-fullbleed-area,\n              .page-background-overlay-area {\n                position: absolute;\n                overflow: hidden;\n                width: 100%;\n                left: 0;\n                height: calc(1.1851851851851851 * 100%);\n                top: calc((1 - 1.1851851851851851) * 100% \/ 2);\n              }<\/p>\n<p>              .element-overlay-area {\n                position: absolute;\n                width: 100%;\n                height: 100%;\n                top: 0;\n                left: 0;\n              }<\/p>\n<p>              .page-safe-area {\n                overflow: visible;\n                position: absolute;\n                top: 0;\n                bottom: 0;\n                left: 0;\n                right: 0;\n                width: 100%;\n                height: calc(0.84375 * 100%);\n                margin: auto 0;\n              }<\/p>\n<p>              .mask {\n                position: absolute;\n                overflow: hidden;\n              }<\/p>\n<p>              .fill {\n                position: absolute;\n                top: 0;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                margin: 0;\n              }<\/p>\n<p>              @media (prefers-reduced-motion: no-preference) {\n                .animation-wrapper {\n                  opacity: var(--initial-opacity);\n                  transform: var(--initial-transform);\n                }\n              }<\/p>\n<p>              amp-story-grid-layer.align-bottom {\n                align-content: end;\n                padding: 0;\n                \/* \n                  AMP CTA Layer will exactly occupy 74px regardless of any device.\n                  To space out captions 74px from the BOTTOM (AMP CTA Layer),\n                  74px from the TOP should also be spaced out and thus: 2 * 74px\n                  will be the desired max-height.\n                *\/\n                max-height: calc(100vh - (2 * 74px));\n              }<\/p>\n<p>              .captions-area {\n                padding: 0 32px 0;\n              }<\/p>\n<p>              amp-story-captions {\n                margin-bottom: 16px;\n                text-align: center;\n              }\n              <\/style>\n<p><meta name=\"web-stories-replace-head-start\"\/><title>Angular 18 &#8211; Latest Features and Updates <\/title><link rel=\"canonical\" href=\"https:\/\/www.jspanther.com\/blog\/?post_type=web-story&amp;p=2468\"\/><meta name=\"web-stories-replace-head-end\"\/><\/head><body data-rsssl=1><amp-story standalone=\"\" publisher=\"Blog\" publisher-logo-src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/05\/JSP-Logo.jpg\" title=\"Angular 18 - Latest Features and Updates \" poster-portrait-src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png\"><amp-story-page id=\"685a549b-28db-43dd-a80d-8631eaba429c\" auto-advance-after=\"5s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#eee\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-7a231af0-0e9a-4198-879c-ba0bce572945\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:2.589%;width:60.67961%;height:27.34628%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.8% 0.8% 0.8% 0.8% \/ 1.183431952662722% 1.183431952662722% 1.183431952662722% 1.183431952662722%\" id=\"el-ad252272-e26a-4c31-b182-5d5fc160091c\">\n<h1 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.4549999999999997% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.566343em;line-height:1.19;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"Angular_18_New_features_UPdates\"><\/span><span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">Angular 18 <\/span><span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\">New features &amp; UPdates&nbsp;<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:34.30421%;width:33.25243%;height:2.75081%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:1.4598540145985401% 1.4598540145985401% 1.4598540145985401% 1.4598540145985401% \/ 11.76470588235294% 11.76470588235294% 11.76470588235294% 11.76470588235294%\" id=\"el-0398ea4e-be1d-40ac-bfb2-7399acfdbb9a\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.7408759124087583% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.226537em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #380e63\">JS PANTHER<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:-44.66019%;top:38.67314%;width:189.56311%;height:68.93204%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-7698454a-e08d-4cfa-b518-e349fb9e2b1d\">\n<div style=\"position:absolute;width:100%;height:122.30047%;left:0%;top:-11.15023%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9.jpg\" alt=\"Angular 9 development\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9.jpg 781w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 85vh, 190vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:72.3301%;top:92.88026%;width:17.47573%;height:10.5178%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-5ec1a14e-ea3c-4849-8e03-cf44c5eaaf23\">\n<div class=\"fill\" style=\"background-color:#fff;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:72.3301%;top:94.33657%;width:57.52427%;height:8.57605%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.8438818565400843% 0.8438818565400843% 0.8438818565400843% 0.8438818565400843% \/ 3.7735849056603774% 3.7735849056603774% 3.7735849056603774% 3.7735849056603774%\" id=\"el-fbf4cd3d-d203-4163-9ca6-85c1f4209c1c\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.26700949367088606% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.728155em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"18\"><\/span><span><span style=\"font-weight: 700\">18<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"19bb36d6-a1b9-4050-b25b-4e3448aa5238\" auto-advance-after=\"5s\"><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cdccf3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-0c741193-4a83-48ee-a3e4-53fa52959455\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.2233%;width:100%;height:65.21036%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-db6c1d8d-edce-44ec-9104-4d7f7d85270e\">\n<div style=\"position:absolute;width:146.84059%;height:100%;left:-23.4203%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8.jpg\" alt=\"Top-Features-Of-Angular-8\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8.jpg 626w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:62.29773%;width:76.69903%;height:5.01618%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 6.451612903225806% 6.451612903225806% 6.451612903225806% 6.451612903225806%\" id=\"el-ebe2c6c7-5673-4422-991a-e280bf2c1911\">\n<h3 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.5506329113924046% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.388350em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"Angular_18_Latest_Release\"><\/span><span><span style=\"font-weight: 700; color: #380e63\">Angular 18&nbsp;Latest Release&nbsp;<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:68.93204%;width:76.69903%;height:16.01942%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 2.0202020202020203% 2.0202020202020203% 2.0202020202020203% 2.0202020202020203%\" id=\"el-09d4225a-4f54-40cd-86e0-6f52fcd2d1b1\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4129746835443043% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Angular 18&#8217;s latest release introduces features designed to enhance performance, scalability, and deliver richer user experiences.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:86.24595%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-08094aec-703d-4a5a-8e70-8bf0fc2425f5\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:57.03883%;top:12.45955%;width:11.16505%;height:8.89968%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-2c72caf5-581c-43bc-ae68-e5c76517da56\">\n<div class=\"fill\" style=\"background-color:#fff;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:54.85437%;top:12.45955%;width:45.14563%;height:6.79612%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:1.0752688172043012% 1.0752688172043012% 1.0752688172043012% 1.0752688172043012% \/ 4.761904761904762% 4.761904761904762% 4.761904761904762% 4.761904761904762%\" id=\"el-5b75e69e-9c15-403d-abed-57c13d37405f\">\n<h1 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.17540322580645062% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.582524em;line-height:1.19;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"18-2\"><\/span><span><span style=\"font-weight: 700; color: #a31112\">18<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"d3d1cfdd-f4bb-4f74-8130-becc36a103c9\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-0931360f-58ed-4e85-a88c-e7e7479a80cd\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a9d0fce9-b094-4100-a73a-dfbc7e8704a2\",\"keyframes\":{\"transform\":[\"translate3d(0px, -82.27732%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cdccf3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-47c5c9e8-62a4-4d5d-82e5-cd8d31d85e22\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:-4.85437%;top:-23.13916%;width:260.43689%;height:78.31715%;opacity:1\">\n<div id=\"anim-0931360f-58ed-4e85-a88c-e7e7479a80cd\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-a9d0fce9-b094-4100-a73a-dfbc7e8704a2\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -82.27732%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e37ccb07-36b3-4feb-a64b-7f90cc5d25d6\">\n<div style=\"position:absolute;width:100%;height:147.91161%;left:0%;top:-23.95581%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-scaled.jpg\" alt=\"JS Panthar Blog Image - How to secure the Angular app\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-scaled.jpg 2560w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-2048x1366.jpg 2048w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1536x1025.jpg 1536w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1024x683.jpg 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 117vh, 260vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:61.32686%;width:77.18447%;height:24.91909%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.628930817610063% 0.628930817610063% 0.628930817610063% 0.628930817610063% \/ 1.2987012987012987% 1.2987012987012987% 1.2987012987012987% 1.2987012987012987%\" id=\"el-75ddef40-8b20-49de-8b27-d31aca22972f\">\n<h1 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.8663522012578614% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.614887em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"CHECK_OUT_THE_LATEST_FEATURES\"><\/span><span><span style=\"font-weight: 700; color: #380e63\">CHECK OUT THE LATEST FEATURES&nbsp;<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h1>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:86.24595%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-8899fc93-f98b-4619-bcc8-7eb877809d89\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"b0a17975-50ed-4942-a231-fac486b74e4c\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-8f177588-47ce-4540-9a5b-295e1100ccd0\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-bb02e5b6-dd25-4f7f-a6e7-79c04bd3a708\",\"keyframes\":{\"transform\":[\"translate3d(0px, -100.05514%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cce0f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-6af2abfd-3e9d-4859-bbb4-7e14f95dc830\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.2233%;width:100%;height:65.21036%;opacity:1\">\n<div id=\"anim-8f177588-47ce-4540-9a5b-295e1100ccd0\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-bb02e5b6-dd25-4f7f-a6e7-79c04bd3a708\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -100.05514%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-051a386b-30bb-4db3-bf9e-40830e1000fb\">\n<div style=\"position:absolute;width:167.60896%;height:100%;left:-2.97114%;top:0%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-scaled.webp\" alt=\"Angular-eCommerce-for-Web-App-Development\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-scaled.webp 2560w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-2048x1195.webp 2048w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-1536x896.webp 1536w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-1024x598.webp 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-768x448.webp 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-300x175.webp 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-48x28.webp 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-36x21.webp 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-24x14.webp 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:62.45955%;width:103.39806%;height:4.36893%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.4694835680751174% 0.4694835680751174% 0.4694835680751174% 0.4694835680751174% \/ 7.4074074074074066% 7.4074074074074066% 7.4074074074074066% 7.4074074074074066%\" id=\"el-5968e701-5359-4a87-b8a7-3f4ef4d25705\">\n<h3 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.3573943661971833% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.339806em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"1_Zoneless_Change_Detection\"><\/span><span><span style=\"font-weight: 700; color: #380e63\">1. Zoneless Change Detection<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:68.93204%;width:76.69903%;height:19.90291%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 1.6260162601626018% 1.6260162601626018% 1.6260162601626018% 1.6260162601626018%\" id=\"el-386d793e-6748-430a-a247-06a0b85cd84a\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4129746835443043% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Zoneless change detection provides a more lightweight and efficient method, which can potentially enhance the performance of your applications.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:89.4822%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-44042c3d-5fb1-45e4-b661-bde8c7da0511\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"49185b31-2f96-4f39-a19d-c52a21af69d6\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c50d9d87-7e8e-4d06-a533-ac186151dd3a\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-04855a4f-52fa-4ef0-a325-212308c6b8f6\",\"keyframes\":{\"transform\":[\"translate3d(0px, -100.05514%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cce0f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-0e7d1835-4bfb-48c2-a7df-6ef9e0197f7a\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.2233%;width:100%;height:65.21036%;opacity:1\">\n<div id=\"anim-c50d9d87-7e8e-4d06-a533-ac186151dd3a\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-04855a4f-52fa-4ef0-a325-212308c6b8f6\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -100.05514%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f5a9021d-e90d-43f6-b24d-4dc99e41fc2a\">\n<div style=\"position:absolute;width:277.09058%;height:189%;left:-147.48605%;top:-40.65192%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-scaled.jpg\" alt=\"JS Panthar Blog Image - TypeScript vs JavaScript - Which is better for your project\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-scaled.jpg 2560w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-2048x1366.jpg 2048w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1536x1025.jpg 1536w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1024x683.jpg 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:62.45955%;width:103.39806%;height:4.20712%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.4694835680751174% 0.4694835680751174% 0.4694835680751174% 0.4694835680751174% \/ 7.6923076923076925% 7.6923076923076925% 7.6923076923076925% 7.6923076923076925%\" id=\"el-1dc08225-68a2-4b2e-9a48-c3202b523d01\">\n<h3 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.3573943661971833% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.339806em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"2_TypeScript_54_Support\"><\/span><span><span style=\"font-weight: 700; color: #380e63\">2. TypeScript 5.4 Support<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:68.93204%;width:76.69903%;height:7.60518%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 4.25531914893617% 4.25531914893617% 4.25531914893617% 4.25531914893617%\" id=\"el-9232728d-d7d2-4332-88f3-d4e34a3204fb\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4129746835443043% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Angular 18 now &nbsp;supports TypeScript 5.4 features&nbsp;<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:89.4822%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-9270f86f-9a2e-4fab-934d-d362b3b2cd9b\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"466ecec4-ee72-464e-a0e4-8b2ef853fa1c\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-aba28172-34af-4bd2-8735-c2f899297b7d\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-469db27d-64f1-45be-837d-5bd6e5f94df1\",\"keyframes\":{\"transform\":[\"translate3d(0px, -99.80701%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cce0f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-9831e626-b1f5-47f5-b0b9-3b7107fa924e\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.38511%;width:100%;height:65.21036%;opacity:1\">\n<div id=\"anim-aba28172-34af-4bd2-8735-c2f899297b7d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-469db27d-64f1-45be-837d-5bd6e5f94df1\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -99.80701%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e4fe5689-a9e3-47a5-b86c-85d94269b202\">\n<div style=\"position:absolute;width:176.20871%;height:120%;left:-66.31306%;top:-10.10422%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR.jpg\" alt=\"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR.jpg 626w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.53398%;top:60.35599%;width:76.69903%;height:8.89968%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6329113924050633% 0.6329113924050633% 0.6329113924050633% 0.6329113924050633% \/ 3.6363636363636362% 3.6363636363636362% 3.6363636363636362% 3.6363636363636362%\" id=\"el-6f388fa5-c8d3-44b7-970f-58ce77d103ec\">\n<h3 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4818037974683547% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.339806em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"3_Better_Internationalization_i18n_Support\"><\/span><span><span style=\"font-weight: 700; color: #380e63\">3. Better Internationalization (i18n) Support<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.53398%;top:72.16828%;width:69.66019%;height:19.90291%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6968641114982579% 0.6968641114982579% 0.6968641114982579% 0.6968641114982579% \/ 1.6260162601626018% 1.6260162601626018% 1.6260162601626018% 1.6260162601626018%\" id=\"el-e3b59c00-416d-4cb0-a7f6-22d09e2bee67\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4547038327526138% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Angular 18 introduces internationalization support and simplifies localization for applications, benefiting developers targeting a global audience.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:94.33657%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-e7ee0516-34c7-449b-a64c-676b31881ab4\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"d9294bce-f320-4f9a-a16a-4ce0ae7d46ae\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-a023b297-bb73-405b-9e7d-dc84e6963011\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-f6875570-32e3-4481-9071-181945003d4a\",\"keyframes\":{\"transform\":[\"translate3d(0px, -99.80701%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cce0f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-57f3e46b-4b88-4d5c-aa00-57a7fde912c7\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.38511%;width:100%;height:65.21036%;opacity:1\">\n<div id=\"anim-a023b297-bb73-405b-9e7d-dc84e6963011\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-f6875570-32e3-4481-9071-181945003d4a\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -99.80701%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-2d1b3e9c-651b-4cc4-bb62-ebeeea6ac912\">\n<div style=\"position:absolute;width:211.14247%;height:144%;left:-10%;top:-23.14739%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1.jpg\" alt=\"JS Panthar Blog Image - Angular v15 Technical Guide to the Newest Features (1)\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1.jpg 2277w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-2048x1366.jpg 2048w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1536x1025.jpg 1536w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1024x683.jpg 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.04854%;top:60.35599%;width:77.18447%;height:4.04531%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.628930817610063% 0.628930817610063% 0.628930817610063% 0.628930817610063% \/ 8% 8% 8% 8%\" id=\"el-b27b44a3-ca07-418e-ba8b-51b429f904f0\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.45597484276729594% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #380e63\">4. <\/span><span style=\"font-weight: 700; color: #380e63\">Angular Material and CDK<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.53398%;top:68.93204%;width:69.66019%;height:16.01942%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6968641114982579% 0.6968641114982579% 0.6968641114982579% 0.6968641114982579% \/ 2.0202020202020203% 2.0202020202020203% 2.0202020202020203% 2.0202020202020203%\" id=\"el-1fd54bff-6772-4cb0-82bc-da4b4155ff8a\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4547038327526138% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Angular Material and CDK components are now fully compatible and optimized for use with Angular 18.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:92.71845%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-18824e98-79f0-459f-a761-4b861c77ce96\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"36e9f0a4-47dd-40c3-b4b2-6d8dc66c3d5f\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-ed5b68ac-f0fe-4056-8f0b-a7bee9c62898\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-3db73c95-fe4c-4754-bcd4-0d4ce31cc057\",\"keyframes\":{\"transform\":[\"translate3d(0px, -99.80701%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#cce0f3\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-ff6f70e4-121a-4ac2-a476-d14962811651\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.38511%;width:100%;height:65.21036%;opacity:1\">\n<div id=\"anim-ed5b68ac-f0fe-4056-8f0b-a7bee9c62898\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-3db73c95-fe4c-4754-bcd4-0d4ce31cc057\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -99.80701%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-f40cfe41-e5ab-43cd-8652-09b395cba2e7\">\n<div style=\"position:absolute;width:176.06797%;height:120%;left:-66.22016%;top:-10.10422%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820.jpg\" alt=\"Server-Side Rendering\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820.jpg 1080w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-1024x683.jpg 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-150x100.jpg 150w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.04854%;top:58.09061%;width:77.18447%;height:8.73786%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.628930817610063% 0.628930817610063% 0.628930817610063% 0.628930817610063% \/ 3.7037037037037033% 3.7037037037037033% 3.7037037037037033% 3.7037037037037033%\" id=\"el-0e126d9e-1828-4608-ab03-cfb2ab308913\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.45597484276729594% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.323625em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #380e63\">5. Server-Side Rendering Enhancements<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:15.04854%;top:67.79935%;width:69.66019%;height:19.90291%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6968641114982579% 0.6968641114982579% 0.6968641114982579% 0.6968641114982579% \/ 1.6260162601626018% 1.6260162601626018% 1.6260162601626018% 1.6260162601626018%\" id=\"el-32854843-5d18-4716-b7bb-d5762b1855ba\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.4547038327526138% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 300; color: #380e63\">Angular 18 introduces improvements to SSR, which ensures a smoother user experience particularly on slow networks.<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:11.65049%;top:92.71845%;width:77.18447%;height:0.16181%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-5aa8b819-b9ad-454e-9219-5ce532aa6eff\">\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:67.96117%;top:105.01618%;width:55.33981%;height:2.42718%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.8771929824561403% 0.8771929824561403% 0.8771929824561403% 0.8771929824561403% \/ 13.333333333333334% 13.333333333333334% 13.333333333333334% 13.333333333333334%\" id=\"el-a6bd6556-790d-4bdb-832c-e83fd7410778\">\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.05167214912280677% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.210356em;line-height:1.19;text-align:left;padding:0;color:#000000\"><span><span style=\"color: #f3e5cc\">Image Credit &#8211; Pexels&nbsp;<\/span><\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><amp-story-page id=\"99061b91-2b6c-4ecb-9e72-4c5dcb1bfe2c\" auto-advance-after=\"5s\"><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-b63646f6-15a9-4784-b9d8-20650fb17a2d\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-ac272b42-e1b3-4928-91b2-4536dc7b6bff\",\"keyframes\":{\"transform\":[\"translate3d(0px, -95.98766%, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":1200,\"easing\":\"cubic-bezier(0.2, 0.6, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-ef294fc0-4ba2-4d3c-b983-bb9b14770e9d\",\"keyframes\":{\"transform\":[\"translate3d(113.62229%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-e6a4e369-181d-4d28-9f7b-b11bccca444c\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-50ce12a8-65c9-41c0-9e71-52a2418aa9bd\",\"keyframes\":{\"transform\":[\"scale(0.15)\",\"scale(1)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-44e29c1f-b0f1-44d6-a3ea-7e9c2460621b\",\"keyframes\":{\"transform\":[\"translate3d(227.95031%, 0px, 0)\",\"translate3d(0px, 0px, 0)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-c19e3a01-db73-4a7a-ba7d-04ea60e34a45\",\"keyframes\":{\"opacity\":[0,1]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"both\"}]<\/script><\/amp-story-animation><amp-story-animation layout=\"nodisplay\" trigger=\"visibility\"><script type=\"application\/json\">[{\"selector\":\"#anim-72ce9b2c-5497-42c1-b674-ac58e0f1a6ba\",\"keyframes\":{\"transform\":[\"scale(0.15)\",\"scale(1)\"]},\"delay\":0,\"duration\":600,\"easing\":\"cubic-bezier(0.4, 0.4, 0.0, 1)\",\"fill\":\"forwards\"}]<\/script><\/amp-story-animation><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\" style=\"background-color:#f3cce5\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-9.25926%;width:100%;height:118.51852%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-eeeaf33f-4e6a-4355-b4e9-15e1646446e8\">\n<div class=\"fill\" style=\"will-change:transform\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><amp-story-grid-layer template=\"vertical\" aspect-ratio=\"412:618\" class=\"grid-layer\"><\/p>\n<div class=\"page-fullbleed-area\">\n<div class=\"page-safe-area\">\n<div style=\"position:absolute;pointer-events:none;left:0;top:-12.29773%;width:100%;height:75.72816%;opacity:1\">\n<div id=\"anim-b63646f6-15a9-4784-b9d8-20650fb17a2d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-ac272b42-e1b3-4928-91b2-4536dc7b6bff\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(0px, -95.98766%, 0)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-ae61164f-32c0-4a5a-b3c9-8970c9f3a66f\">\n<div style=\"position:absolute;width:214.52174%;height:126%;left:-92.26176%;top:-8.9834%\" data-leaf-element=\"true\"><amp-img layout=\"fill\" src=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-scaled.jpg\" alt=\"Migrating from angularjs to angular\" srcSet=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-scaled.jpg 2560w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-2048x1366.jpg 2048w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1536x1025.jpg 1536w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1024x683.jpg 1024w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-768x512.jpg 768w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-300x200.jpg 300w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-48x32.jpg 48w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-36x24.jpg 36w,https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-24x16.jpg 24w\" sizes=\"(min-width: 1024px) 45vh, 100vw\" disable-inline-width=\"true\"><\/amp-img><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:10.92233%;top:75.08091%;width:78.39806%;height:17.79935%;opacity:1\">\n<div id=\"anim-ef294fc0-4ba2-4d3c-b983-bb9b14770e9d\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(113.62229%, 0px, 0)\">\n<div id=\"anim-e6a4e369-181d-4d28-9f7b-b11bccca444c\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-50ce12a8-65c9-41c0-9e71-52a2418aa9bd\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:scale(0.15)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.6191950464396285% 0.6191950464396285% 0.6191950464396285% 0.6191950464396285% \/ 1.8181818181818181% 1.8181818181818181% 1.8181818181818181% 1.8181818181818181%\" id=\"el-5dd7c73b-15ce-4c90-8060-f75345a74fba\">\n<h3 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:0.25541795665634653% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.485437em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"Migrate_from_angularjs_to_angular\"><\/span><span><span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\">Migrate from <\/span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">angularjs<\/span><span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\"> to <\/span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">angular<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:10.92233%;top:68.93204%;width:39.07767%;height:3.72168%;opacity:1\">\n<div id=\"anim-44e29c1f-b0f1-44d6-a3ea-7e9c2460621b\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:translate3d(227.95031%, 0px, 0)\">\n<div id=\"anim-c19e3a01-db73-4a7a-ba7d-04ea60e34a45\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:0;--initial-transform:none\">\n<div id=\"anim-72ce9b2c-5497-42c1-b674-ac58e0f1a6ba\" class=\"animation-wrapper\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0;--initial-opacity:1;--initial-transform:scale(0.15)\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:1.2422360248447204% 1.2422360248447204% 1.2422360248447204% 1.2422360248447204% \/ 8.695652173913043% 8.695652173913043% 8.695652173913043% 8.695652173913043%\" id=\"el-f6139cf8-c16c-4349-b6e3-ee2318def212\">\n<h2 class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.8105590062111809% 0;font-family:&quot;Mulish&quot;,sans-serif;font-size:0.291262em;line-height:1.4;text-align:left;padding:0;color:#000000\"><span class=\"ez-toc-section\" id=\"Want_to\"><\/span><span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">Want to&nbsp;<\/span><\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:55.09709%;top:92.71845%;width:33.25243%;height:7.28155%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0\" class=\"mask\" id=\"el-31a31bc0-7035-410a-be52-5f1eb732823d\"><a href=\"https:\/\/www.jspanther.com\/blog\/angularjs-to-angular-migration\/\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\"><\/p>\n<div class=\"fill\" style=\"background-color:#380e63;will-change:transform\"><\/div>\n<p><\/a><\/div>\n<\/div>\n<div style=\"position:absolute;pointer-events:none;left:59.70874%;top:94.49838%;width:52.91262%;height:3.55987%;opacity:1\">\n<div style=\"pointer-events:initial;width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:0;border-radius:0.9174311926605505% 0.9174311926605505% 0.9174311926605505% 0.9174311926605505% \/ 9.090909090909092% 9.090909090909092% 9.090909090909092% 9.090909090909092%\" id=\"el-1345a238-2ee4-4db0-b4d9-fb5e891743f8\"><a href=\"https:\/\/www.jspanther.com\/blog\/angularjs-to-angular-migration\/\" target=\"_blank\" rel=\"noreferrer noopener\" style=\"width:100%;height:100%;display:block;position:absolute;top:0;left:0\"><\/p>\n<p class=\"fill text-wrapper\" style=\"white-space:pre-line;overflow-wrap:break-word;word-break:break-word;margin:-0.11611238532110042% 0;font-family:&quot;Roboto&quot;,&quot;Helvetica Neue&quot;,&quot;Helvetica&quot;,sans-serif;font-size:0.291262em;line-height:1.2;text-align:left;padding:0;color:#000000\"><span><span style=\"font-weight: 700; color: #eee\">CLICK HERE<\/span><\/span><\/p>\n<p><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><\/amp-story-grid-layer><\/amp-story-page><\/amp-story><\/body><\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Angular Version 18 is released now. Here are the latest features and updates of Angular 18.<\/p>\n","protected":false},"author":1,"featured_media":2472,"template":"","meta":{"inline_featured_image":false,"web_stories_products":[],"web_stories_publisher_logo":2268,"web_stories_poster":[],"footnotes":""},"web_story_category":[],"web_story_tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Angular 18 - Latest Features and Updates - Blog<\/title>\n<meta name=\"description\" content=\"Angular Version 18 is released now. Here are the latest features and updates of Angular 18.\" \/>\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.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Angular 18 - Latest Features and Updates - Blog\" \/>\n<meta property=\"og:description\" content=\"Angular Version 18 is released now. Here are the latest features and updates of Angular 18.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-11T07:36:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"853\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/\",\"url\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/\",\"name\":\"Angular 18 - Latest Features and Updates - Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jspanther.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png\",\"datePublished\":\"2024-07-11T07:36:27+00:00\",\"dateModified\":\"2024-07-11T07:36:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage\",\"url\":\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png\",\"contentUrl\":\"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png\",\"width\":640,\"height\":853,\"caption\":\"cropped-angular.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jspanther.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Stories\",\"item\":\"https:\/\/www.jspanther.com\/blog\/web-stories\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Angular 18 &#8211; Latest Features and Updates\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/#website\",\"url\":\"https:\/\/www.jspanther.com\/blog\/\",\"name\":\"Blog\",\"description\":\"JS Panther Tech Blogs\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jspanther.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/#\/schema\/person\/f2d27cfcd2a04d610300573ae24fd29a\",\"name\":\"jspadmin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jspanther.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/26484c9f7fc46ac48ed43469b6973647?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/26484c9f7fc46ac48ed43469b6973647?s=96&d=mm&r=g\",\"caption\":\"jspadmin\"},\"url\":\"https:\/\/www.jspanther.com\/blog\/author\/jspadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Angular 18 - Latest Features and Updates - Blog","description":"Angular Version 18 is released now. Here are the latest features and updates of Angular 18.","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.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/","og_locale":"en_US","og_type":"article","og_title":"Angular 18 - Latest Features and Updates - Blog","og_description":"Angular Version 18 is released now. Here are the latest features and updates of Angular 18.","og_url":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/","og_site_name":"Blog","article_modified_time":"2024-07-11T07:36:30+00:00","og_image":[{"width":640,"height":853,"url":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/","url":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/","name":"Angular 18 - Latest Features and Updates - Blog","isPartOf":{"@id":"https:\/\/www.jspanther.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage"},"image":{"@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png","datePublished":"2024-07-11T07:36:27+00:00","dateModified":"2024-07-11T07:36:30+00:00","breadcrumb":{"@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#primaryimage","url":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png","contentUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png","width":640,"height":853,"caption":"cropped-angular.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jspanther.com\/blog\/web-stories\/angular-18-latest-features-and-updates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jspanther.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Stories","item":"https:\/\/www.jspanther.com\/blog\/web-stories\/"},{"@type":"ListItem","position":3,"name":"Angular 18 &#8211; Latest Features and Updates"}]},{"@type":"WebSite","@id":"https:\/\/www.jspanther.com\/blog\/#website","url":"https:\/\/www.jspanther.com\/blog\/","name":"Blog","description":"JS Panther Tech Blogs","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jspanther.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jspanther.com\/blog\/#\/schema\/person\/f2d27cfcd2a04d610300573ae24fd29a","name":"jspadmin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jspanther.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/26484c9f7fc46ac48ed43469b6973647?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/26484c9f7fc46ac48ed43469b6973647?s=96&d=mm&r=g","caption":"jspadmin"},"url":"https:\/\/www.jspanther.com\/blog\/author\/jspadmin\/"}]}},"story_data":{"version":47,"pages":[{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"7a231af0-0e9a-4198-879c-ba0bce572945","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":35,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.189999999999999946709294817992486059665679931640625,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">Angular 18 <\/span><span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\">New features &amp; UPdates&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":16,"width":250,"height":169,"id":"ad252272-e26a-4c31-b182-5d5fc160091c","type":"text","tagName":"h1"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":14,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">JS PANTHER<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":212,"width":137,"height":17,"id":"0398ea4e-be1d-40ac-bfb2-7399acfdbb9a","type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":781,"height":521,"sizes":{"medium":{"file":"Angular-9-300x200.jpg","width":300,"height":200,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-300x200.jpg"},"thumbnail":{"file":"Angular-9-150x150.jpg","width":150,"height":150,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-150x150.jpg"},"medium_large":{"file":"Angular-9-768x512.jpg","width":768,"height":512,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-768x512.jpg"},"menu-24x24":{"file":"Angular-9-24x16.jpg","width":24,"height":16,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-24x16.jpg"},"menu-36x36":{"file":"Angular-9-36x24.jpg","width":36,"height":24,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-36x24.jpg"},"menu-48x48":{"file":"Angular-9-48x32.jpg","width":48,"height":32,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9-48x32.jpg"},"full":{"file":"Angular-9.jpg","width":781,"height":521,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#481e22","blurHash":"U9Hw$E5m00s:00I:0esA.SJ6~C,@*Jju^kw_","creationDate":"2020-03-03T07:07:22","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2020\/03\/Angular-9.jpg","id":349,"alt":"Angular 9 development","local":false,"provider":"local"},"type":"image","x":-184,"y":239,"width":781,"height":426,"mask":{"type":"rectangle","showInLibrary":true,"name":"Rectangle","path":"M 0,0 1,0 1,1 0,1 0,0 Z","ratio":1,"supportsBorder":true},"id":"7698454a-e08d-4cfa-b518-e349fb9e2b1d"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"width":72,"height":65,"type":"shape","x":298,"y":574,"mask":{"type":"rectangle"},"id":"5ec1a14e-ea3c-4849-8e03-cf44c5eaaf23"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":45,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.1999999999999999555910790149937383830547332763671875,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700\">18<\/span>","x":298,"y":583,"width":237,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":53,"id":"fbf4cd3d-d203-4163-9ca6-85c1f4209c1c","marginOffset":1.29374999999999573674358543939888477325439453125}],"animations":[],"backgroundColor":{"color":{"r":238,"g":238,"b":238}},"type":"page","id":"685a549b-28db-43dd-a80d-8631eaba429c","pageTemplateType":"cover"},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"0c741193-4a83-48ee-a3e4-53fa52959455","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":626,"height":417,"sizes":{"thumbnail":{"file":"Top-Features-Of-Angular-8-150x150.jpg","width":150,"height":150,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-150x150.jpg"},"medium":{"file":"Top-Features-Of-Angular-8-300x200.jpg","width":300,"height":200,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-300x200.jpg"},"menu-24x24":{"file":"Top-Features-Of-Angular-8-24x16.jpg","width":24,"height":16,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-24x16.jpg"},"menu-36x36":{"file":"Top-Features-Of-Angular-8-36x24.jpg","width":36,"height":24,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-36x24.jpg"},"menu-48x48":{"file":"Top-Features-Of-Angular-8-48x32.jpg","width":48,"height":32,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8-48x32.jpg"},"full":{"file":"Top-Features-Of-Angular-8.jpg","width":626,"height":417,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#8b1f20","blurHash":"UFH]OdJ,00R*$*oLWBn%00#-?^bbaKS2ozxG","creationDate":"2019-12-03T12:05:41.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/Top-Features-Of-Angular-8.jpg","id":161,"alt":"Top-Features-Of-Angular-8","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-57,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"db6c1d8d-edce-44ec-9104-4d7f7d85270e","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":24,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">Angular 18&nbsp;Latest Release&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":385,"width":316,"height":31,"id":"ebe2c6c7-5673-4422-991a-e280bf2c1911","type":"text","groupId":null},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Angular 18's latest release introduces features designed to enhance performance, scalability, and deliver richer user experiences.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":316,"height":99,"id":"09d4225a-4f54-40cd-86e0-6f52fcd2d1b1","x":48,"y":426,"type":"text","groupId":null},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":533,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"08094aec-703d-4a5a-8e70-8bf0fc2425f5","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":255,"g":255,"b":255}},"width":46,"height":55,"type":"shape","x":235,"y":77,"mask":{"type":"rectangle"},"id":"2c72caf5-581c-43bc-ae68-e5c76517da56"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":36,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.189999999999999946709294817992486059665679931640625,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #a31112\">18<\/span>","x":226,"y":77,"width":186,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":42,"id":"5b75e69e-9c15-403d-abed-57c13d37405f"}],"animations":[],"backgroundColor":{"color":{"r":205,"g":204,"b":243}},"type":"page","id":"19bb36d6-a1b9-4050-b25b-4e3448aa5238","pageTemplateType":"editorial","groups":{"4f8dc467-7f9d-431b-8ae9-84327c18f689":{"name":"Floral","isLocked":false,"isCollapsed":true},"ea1cb809-8164-4a9d-b33c-aad859631cdb":{"name":"Fine","isLocked":false,"isCollapsed":true},"07b4e87d-7d98-4839-b77a-0e8771e923ad":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"47c5c9e8-62a4-4d5d-82e5-cd8d31d85e22","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":50,"focalY":50,"resource":{"type":"image","mimeType":"image\/jpeg","width":2560,"height":1708,"sizes":{"medium":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-300x200.jpg","width":300,"height":200,"filesize":12798,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-300x200.jpg"},"large":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1024x683.jpg","width":1024,"height":683,"filesize":72911,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1024x683.jpg"},"thumbnail":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-150x150.jpg","width":150,"height":150,"filesize":6947,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-150x150.jpg"},"medium_large":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-768x512.jpg","width":768,"height":512,"filesize":48754,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-768x512.jpg"},"1536x1536":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1536x1025.jpg","width":1536,"height":1025,"filesize":129824,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-1536x1025.jpg"},"2048x2048":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-2048x1366.jpg","width":2048,"height":1366,"filesize":191167,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-2048x1366.jpg"},"menu-24x24":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-24x16.jpg","width":24,"height":16,"filesize":871,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-24x16.jpg"},"menu-36x36":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-36x24.jpg","width":36,"height":24,"filesize":1089,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-36x24.jpg"},"menu-48x48":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-48x32.jpg","width":48,"height":32,"filesize":1289,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-48x32.jpg"},"full":{"file":"JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-scaled.jpg","width":2560,"height":1708,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-scaled.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#390a0d","blurHash":"UEBMAPZMR4%%tnRNoHtm9ZNZozaei]XAbcVr","creationDate":"2022-11-16T10:01:48.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-How-to-secure-the-Angular-app-scaled.jpg","id":911,"alt":"JS Panthar Blog Image - How to secure the Angular app","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":-20,"y":-143,"width":1073,"height":484,"mask":{"type":"rectangle"},"id":"e37ccb07-36b3-4feb-a64b-7f90cc5d25d6","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":38,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">CHECK OUT THE LATEST FEATURES&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":379,"width":318,"height":154,"id":"75ddef40-8b20-49de-8b27-d31aca22972f","type":"text","groupId":null,"marginOffset":5.655000000000001136868377216160297393798828125},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":533,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"8899fc93-f98b-4619-bcc8-7eb877809d89","type":"shape"}],"animations":[{"id":"ec8a8b3d-136a-4b65-9df3-4bf939cf27fd","type":"effect-fly-in","targets":["e37ccb07-36b3-4feb-a64b-7f90cc5d25d6"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"backgroundColor":{"color":{"r":205,"g":204,"b":243}},"type":"page","id":"d3d1cfdd-f4bb-4f74-8130-becc36a103c9","pageTemplateType":null,"groups":{"8701c6e5-0348-4da4-949e-203edaf029d0":{"name":"Comb","isLocked":false,"isCollapsed":true},"16de95b7-85b5-44ba-bea7-39fe77f7ff40":{"name":"Towel","isLocked":false,"isCollapsed":true},"3017fbbd-cc27-44e9-86b2-242e36ad0df9":{"name":"Palm","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"6af2abfd-3e9d-4859-bbb4-7e14f95dc830","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":100,"focalX":31.60400499613898972484093974344432353973388671875,"focalY":50.08204218416570796534870169125497341156005859375,"resource":{"type":"image","mimeType":"image\/webp","width":2560,"height":1494,"sizes":{"medium":{"file":"Angular-eCommerce-for-Web-App-Development-300x175.webp","width":300,"height":175,"filesize":10266,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-300x175.webp"},"large":{"file":"Angular-eCommerce-for-Web-App-Development-1024x598.webp","width":1024,"height":598,"filesize":43682,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-1024x598.webp"},"thumbnail":{"file":"Angular-eCommerce-for-Web-App-Development-150x150.webp","width":150,"height":150,"filesize":4984,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-150x150.webp"},"medium_large":{"file":"Angular-eCommerce-for-Web-App-Development-768x448.webp","width":768,"height":448,"filesize":31232,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-768x448.webp"},"1536x1536":{"file":"Angular-eCommerce-for-Web-App-Development-1536x896.webp","width":1536,"height":896,"filesize":68502,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-1536x896.webp"},"2048x2048":{"file":"Angular-eCommerce-for-Web-App-Development-2048x1195.webp","width":2048,"height":1195,"filesize":94978,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-2048x1195.webp"},"menu-24x24":{"file":"Angular-eCommerce-for-Web-App-Development-24x14.webp","width":24,"height":14,"filesize":350,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-24x14.webp"},"menu-36x36":{"file":"Angular-eCommerce-for-Web-App-Development-36x21.webp","width":36,"height":21,"filesize":610,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-36x21.webp"},"menu-48x48":{"file":"Angular-eCommerce-for-Web-App-Development-48x28.webp","width":48,"height":28,"filesize":836,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-48x28.webp"},"full":{"file":"Angular-eCommerce-for-Web-App-Development-scaled.webp","width":2560,"height":1494,"mimeType":"image\/webp","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-scaled.webp"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#c2b8ba","blurHash":"UXKwqcx]M{-;~qayRjxGgNi_MxR*a{njNGR*","creationDate":"2023-03-07T06:43:54.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/03\/Angular-eCommerce-for-Web-App-Development-scaled.webp","id":1041,"alt":"Angular-eCommerce-for-Web-App-Development","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-57,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"051a386b-30bb-4db3-bf9e-40830e1000fb","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":21,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">1. Zoneless Change Detection<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":386,"width":426,"height":27,"id":"5968e701-5359-4a87-b8a7-3f4ef4d25705","type":"text","groupId":null,"marginOffset":3.18999999999999772626324556767940521240234375},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Zoneless change detection provides a more lightweight and efficient method, which can potentially enhance the performance of your applications.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":316,"height":123,"id":"386d793e-6748-430a-a247-06a0b85cd84a","x":48,"y":426,"type":"text","groupId":null},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":553,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"44042c3d-5fb1-45e4-b661-bde8c7da0511","type":"shape"}],"animations":[{"id":"ea0dae5a-2545-44a6-bd87-fe3635882d9b","type":"effect-fly-in","targets":["051a386b-30bb-4db3-bf9e-40830e1000fb"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"backgroundColor":{"color":{"r":204,"g":224,"b":243}},"type":"page","id":"b0a17975-50ed-4942-a231-fac486b74e4c","pageTemplateType":null,"groups":{"f4a089fe-b89d-4d3d-9cc7-5f425bef388d":{"name":"Floral","isLocked":false,"isCollapsed":true},"fa87c9f1-aac8-430d-89e0-7ce96e061470":{"name":"Fine","isLocked":false,"isCollapsed":true},"65b34c51-fad9-4f98-be3f-c2fa3c35655a":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"0e7d1835-4bfb-48c2-a7df-6ef9e0197f7a","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":189,"focalX":71.27129876584939438544097356498241424560546875,"focalY":47.9639798494641382831105147488415241241455078125,"resource":{"type":"image","mimeType":"image\/jpeg","width":2560,"height":1708,"sizes":{"medium":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-300x200.jpg","width":300,"height":200,"filesize":7192,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-300x200.jpg"},"large":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1024x683.jpg","width":1024,"height":683,"filesize":44439,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1024x683.jpg"},"thumbnail":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-150x150.jpg","width":150,"height":150,"filesize":3807,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-150x150.jpg"},"medium_large":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-768x512.jpg","width":768,"height":512,"filesize":29108,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-768x512.jpg"},"1536x1536":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1536x1025.jpg","width":1536,"height":1025,"filesize":80752,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-1536x1025.jpg"},"2048x2048":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-2048x1366.jpg","width":2048,"height":1366,"filesize":124405,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-2048x1366.jpg"},"menu-24x24":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-24x16.jpg","width":24,"height":16,"filesize":835,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-24x16.jpg"},"menu-36x36":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-36x24.jpg","width":36,"height":24,"filesize":902,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-36x24.jpg"},"menu-48x48":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-48x32.jpg","width":48,"height":32,"filesize":1063,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-48x32.jpg"},"full":{"file":"JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-scaled.jpg","width":2560,"height":1708,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-scaled.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#afc9d7","blurHash":"UbNAkX|,oeJFsjayS7a#tQaeWBbckBWVWXfk","creationDate":"2022-12-28T07:40:58.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/12\/JS-Panthar-Blog-Image-TypeScript-vs-JavaScript-Which-is-better-for-your-project-scaled.jpg","id":955,"alt":"JS Panthar Blog Image - TypeScript vs JavaScript - Which is better for your project","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-57,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"f5a9021d-e90d-43f6-b24d-4dc99e41fc2a","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":21,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">2. TypeScript 5.4 Support<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":48,"y":386,"width":426,"height":26,"id":"1dc08225-68a2-4b2e-9a48-c3202b523d01","groupId":null,"marginOffset":3.18999999999999772626324556767940521240234375,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Angular 18 now &nbsp;supports TypeScript 5.4 features&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":316,"height":47,"id":"9232728d-d7d2-4332-88f3-d4e34a3204fb","x":48,"y":426,"groupId":null,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":553,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"9270f86f-9a2e-4fab-934d-d362b3b2cd9b","type":"shape"}],"backgroundColor":{"color":{"r":204,"g":224,"b":243}},"animations":[{"id":"4b405ca4-c9ff-4a99-8638-f8dcb4d8652f","type":"effect-fly-in","targets":["f5a9021d-e90d-43f6-b24d-4dc99e41fc2a"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"type":"page","id":"49185b31-2f96-4f39-a19d-c52a21af69d6","pageTemplateType":null,"groups":{"f4a089fe-b89d-4d3d-9cc7-5f425bef388d":{"name":"Floral","isLocked":false,"isCollapsed":true},"fa87c9f1-aac8-430d-89e0-7ce96e061470":{"name":"Fine","isLocked":false,"isCollapsed":true},"65b34c51-fad9-4f98-be3f-c2fa3c35655a":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"9831e626-b1f5-47f5-b0b9-3b7107fa924e","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":120,"focalX":66.0086882576813565037809894420206546783447265625,"focalY":50.08684714697665185667574405670166015625,"resource":{"type":"image","mimeType":"image\/jpeg","width":626,"height":417,"sizes":{"medium":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-300x200.jpg","width":300,"height":200,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-300x200.jpg"},"thumbnail":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-150x150.jpg","width":150,"height":150,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-150x150.jpg"},"menu-24x24":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-24x16.jpg","width":24,"height":16,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-24x16.jpg"},"menu-36x36":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-36x24.jpg","width":36,"height":24,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-36x24.jpg"},"menu-48x48":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-48x32.jpg","width":48,"height":32,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR-48x32.jpg"},"full":{"file":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR.jpg","width":626,"height":417,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#726a6b","blurHash":"UVFqUl{#+vRPEzO=SgniI:SgWokBxuofWWR*","creationDate":"2019-12-26T08:25:20.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2019\/12\/5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR.jpg","id":229,"alt":"5-REASONS-TO-DEVELOP-YOUR-NEXT-WEB-APP-WITH-ANGULAR","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-58,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"e4fe5689-a9e3-47a5-b86c-85d94269b202","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":21,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">3. Better Internationalization (i18n) Support<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":64,"y":373,"width":316,"height":55,"id":"6f388fa5-c8d3-44b7-970f-58ce77d103ec","groupId":null,"marginOffset":3.18999999999999772626324556767940521240234375,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Angular 18 introduces internationalization support and simplifies localization for applications, benefiting developers targeting a global audience.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":287,"height":123,"id":"e3b59c00-416d-4cb0-a7f6-22d09e2bee67","x":64,"y":446,"groupId":null,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":583,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"e7ee0516-34c7-449b-a64c-676b31881ab4","type":"shape"}],"backgroundColor":{"color":{"r":204,"g":224,"b":243}},"animations":[{"id":"1e3ffd78-8b26-49d1-99f4-0fbf1ce99347","type":"effect-fly-in","targets":["e4fe5689-a9e3-47a5-b86c-85d94269b202"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"type":"page","id":"466ecec4-ee72-464e-a0e4-8b2ef853fa1c","pageTemplateType":null,"groups":{"f4a089fe-b89d-4d3d-9cc7-5f425bef388d":{"name":"Floral","isLocked":false,"isCollapsed":true},"fa87c9f1-aac8-430d-89e0-7ce96e061470":{"name":"Fine","isLocked":false,"isCollapsed":true},"65b34c51-fad9-4f98-be3f-c2fa3c35655a":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"57f3e46b-4b88-4d5c-aa00-57a7fde912c7","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":144,"focalX":28.416832952694136338323005475103855133056640625,"focalY":50.7968002809824241694514057599008083343505859375,"resource":{"type":"image","mimeType":"image\/jpeg","width":2277,"height":1519,"sizes":{"medium":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-300x200.jpg","width":300,"height":200,"filesize":15909,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-300x200.jpg"},"large":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1024x683.jpg","width":1024,"height":683,"filesize":159680,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1024x683.jpg"},"thumbnail":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-150x150.jpg","width":150,"height":150,"filesize":7344,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-150x150.jpg"},"medium_large":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-768x512.jpg","width":768,"height":512,"filesize":90959,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-768x512.jpg"},"1536x1536":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1536x1025.jpg","width":1536,"height":1025,"filesize":350257,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-1536x1025.jpg"},"2048x2048":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-2048x1366.jpg","width":2048,"height":1366,"filesize":592569,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-2048x1366.jpg"},"menu-24x24":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-24x16.jpg","width":24,"height":16,"filesize":851,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-24x16.jpg"},"menu-36x36":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-36x24.jpg","width":36,"height":24,"filesize":1041,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-36x24.jpg"},"menu-48x48":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-48x32.jpg","width":48,"height":32,"filesize":1214,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1-48x32.jpg"},"full":{"file":"JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1.jpg","width":2277,"height":1519,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#0e0814","blurHash":"UFF3Z93VEKq]|_FwSgsAH?Ioxu%MWBWVayof","creationDate":"2022-11-29T06:38:02.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2022\/11\/JS-Panthar-Blog-Image-Angular-v15-Technical-Guide-to-the-Newest-Features-1.jpg","id":921,"alt":"JS Panthar Blog Image - Angular v15 Technical Guide to the Newest Features (1)","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-58,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"2d1b3e9c-651b-4cc4-bb62-ebeeea6ac912","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">4. <\/span><span style=\"font-weight: 700; color: #380e63\">Angular Material and CDK<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":62,"y":373,"width":318,"height":25,"id":"b27b44a3-ca07-418e-ba8b-51b429f904f0","groupId":null,"marginOffset":2.900000000000002131628207280300557613372802734375,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Angular Material and CDK components are now fully compatible and optimized for use with Angular 18.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":287,"height":99,"id":"1fd54bff-6772-4cb0-82bc-da4b4155ff8a","x":64,"y":426,"groupId":null,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":573,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"18824e98-79f0-459f-a761-4b861c77ce96","type":"shape"}],"backgroundColor":{"color":{"r":204,"g":224,"b":243}},"animations":[{"id":"7f579761-54bc-4530-970a-e68f73fc6330","type":"effect-fly-in","targets":["2d1b3e9c-651b-4cc4-bb62-ebeeea6ac912"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"type":"page","id":"d9294bce-f320-4f9a-a16a-4ce0ae7d46ae","pageTemplateType":null,"groups":{"f4a089fe-b89d-4d3d-9cc7-5f425bef388d":{"name":"Floral","isLocked":false,"isCollapsed":true},"fa87c9f1-aac8-430d-89e0-7ce96e061470":{"name":"Fine","isLocked":false,"isCollapsed":true},"65b34c51-fad9-4f98-be3f-c2fa3c35655a":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"ff6f70e4-121a-4ac2-a476-d14962811651","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":120,"focalX":66.0086882576813565037809894420206546783447265625,"focalY":50.08684714697665185667574405670166015625,"resource":{"type":"image","mimeType":"image\/jpeg","width":1080,"height":720,"sizes":{"medium":{"file":"pexels-cookiecutter-1148820-300x200.jpg","width":300,"height":200,"filesize":13933,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-300x200.jpg"},"large":{"file":"pexels-cookiecutter-1148820-1024x683.jpg","width":1024,"height":683,"filesize":80094,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-1024x683.jpg"},"thumbnail":{"file":"pexels-cookiecutter-1148820-150x150.jpg","width":150,"height":150,"filesize":7049,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-150x150.jpg"},"medium_large":{"file":"pexels-cookiecutter-1148820-768x512.jpg","width":768,"height":512,"filesize":52635,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-768x512.jpg"},"menu-24x24":{"file":"pexels-cookiecutter-1148820-24x16.jpg","width":24,"height":16,"filesize":901,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-24x16.jpg"},"menu-36x36":{"file":"pexels-cookiecutter-1148820-36x24.jpg","width":36,"height":24,"filesize":1178,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-36x24.jpg"},"menu-48x48":{"file":"pexels-cookiecutter-1148820-48x32.jpg","width":48,"height":32,"filesize":1406,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-48x32.jpg"},"web-stories-poster-portrait":{"file":"pexels-cookiecutter-1148820-640x720.jpg","width":640,"height":720,"filesize":60942,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-640x720.jpg"},"web-stories-publisher-logo":{"file":"pexels-cookiecutter-1148820-96x96.jpg","width":96,"height":96,"filesize":3719,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-96x96.jpg"},"web-stories-thumbnail":{"file":"pexels-cookiecutter-1148820-150x100.jpg","width":150,"height":100,"filesize":5426,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820-150x100.jpg"},"full":{"file":"pexels-cookiecutter-1148820.jpg","width":1080,"height":720,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#41b3da","blurHash":"UG6Ut{roL~YRpAjFVsk=Q8k;obo~pLVDkCo~","creationDate":1720682188000,"src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/07\/pexels-cookiecutter-1148820.jpg","id":2471,"alt":"Server-Side Rendering","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-58,"width":412,"height":403,"mask":{"type":"rectangle"},"id":"f40cfe41-e5ab-43cd-8652-09b395cba2e7","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":20,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63\">5. Server-Side Rendering Enhancements<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":62,"y":359,"width":318,"height":54,"id":"0e126d9e-1828-4608-ab03-cfb2ab308913","groupId":null,"marginOffset":2.900000000000002131628207280300557613372802734375,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63\">Angular 18 introduces improvements to SSR, which ensures a smoother user experience particularly on slow networks.<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"width":287,"height":123,"id":"32854843-5d18-4716-b7bb-d5762b1855ba","x":62,"y":419,"groupId":null,"type":"text"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"x":48,"y":573,"width":318,"height":1,"mask":{"type":"rectangle"},"id":"5aa8b819-b9ad-454e-9219-5ce532aa6eff","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":13,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.189999999999999946709294817992486059665679931640625,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"color: #f3e5cc\">Image Credit - Pexels&nbsp;<\/span>","x":280,"y":649,"width":228,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":15,"id":"a6bd6556-790d-4bdb-832c-e83fd7410778","marginOffset":0.235624999999998863131622783839702606201171875}],"backgroundColor":{"color":{"r":204,"g":224,"b":243}},"animations":[{"id":"8e322427-77d9-4eaf-ad54-774e4d95dc50","type":"effect-fly-in","targets":["f40cfe41-e5ab-43cd-8652-09b395cba2e7"],"flyInDir":"topToBottom","duration":1200,"delay":0}],"type":"page","id":"36e9f0a4-47dd-40c3-b4b2-6d8dc66c3d5f","pageTemplateType":null,"groups":{"f4a089fe-b89d-4d3d-9cc7-5f425bef388d":{"name":"Floral","isLocked":false,"isCollapsed":true},"fa87c9f1-aac8-430d-89e0-7ce96e061470":{"name":"Fine","isLocked":false,"isCollapsed":true},"65b34c51-fad9-4f98-be3f-c2fa3c35655a":{"name":"Bright","isLocked":false,"isCollapsed":true}}},{"elements":[{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"x":1,"y":1,"width":1,"height":1,"mask":{"type":"rectangle"},"isBackground":true,"isDefaultBackground":true,"id":"eeeaf33f-4e6a-4355-b4e9-15e1646446e8","type":"shape"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"scale":126,"focalX":66.3157778631009620085023925639688968658447265625,"focalY":46.81221909547186754707581712864339351654052734375,"resource":{"type":"image","mimeType":"image\/jpeg","width":2560,"height":1708,"sizes":{"medium":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-300x200.jpg","width":300,"height":200,"filesize":13152,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-300x200.jpg"},"large":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1024x683.jpg","width":1024,"height":683,"filesize":84292,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1024x683.jpg"},"thumbnail":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-150x150.jpg","width":150,"height":150,"filesize":6912,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-150x150.jpg"},"medium_large":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-768x512.jpg","width":768,"height":512,"filesize":55140,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-768x512.jpg"},"1536x1536":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1536x1025.jpg","width":1536,"height":1025,"filesize":149756,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-1536x1025.jpg"},"2048x2048":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-2048x1366.jpg","width":2048,"height":1366,"filesize":219567,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-2048x1366.jpg"},"menu-24x24":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-24x16.jpg","width":24,"height":16,"filesize":889,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-24x16.jpg"},"menu-36x36":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-36x24.jpg","width":36,"height":24,"filesize":1137,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-36x24.jpg"},"menu-48x48":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-48x32.jpg","width":48,"height":32,"filesize":1362,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-48x32.jpg"},"full":{"file":"JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-scaled.jpg","width":2560,"height":1708,"mimeType":"image\/jpeg","sourceUrl":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-scaled.jpg"}},"isPlaceholder":false,"isExternal":false,"needsProxy":false,"baseColor":"#231112","blurHash":"UFEL~e4T00~qxu-;RPt700-;-;R*WBRjt7M{","creationDate":"2023-11-07T07:57:39.000Z","src":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2023\/04\/JS-Panthar-Blog-Image-Migrating-from-Angular-JS-to-Angular-scaled.jpg","id":1913,"alt":"Migrating from angularjs to angular","local":false},"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"x":0,"y":-76,"width":412,"height":468,"mask":{"type":"rectangle"},"id":"ae61164f-32c0-4a5a-b3c9-8970c9f3a66f","type":"image"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":30,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.1999999999999999555910790149937383830547332763671875,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\">Migrate from <\/span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">angularjs<\/span><span style=\"font-weight: 300; color: #380e63; text-transform: uppercase\"> to <\/span><span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">angular<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":45,"y":464,"width":323,"height":110,"id":"5dd7c73b-15ce-4c90-8060-f75345a74fba","type":"text","tagName":"h3"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Mulish"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.399999999999999911182158029987476766109466552734375,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false},"content":"<span style=\"font-weight: 700; color: #380e63; text-transform: uppercase\">Want to&nbsp;<\/span>","borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"x":45,"y":426,"width":161,"height":23,"id":"f6139cf8-c16c-4349-b6e3-ee2318def212","type":"text","tagName":"h2"},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":false,"backgroundColor":{"color":{"r":56,"g":14,"b":99}},"width":137,"height":45,"type":"shape","x":227,"y":573,"mask":{"type":"rectangle"},"id":"31a31bc0-7035-410a-be52-5f1eb732823d","link":{"needsProxy":false,"url":"https:\/\/www.jspanther.com\/blog\/angularjs-to-angular-migration\/","rel":[],"type":"regular","pageId":null,"icon":null,"desc":null}},{"opacity":100,"flip":{"vertical":false,"horizontal":false},"rotationAngle":0,"lockAspectRatio":true,"backgroundTextMode":"NONE","font":{"family":"Roboto"},"fontSize":18,"backgroundColor":{"color":{"r":196,"g":196,"b":196}},"lineHeight":1.1999999999999999555910790149937383830547332763671875,"textAlign":"left","padding":{"locked":true,"hasHiddenPadding":false,"horizontal":0,"vertical":0},"content":"<span style=\"font-weight: 700; color: #eee\">CLICK HERE<\/span>","x":246,"y":584,"width":218,"borderRadius":{"locked":true,"topLeft":2,"topRight":2,"bottomRight":2,"bottomLeft":2},"type":"text","height":22,"id":"1345a238-2ee4-4db0-b4d9-fb5e891743f8","marginOffset":0.506249999999997868371792719699442386627197265625,"link":{"needsProxy":false,"url":"https:\/\/www.jspanther.com\/blog\/angularjs-to-angular-migration\/","rel":[],"type":"regular","pageId":null,"icon":null,"desc":null}}],"animations":[{"id":"e158e7ca-6bf1-4d3d-9f36-b5829fbcd391","type":"effect-fly-in","targets":["ae61164f-32c0-4a5a-b3c9-8970c9f3a66f"],"flyInDir":"topToBottom","duration":1200,"delay":0},{"id":"fe132b62-d7c9-49d3-91b0-5282d07e3476","type":"effect-whoosh-in","whooshInDir":"rightToLeft","duration":600,"delay":0,"targets":["5dd7c73b-15ce-4c90-8060-f75345a74fba"]},{"id":"d6fc8295-ad97-4827-b1ab-ba7a1cdadf17","type":"effect-whoosh-in","whooshInDir":"rightToLeft","duration":600,"delay":0,"targets":["f6139cf8-c16c-4349-b6e3-ee2318def212"]}],"backgroundColor":{"color":{"r":243,"g":204,"b":229}},"type":"page","id":"99061b91-2b6c-4ecb-9e72-4c5dcb1bfe2c","pageTemplateType":null}],"fonts":{"Mulish":{"family":"Mulish","fallbacks":["sans-serif"],"weights":[200,300,400,500,600,700,800,900],"styles":["regular","italic"],"variants":[[0,200],[0,300],[0,400],[0,500],[0,600],[0,700],[0,800],[0,900],[1,200],[1,300],[1,400],[1,500],[1,600],[1,700],[1,800],[1,900]],"service":"fonts.google.com","metrics":{"upm":1000,"asc":1005,"des":-250,"tAsc":1005,"tDes":-250,"tLGap":0,"wAsc":1065,"wDes":297,"xH":500,"capH":705,"yMin":-270,"yMax":1043,"hAsc":1005,"hDes":-250,"lGap":0}},"Roboto":{"family":"Roboto","weights":[100,300,400,500,700,900],"styles":["italic","regular"],"variants":[[0,100],[1,100],[0,300],[1,300],[0,400],[1,400],[0,500],[1,500],[0,700],[1,700],[0,900],[1,900]],"fallbacks":["Helvetica Neue","Helvetica","sans-serif"],"service":"fonts.google.com","metrics":{"upm":2048,"asc":1900,"des":-500,"tAsc":1536,"tDes":-512,"tLGap":102,"wAsc":1946,"wDes":512,"xH":1082,"capH":1456,"yMin":-555,"yMax":2163,"hAsc":1900,"hDes":-500,"lGap":0}}},"autoAdvance":true,"defaultPageDuration":5,"currentStoryStyles":{"colors":[{"color":{"r":56,"g":14,"b":99}},{"color":{"r":243,"g":204,"b":229}},{"color":{"r":205,"g":204,"b":243}},{"color":{"r":204,"g":224,"b":243}},{"color":{"r":204,"g":243,"b":223}},{"color":{"r":243,"g":229,"b":204}}]}},"story_poster":{"id":2472,"url":"https:\/\/www.jspanther.com\/blog\/app\/uploads\/2024\/01\/cropped-angular.png","width":640,"height":853,"needsProxy":false},"_links":{"self":[{"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web-story\/2468"}],"collection":[{"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web-story"}],"about":[{"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/wp\/v2\/types\/web-story"}],"author":[{"embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/users\/1"}],"version-history":[{"count":2,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web-story\/2468\/revisions"}],"predecessor-version":[{"id":2474,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web-story\/2468\/revisions\/2474"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/media\/2472"}],"wp:attachment":[{"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/media?parent=2468"}],"wp:term":[{"taxonomy":"web_story_category","embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web_story_category?post=2468"},{"taxonomy":"web_story_tag","embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web_story_tag?post=2468"}],"wp:lock":[{"embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/web-story\/2468\/lock"}],"wp:publisherlogo":[{"embeddable":true,"href":"https:\/\/www.jspanther.com\/blog\/wp-json\/web-stories\/v1\/media\/2268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}