{"id":1726,"date":"2023-11-07T05:00:00","date_gmt":"2023-11-07T13:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=1726"},"modified":"2023-11-06T14:40:07","modified_gmt":"2023-11-06T22:40:07","slug":"the-angular-renaissance-is-on","status":"publish","type":"post","link":"http:\/\/www.angulartraining.com\/daily-newsletter\/the-angular-renaissance-is-on\/","title":{"rendered":"The Angular renaissance is on!"},"content":{"rendered":"\n<p>With a <a href=\"https:\/\/www.youtube.com\/watch?v=mVjYG9TSN88\" target=\"_blank\" rel=\"noopener\" title=\"\">new logo<\/a> and a <a href=\"https:\/\/angular.dev\/\" target=\"_blank\" rel=\"noopener\" title=\"\">new website<\/a> released just before a new version (v17 will be released on Wednesday, November 8th), Angular is more than ever in the middle of a remarkable transformation:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"967\" height=\"270\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-6.png\" alt=\"\" class=\"wp-image-1727\" style=\"aspect-ratio:3.5814814814814815;width:534px;height:auto\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-6.png 967w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-6-300x84.png 300w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-6-768x214.png 768w\" sizes=\"auto, (max-width: 967px) 100vw, 967px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>There is a lot to unpack from yesterday&#8217;s live event (you can <a href=\"https:\/\/www.youtube.com\/watch?v=Wq6GpTZ7AX0\" target=\"_blank\" rel=\"noopener\" title=\"\">watch a recording here<\/a>), and I will cover all these updates over the next few days, starting today with the new home for Angular: <a href=\"https:\/\/angular.dev\/\" target=\"_blank\" rel=\"noopener\" title=\"\">angular.dev<\/a><\/p>\n\n\n\n<p>The website is a complete rewrite of all contents and tutorials from the Angular team and will replace angular.io soon. I have played around with it a little bit, and I find the site to be incredibly fast, especially the new search feature accessible from the left menu and the <code>ctrl + K<\/code> command:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"826\" height=\"463\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-7.png\" alt=\"\" class=\"wp-image-1728\" style=\"aspect-ratio:1.7840172786177106;width:558px;height:auto\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-7.png 826w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-7-300x168.png 300w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-7-768x430.png 768w\" sizes=\"auto, (max-width: 826px) 100vw, 826px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>The content is also straightforward and easier to navigate than angular.io. It&#8217;s an absolute pleasure looking for information and finding it almost instantly with lots of examples and great info:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"893\" height=\"494\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-8.png\" alt=\"\" class=\"wp-image-1729\" style=\"aspect-ratio:1.8076923076923077;width:656px;height:auto\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-8.png 893w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-8-300x166.png 300w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-8-768x425.png 768w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>There&#8217;s also a <a href=\"https:\/\/angular.dev\/playground\" target=\"_blank\" rel=\"noopener\" title=\"\">new playground<\/a> with different examples to play with. You can edit the code on the website and see the result live, just like with Stackblitz: <\/p>\n\n\n\n<p><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"993\" height=\"523\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-9.png\" alt=\"\" class=\"wp-image-1730\" style=\"aspect-ratio:1.898661567877629;width:627px;height:auto\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-9.png 993w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-9-300x158.png 300w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-9-768x404.png 768w\" sizes=\"auto, (max-width: 993px) 100vw, 993px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Tomorrow, I&#8217;ll start getting into the main updates of v17, and there&#8217;s a lot to unpack there as well! In the meantime, I already got the new logo on my laptop:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"771\" src=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/PXL_20231106_181758539-2-1024x771.jpg\" alt=\"\" class=\"wp-image-1734\" style=\"aspect-ratio:1.328125;width:511px;height:auto\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/PXL_20231106_181758539-2-1024x771.jpg 1024w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/PXL_20231106_181758539-2-300x226.jpg 300w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/PXL_20231106_181758539-2-768x578.jpg 768w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/PXL_20231106_181758539-2-1536x1157.jpg 1536w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>What do you think about it? Note that the colors are not set in stone, and the actual logo on the website is a gradient that&#8217;s constantly changing colors from a <a href=\"https:\/\/docs.google.com\/presentation\/d\/1DaG9oqxkSRwOrP2E-iNzVCpv2pAq_MVb7N8Uv_sCpk0\/edit#slide=id.g2413b93734a_0_22\" target=\"_blank\" rel=\"noopener\" title=\"\">primary palette outlined here<\/a>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"479\" height=\"665\" src=\"https:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-10.png\" alt=\"\" class=\"wp-image-1738\" srcset=\"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-10.png 479w, http:\/\/www.angulartraining.com\/daily-newsletter\/wp-content\/uploads\/2023\/11\/image-10-216x300.png 216w\" sizes=\"auto, (max-width: 479px) 100vw, 479px\" \/><\/figure>\n<\/div>\n\n\n<p> <\/p>\n\n\n\n<p>More info about the <a href=\"https:\/\/angular.dev\/press-kit#adapt-the-logo-colors-as-your-own\" target=\"_blank\" rel=\"noopener\" title=\"\">new Angular branding can be found here<\/a> with downloadable logo samples.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With a new logo and a new website released just before a new version (v17 will be released on Wednesday, November 8th), Angular is more than ever in the middle of a remarkable transformation: There is a lot to unpack from yesterday&#8217;s live event (you can watch a recording here), and I will cover all [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1726","post","type-post","status-publish","format-standard","hentry","category-angular"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1726","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/comments?post=1726"}],"version-history":[{"count":6,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1726\/revisions"}],"predecessor-version":[{"id":1740,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/posts\/1726\/revisions\/1740"}],"wp:attachment":[{"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/media?parent=1726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/categories?post=1726"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.angulartraining.com\/daily-newsletter\/wp-json\/wp\/v2\/tags?post=1726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}