angular/aio/content/marketing/features.html

<header class="marketing-banner">
  <h1 class="banner-headline no-toc no-anchor">Funcionalidades & Ventajas</h1>
</header>

<article>
  <div class="flex-center">
    <div>
      <div class="feature-section">
        <div class="feature-header">
          <div class="text-headline">Multiplataforma</div>
          <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
        </div>
        <div class="feature-row">

          <div class="feature">
            <div class="feature-title">Aplicaciones Web Progresivas "PWA"</div>
            <p class="text-body">Utiliza las capacidades modernas de la plataforma web para ofrecer experiencias
              similares a las de las aplicaciones.
              Instalación de alto rendimiento, sin conexión y en cero pasos.</p>
          </div>

          <div class="feature">
            <div class="feature-title">Nativo</div>
            <p class="text-body">Crea aplicaciones móviles nativas con estrategias de Cordova, Ionic o NativeScript.</p>
          </div>

          <div class="feature">
            <div class="feature-title">Escritorio</div>
            <p class="text-body">Crea aplicaciones instaladas en el escritorio en Mac, Windows y Linux con los mismos
              métodos Angular que ha aprendido para la web, además de la capacidad de acceder a las API nativas del
              sistema operativo.</p>
          </div>
        </div>
        <hr>
      </div>

      <div class="feature-section">
        <div class="feature-header">
          <div class="text-headline">Velocidad y Rendimiento</div>
          <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
        </div>
        <div class="feature-row">

          <div class="feature">
            <div class="feature-title">Generación de código</div>
            <p class="text-body">Angular convierte sus plantillas en código altamente optimizado para las máquinas
              virtuales JavaScript de hoy en día, lo que le ofrece todas las ventajas del código escrito a mano con la
              productividad de un framework.</p>
          </div>

          <div class="feature">
            <div class="feature-title">Universal</div>
            <p class="text-body">Sirve la primera vista de tu aplicación en Node.js®, .NET, PHP y otros servidores para
              una representación casi instantánea en HTML y CSS. También allana el camino para sitios que optimizan para
              SEO.</p>
          </div>

          <div class="feature">
            <div class="feature-title">División de código</div>
            <p class="text-body">Las aplicaciones de Angular se cargan rápidamente con el nuevo enrutador de
              componentes, que ofrece división automática de código para que los usuarios solo carguen el código
              necesario para representar la vista que solicitan.</p>
          </div>
        </div>
        <hr>
      </div>

      <div class="feature-section">
        <div class="feature-header">
          <div class="text-headline">Productividad</div>
          <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
        </div>
        <div class="feature-row">

          <div class="feature">
            <div class="feature-title">Plantillas</div>
            <p class="text-body">Crea rápidamente vistas de interfaz de usuario con una sintaxis de plantilla sencilla y
              potente.</p>
          </div>

          <div class="feature">
            <div class="feature-title">Angular CLI</div>
            <p class="text-body">Herramienta de linea de comando: empieza a construir rápidamente, agregar componentes
              y pruebas, luego implementar instantáneamente.</p>
          </div>

          <div class="feature">
            <div class="feature-title">IDEs</div>
            <p class="text-body">Obtén la finalización inteligente del código, errores instantáneos y otros comentarios
              en editores e IDE populares.</p>
          </div>
        </div>
        <hr>
      </div>

      <div class="feature-section">
        <div class="feature-header">
          <div class="text-headline">Historia De Desarrollo Completo</div>
          <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
        </div>
        <div class="feature-row">

          <div class="feature">
            <div class="feature-title">Pruebas</div>
            <p class="text-body">Con Karma para pruebas unitarias, puedes saber si has roto las cosas cada vez que
              ahorras. Y Protractor hace que sus pruebas de escenario se ejecuten más rápido y de una manera estable.
            </p>
          </div>

          <div class="feature">
            <div class="feature-title">Animation</div>
            <p class="text-body">Crea coreografías complejas y de alto rendimiento y líneas de tiempo de animación con
              muy poco código a través de la API intuitiva de Angular.</p>
          </div>

          <div class="feature">
            <div class="feature-title">Accesibilidad</div>
            <p class="text-body">Crea aplicaciones accesibles con componentes habilitados para ARIA, guías para
              desarrolladores e infraestructura de prueba a11y integrada.</p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="cta-bar announcement-bar">
    <a class="button" href="start">Introducción</a>
  </div>

</article>