Skip to content

translate: translation for introduction/what-is-angular #11

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Aug 13, 2024
Merged

translate: translation for introduction/what-is-angular #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions adev-es/src/app/sub-navigation-data.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,10 +24,10 @@ interface SubNavigationData {

const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
{
label: 'Introduction',
label: 'Introducción',
children: [
{
label: 'What is Angular?',
label: '¿Qué es Angular?',
path: 'overview',
contentPath: 'introduction/what-is-angular',
},
Expand Down
152 changes: 152 additions & 0 deletions adev-es/src/content/introduction/what-is-angular.en.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,152 @@
<docs-decorative-header title="What is Angular?" imgSrc="adev/src/assets/images/what_is_angular.svg"> <!-- markdownlint-disable-line -->
</docs-decorative-header>

<big style="margin-top: 2em">
Angular is a web framework that empowers developers to build fast, reliable applications.
</big>

Maintained by a dedicated team at Google, Angular provides a broad suite of tools, APIs, and
libraries to simplify and streamline your development workflow. Angular gives you
a solid platform on which to build fast, reliable applications that scale with both the size of
your team and the size of your codebase.

**Want to see some code?** Jump over to our [Essentials](essentials) for a quick overview of
what it's like to use Angular, or get started in the [Tutorial](tutorials/learn-angular) if you
prefer following step-by-step instructions.

## Features that power your development

<docs-card-container>
<docs-card title="Keep your codebase organized with an opinionated component model and flexible dependency injection
system" href="guide/components" link="Get started with Components">
Angular components make it easy to split your code into well-encapsulated parts.

The versatile dependency injection helps you keep your code modular, loosely-coupled, and
testable.
</docs-card>
<docs-card title="Get fast state updates with fine-grained reactivity based on Signals" href="guide/signals" link="Explore Angular Signals">
Our fine-grained reactivity model, combined with compile-time optimizations, simplifies development and helps build faster apps by default.

Granularly track how and where state is used throughout an application, giving the framework the power to render fast updates via highly optimized instructions.
</docs-card>
<docs-card title="Meet your performance targets with SSR, SSG, hydration, and next-generation deferred loading" href="guide/ssr" link="Read about SSR">
Angular supports both server-side rendering (SSR) and static site generation (SSG) along
with full DOM hydration. `@defer` blocks in templates make it simple to declaratively divide
your templates into lazy-loadable parts.
</docs-card>
<docs-card title="Guarantee everything works together with Angular's first-party modules for forms, routing, and
more">
[Angular's router](guide/routing) provides a feature-rich navigation toolkit, including support
for route guards, data resolution, lazy-loading, and much more.

[Angular's forms module](guide/forms) provides a standardized system for form participation and validation.
</docs-card>
</docs-card-container>

## Develop applications faster than ever

<docs-card-container>
<docs-card title="Effortlessly build, serve, test, deploy with Angular CLI" href="tools/cli" link="Angular CLI">
Angular CLI gets your project running in under a minute with the commands you need to
grow into a deployed production application.
</docs-card>
<docs-card title="Visually debug, analyze, and optimize your code with the Angular DevTools browser extension" href="tools/devtools" link="Angular DevTools">
Angular DevTools sits alongside your browser's developer tools. It helps debug and analyze your
app, including a component tree inspector, dependency injection tree view,
and custom performance profiling flame chart.
</docs-card>
<docs-card title="Never miss a version with ng update" href="cli/update" link="ng update">
Angular CLI's `ng update` runs automated code transformations that automatically handle routine
breaking changes, dramatically simplifying major version updates. Keeping up with the latest
version keeps your app as fast and secure as possible.
</docs-card>
<docs-card title="Stay productive with IDE integration in your favorite editor" href="tools/language-service" link="Language service">
Angular's IDE language services powers code completion, navigation, refactoring, and real-time
diagnostics in your favorite editor.
</docs-card>
</docs-card-container>

## Ship with confidence

<docs-card-container>
<docs-card title="Verified commit-by-commit against Google's colossal monorepo" href="https://cacm.acm.org/magazines/2016/7/204032-why-google-stores-billions-of-lines-of-code-in-a-single-repository/fulltext" link="Learn about Google's monorepo">
Every Angular commit is checked against _hundreds of thousands_ of tests in Google's internal code
repository, representing countless real-world scenarios.

Angular is committed to stability for some of Google’s largest products, including Google Cloud.
This commitment ensures changes are well-tested, backwards compatible, and include migration tools
whenever possible.
</docs-card>
<docs-card title="Clear support policies and predictable release schedule" href="reference/releases" link="Versioning & releasing">
Angular's predictable, time-based release schedule gives your organization confidence in the
stability and backwards compatibility of the framework. Long Term Support (LTS) windows make sure
you get critical security fixes when you need them. First-party update tools, guides and automated
migration schematics help keep your apps up-to-date with the latest advancements to the framework
and the web platform.
</docs-card>
</docs-card-container>

## Works at any scale

<docs-card-container>
<docs-card title="Reach users everywhere with internationalization support" href="guide/i18n" link="Internationalization">
Angular's internationalization features handle message translations and formatting, including
support for unicode standard ICU syntax.
</docs-card>
<docs-card title="Protect your users with security by default" href="best-practices/security" link="Security">
In collaboration with Google's world-class security engineers, Angular aims to make development
safe by default. Built-in security features, including HTML sanitization and
trusted type support, help protect your users from common vulnerabilities like
cross-site scripting and cross-site request forgery.
</docs-card>
<docs-card title="Keep large teams productive with Vite and esbuild" href="tools/cli/esbuild" link="ESBuild and Vite">
Angular CLI includes a fast, modern build pipeline using Vite and ESBuild. Developers report
building projects with hundreds of thousands of lines of code in less than a minute.
</docs-card>
<docs-card title="Proven in some of Google's largest web apps">
Large Google products build on top of Angular's architecture and help develop new features that
further improve Angular's scalability, from [Google Fonts](https://fonts.google.com/) to [Google Cloud](https://console.cloud.google.com).
</docs-card>
</docs-card-container>

## Open-source first

<docs-card-container>
<docs-card title="Made in the open on GitHub" href="https://github.com/angular/angular" link="Star our GitHub">
Curious what we’re working on? Every PR and commit is available on our GitHub. Run into an issue or bug? We triage GitHub issues regularly to ensure we’re responsive and engaged with our community, and solving the real world problems you’re facing.
</docs-card>
<docs-card title="Built with transparency" href="roadmap" link="Read our public roadmap">
Our team publishes a public roadmap of our current and future work and values your feedback. We publish Request for Comments (RFCs) to collect feedback on larger feature changes and ensure the community voice is heard while shaping the future direction of Angular.
</docs-card>
</docs-card-container>

## A thriving community

<docs-card-container>
<docs-card title="Courses, blogs and resources" href="https://devlibrary.withgoogle.com/products/angular?sort=added" link="Check out DevLibrary">
Our community is composed of talented developers, writers, instructors, podcasters, and more. The Google for Developers library is just a sample of the high quality resources available for new and experienced developers to continue developing.
</docs-card>
<docs-card title="Open Source" href="https://github.com/angular/angular/blob/main/CONTRIBUTING.md" link="Contribute to Angular">
We are thankful for the open source contributors who make Angular a better framework for everyone. From fixing a typo in the docs, to adding major features, we encourage anyone interested to get started on our GitHub.
</docs-card>
<docs-card title="Community partnerships" href="https://developers.google.com/community/experts/directory?specialization=angular" link="Meet the Angular GDEs">
Our team partners with individuals, educators, and enterprises to ensure we consistently are supporting developers. Angular Google Developer Experts (GDEs) represent community leaders around the world educating, organizing, and developing with Angular. Enterprise partnerships help ensure that Angular scales well for technology industry leaders.
</docs-card>
<docs-card title="Partnering with other Google technologies">
Angular partners closely with other Google technologies and teams to improve the web.

Our ongoing partnership with Chrome’s Aurora actively explores improvements to user experience across the web, developing built-in performance optimizations like NgOptimizedImage and improvements to Angular’s Core Web Vitals.

We are also working with [Firebase](https://firebase.google.com/), [Tensorflow](https://www.tensorflow.org/), [Flutter](https://flutter.dev/), [Material Design](https://m3.material.io/), and [Google Cloud](https://cloud.google.com/) to ensure we provide meaningful integrations across the developer workflow.
</docs-card>
</docs-card-container>

<docs-callout title="Join the momentum!">
<docs-pill-row>
<docs-pill href="roadmap" title="Read Angular's roadmap"/>
<docs-pill href="playground" title="Try out our playground"/>
<docs-pill href="tutorials" title="Learn with tutorials"/>
<docs-pill href="https://youtube.com/playlist?list=PL1w1q3fL4pmj9k1FrJ3Pe91EPub2_h4jF" title="Watch our YouTube course"/>
<docs-pill href="api" title="Reference our APIs"/>
</docs-pill-row>
</docs-callout>
Loading
Loading