The latest articles on DEV Community by Michael David (@michaeldavid). https://dev.to/michaeldavid https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F414026%2Fb7666241-78de-4d2d-a33d-5c009b7718ec.jpg https://dev.to/michaeldavid en Michael David Mon, 13 Jul 2020 04:37:48 +0000 https://dev.to/michaeldavid/aplicaciones-moviles-con-angular-5c6l https://dev.to/michaeldavid/aplicaciones-moviles-con-angular-5c6l <p>Existen frameworks que son excelentes alternativas si queremos utilizar nuestros conocimientos en Angular para crear aplicaciones móviles.</p> <h2> Ionic </h2> <p>Este framework fue lanzado en 2013 y en ese entonces se usaba con AngularJS, en el 2016 tuvo una gran actualización adaptándose a Angular y Typescript.</p> <p>Nos permite crear aplicaciones híbridas y PWAs, tiene a disposición una gran variedad de componentes que se adaptan según el sistema operativo en el que desplegaremos la aplicación.</p> <p>Fue mejorando mucho a lo largo de los años y las aplicaciones híbridas creadas tienen un gran rendimiento.</p> <p>Con el paso de los años agregaron soporte a otros frameworks/librerías, ahora también podemos usarlo con React o Vue (Beta).</p> <p><a href="https://ionicframework.com/docs">Documentación</a></p> <h2> Onsen UI </h2> <p>Al igual que Ionic, este framework nos ayuda en la creación de aplicaciones móviles híbridas y PWAs.</p> <p>Ofrece varios componentes UI que adaptan su estilo según el sistema operativo para el cual se despliegue la aplicación.</p> <p>Este framework no solo se limita a Angular, está disponible también para React y Vue.</p> <p><a href="https://onsen.io/angular2/">Documentación</a></p> <h2> NativeScript </h2> <p>A diferencia de las dos alternativas anteriores, este framework si permite crear aplicaciones móviles nativas.</p> <p>Fue lanzado en 2015 y ganó mucha popularidad con el paso de los años. </p> <p>Facilita el acceso a APIs nativas a través de plugins.</p> <p>También se puede usar con Vue, TypeScript o JavaScript.</p> <p><a href="https://docs.nativescript.org/">Documentación</a></p> angular mobile Michael David Mon, 06 Jul 2020 01:05:23 +0000 https://dev.to/michaeldavid/componentes-ui-para-angular-3gcc https://dev.to/michaeldavid/componentes-ui-para-angular-3gcc <p>A veces queremos desarrollar un prototipo para probar alguna idea y necesitamos enfocarnos en la funcionalidad, o simplemente queremos tener una aplicación que se vea estética sin invertir mucho tiempo en el diseño.</p> <p>Estas librerías nos ofrecen componentes ya probados, documentados y listos para ser usados en nuestros proyectos Angular.</p> <h2> PrimeNG </h2> <p>Cuenta con una gran cantidad de componentes (80+), además tiene 8 temas integrados.</p> <p>Es utilizada por grandes marcas como Fox, eBay y Nvidia.</p> <p>Toda está suite de componentes también está disponibles para React, Vue y Java.</p> <p><a href="https://primefaces.org/primeng/">Sitio Web</a> | <a href="https://github.com/primefaces/primeng">Github</a></p> <h2> Nebular </h2> <p>Desarrollado por la empresa Akveo (creadores tambien de UI Kitten, componentes para React Native). Cuenta con 35+ componentes y 4 temas.</p> <p>Está basado en Eva Design, un sistema de diseño creado también por Akveo.</p> <p><a href="https://akveo.github.io/nebular/">Sitio Web</a> | <a href="https://github.com/akveo/nebular">Github</a></p> <h2> NG Bootstrap </h2> <p>Nos ofrece los componentes de Bootstrap adaptados para Angular, así que si nos gusta usar Bootstrap en nuestros proyectos, está librería es una muy buena opción.</p> <p><a href="https://ng-bootstrap.github.io/">Sitio Web</a> | <a href="https://github.com/ng-bootstrap/ng-bootstrap">Github</a></p> <p>Existe otra alternativa también basada en Bootstrap llamada <a href="https://valor-software.com/ngx-bootstrap/">NGX Bootstrap</a>.</p> <h2> NG-Zorro </h2> <p>Es el favorito de muchos. Fue desarrollado siguiendo las especificaciones de Ant Desgin.</p> <p>Es usado por grandes empresas, una de ellas es Alibaba.</p> <p><a href="https://ng.ant.design/docs/introduce/en">Sitio Web</a> | <a href="https://github.com/NG-ZORRO/ng-zorro-antd">Github</a></p> <h2> Angular Material </h2> <p>Es el oficial de Angular y como su nombre lo dice está basado en Material Design.</p> <p>Tiene varios componentes y viene con 4 temas predeterminados.</p> <p>Es el más utilizado, sin embargo, si queremos que nuestro proyecto no luzca con las especificaciones de Material Design, podemos utilizar las librerías anteriores.</p> <p><a href="https://material.angular.io/">Sitio Web</a> | <a href="https://github.com/angular/components">Github</a></p> angular frontend