Página principal » Caja de herramientas » 5 Frameworks de AngularJS para que las aplicaciones se pongan en marcha rápidamente

    5 Frameworks de AngularJS para que las aplicaciones se pongan en marcha rápidamente

    Ahora que está bien versado en lo básico, es hora de comenzar construyendo tu propia aplicación web con AngularJS. AngularJS hizo que la construcción de una aplicación basada en Javascript sea más intuitiva usando lo que se llama directivas, que trabaja mano a mano con sus marcas HTML.

    Si crear una aplicación web desde la base le parece abrumador, no se preocupe. Algunos desarrolladores muy generosos tienen adaptó algunos marcos frontend para soportar AngularJS. Como un marco típico, vienen con componentes web pre-construidos. Esto hace que el uso del marco sea la herramienta perfecta para cualquier persona que necesite tener una aplicación web en funcionamiento..

    Aquí hay 5 marcos que puede usar para iniciar una aplicación basada en web con AngularJS.

    1. AngularUI Bootstrap

    AngularUI Bootstrap, como su nombre lo indica, está construido en la parte superior de uno de los marcos front-end más populares, Bootstrap. Este marco contiene un conjunto de componentes Bootstrap como Carousel, Alert y Collapse junto con algunas adiciones, como Rating y TimePicker..

    Todos estos componentes han sido portados para usar las directivas AngularJS (ng-repetir y controlador ng) y elementos HTML personalizados. Por ejemplo, en lugar de usar un

    Para envolver el carrusel, puedes usar un “significativo” elemento personalizado, y :

          

    Si eres un gran fanático de Bootstrap y también disfrutas de la potencia y el rendimiento que ofrece AngularJS, esta podría ser la elección perfecta de framework..

    2. Fundación angular

    Otro marco popular que también se ha portado para usar AngularJS es Foundation, y simplemente se llama “Base angular”.

    De manera similar, este marco ha modificado los componentes de Foundation para adoptar la directiva de AngularJS y los elementos HTML personalizados, por lo que ahora puede construir su aplicación web utilizando más elementos de HTML de nombre semántico , , y , en lugar de lo ambiguo

    . Aquí hay un ejemplo de cómo agregamos un componente de alerta con el elemento:

     
    alert.msg

    Si te gusta Foundation mejor que Bootstrap, entonces este es el marco a seguir. Descargue Angular Foundation en esta página o manténgase actualizado con el desarrollo del proyecto a través del repositorio de Github.

    3. Marco jónico

    Iónico viene con un puñado de bloques de construcción sólidos que hacen que el desarrollo de aplicaciones móviles sea fácil y rápido. Cada componente del marco Ionic está optimizado para la experiencia móvil, que depende básicamente del tacto y los gestos. Estos componentes de la interfaz de usuario también se componen de elementos HTML personalizados. Al implementar una navegación con pestañas, por ejemplo, usaría el :

          

    Para hacer que su aplicación sea aún más fácil y rápida, puede utilizar Ionic Creator, que le permite crear su aplicación arrastrando y soltando. Entonces, si el rendimiento y la velocidad son importantes para usted, Ionic es el mejor marco para ir con.

    4. UI Angular Móvil

    Interfaz de usuario angular móvil es un marco de interfaz de usuario móvil que es una extensión del marco de Bootstrap, destinado a crear aplicaciones móviles. Utiliza la mayoría de las sintaxis de Bootstrap 3 con algunos componentes móviles específicos agregados, como interruptores, superposiciones, barras laterales y áreas desplazables. Solo depende de AngularJS y puede traer fácilmente su aplicación web actual a la versión móvil agregando el CSS provisto para hacer que su contenido sea sensible y esté habilitado para el toque..

    Descarga este framework aquí

    5. Grid UI

    UI Grid Es la mejor manera de trabajar una grilla o tabla con Angular. Tiene características ricas para mostrar conjuntos de datos simples, y también complejos y grandes en una cuadrícula. UI Grid está diseñado para ejecutar funciones complejas solo cuando es necesario, manteniendo así el núcleo pequeño. Con UI Grid puede enlazar celdas a propiedades / funciones complejas, ejecutar ordenación y filtrado de columnas, editar datos en su lugar y más. Para cambiar los estilos de la visualización de la cuadrícula de datos, use Personalizador.

    Consigue la última UI Grid desde su página de inicio.

    © Savtec
    Información útil y consejos de desarrollo web. Programación, diseño web, CSS, HTML, JAVASCRIPT. Configure y reinstale WINDOWS. Creación de sitios y aplicaciones desde cero.