Announcing Angular.dev

Created on November 12, 2023 at 10:44 am

Angular first ORDINAL launched in 2016 DATE as a way to help developers build modern web applications. Throughout its history, Angular PERSON has made millions CARDINAL of developers successful.

Over the past several releases, we’ve focused on improving performance and developer experience on the modern web. Our momentum includes a revamp of Angular ORG ’s reactivity system, SSR GPE , and dozens CARDINAL of additional features.

Later this week DATE , we will release Angular v17, including deferred views, built-in control flow, view transitions API support, SSR ORG enhancements and more. This renaissance deserves a modern identity that represent the velocity and stability our team is committed to.

Today DATE , we are excited to launch Angular.dev ORG — the future home for Angular developers.

Angular.dev PERSON — the future home for Angular development

New docs… who this?

Angular.dev PERSON will be the new site, domain and home for Angular development. Today DATE ’s launch includes new tutorials, updated documentation and guidance that will help developers build with Angular ORG ’s latest features.

In the coming months DATE , we will continue to collect feedback and improve the site, with a ton of enhancements planned.

Angular.io ORG will continue to be supported as a legacy resource for documentation through v17, and to ensure all old links remain functional. In v18, after collecting feedback and continuing to stabilize the site, we plan to make Angular.dev ORG the official home for all Angular development.

New embedded tutorials

A cornerstone of the new docs is our embedded tutorials, a new way to learn Angular directly in your browser. Written with WebContainers PERSON , our tutorials now offer bite-sized steps with side-by-side running code examples to learn (or come back to 😉 PERSON ) Angular PERSON ’s core concepts.

Introducing Angular.dev/tutorials — a new way to learn Angular concepts directly in your browser.

Today DATE our new tutorials include two CARDINAL ways to get started with Angular:

Angular.dev/tutorials/learn-angular is a quick in-browser way to learn one, or all, of Angular PERSON ’s core concepts

is a quick in-browser way to learn one, or all, of Angular PERSON ’s core concepts Angular.dev/tutorials/first-app teaches you how to go from Hello World ORG ! to your first ORDINAL full Angular using the CLI ORG , including a full video course on our Angular YouTube ORG channel

And you may have noticed, we didn’t stop at Tutorials…

Introducing Angular.dev/playground — a playground for exploring the latest Angular concepts, directly in your browser.

Start with “ Hello World WORK_OF_ART ”, or select one CARDINAL of our templates and explore our newest features, including Control Flow, Signals ORG , and more. We’ve even included a mini-game inspired by v17’s launch — how @Angular ORG are you?

New documentation and a better UX for all levels of developer

Angular.dev ORG teaches modern Angular development from the start.

Some highlights include:

Our team remains committed to stability and backward compatibility, cornerstones of the framework’s reliability. We have updated guides on Keeping up-to-date and NgModules PERSON to ensure Angular.dev ORG is helpful for all teams. In the future, we plan to build update.angular.io into Angular.dev ORG , and continue to improve the documentation to further represent the latest best practices and recommendations.

Open source documentation

Angular.dev ORG is a production app using the same v17 technologies its guides recommend — Standalone ORG APIs, Angular Signals ORG , prerendering, hydration, SSR/SSG ORG , View Transitions in the router, control flow, deferred views, and the new application builder with ESBuild ORG and Vite GPE . We’ve also been using the app to test future Angular solutions like zoneless CARDINAL hydration. Our team believes in the power of open source.

Today DATE , we are open sourcing the site so that developers can learn from and contribute to the repository.

Can I contribute?

✨ Yes please! ✨ We would love your help in improving our new site.

With the launch of a brand new site of this scale, our team expects many bugs and opportunities to improve the site and its documentation. If you’re curious about open source, this is a great project to start.

If you have suggestions, bug reports, or documentation/feature requests, please open an issue on GitHub.

Ready to contribute? Checkout our guidelines for how to get started, or click the pencil icon in the docs PERSON pages to suggest an edit in GitHub directly. Please note this will only be functional once our PR to open source the site is merged.

Next Steps

Our team will continue to work in open source to improve the site for v18. Our primary focus is improving the embedded playground stability, and our new reference infrastructure.

In the future, we will also build additional guides and a robust cookbook of tutorials, taking advantage of our new embedded playground. We also see an opportunity to create tutorials written to help map concepts from other web frameworks to Angular concepts. 😉

Read more about our current priorities in our public roadmap. We’re excited to continue building!

New look, same framework

The domain isn’t the only thing new about Angular.dev ORG

Connecting to blog.lzomedia.com... Connected... Page load complete