Anexsoft | Blog y dictado de cursos de Tecnología

En este encontrarás tutoriales de tecnología como PHP, ASP.NET MVC, Front-End, entre otros y cursos exigentes de modalidad online que te ayudarán a crecer profesionalmente.

Frameworks y controles para nuestros proyectos web
Actualizado el 02 Diciembre, 2014 y leído 5,821 veces
Calificación: 9.00 / 10

Frameworks y controles para nuestros proyectos web

Anexsoft

Comenzamos definiendo dos puntos:

Controles web: me refiero aquellos que sean compontes javascript para dar funcionalidades adicionales a nuestro proyecto, por ejm: calendario, popup, combobox, etc.

Frameworks: me refiero aquellos que son usados para agilizar la maquetación de nuestras webs.


¿Por que usarlos?
Porque implementan buenas prácticas, ahorran tiempo, aportan escalabilidad y te permiten trabajar de manera ordenada mejorando el look & feel de nuestros proyectos.

Entendido esto, vamos a ver la lista que uso o recomiendo para controles:


Image title

¿quien no ha usado esto?, pues si bien no trae tantos controles, me parece de gran utilidad por su simple manejo, y documentación. Disponemos de varios temas para mejorar el look & feel de nuestro proyecto, pero yo prefiero personalizarlo y crear mi propio tema ya que los que trae se ven muy robots.


Ventaja:
facil de implementar, buena documentación, nos permite crear nuestro propio tema, gratis, gran variedad de ejemplos.
Desventaja:
le falta más controles para que sea la solución definitiva.

Web:jQuery UI Web



Image title


Dispone de una gran gama de controles, la cual no vamos a necesitar nada más. Si quieres hacer un sistema web y piensas usar Kendo UI, no tendras que preocuparte en descargar controles adicionales ya que este trae todo lo necesario para un sistema web. Dispone de grillas, gráficos, combobox, dropdownlist, seguido por un largo etc ..

Ventaja: gran variedad de controles, poderosa herramienta con gran configuración, generador de temas, implementación para mobile.
Desventaja:
mala documentación, paga por soporte, a preguntar como loco en el foro (ingles).

Web:http://www.telerik.com/kendo-ui


Image title

Igual que Kendo UI tambien dispone de una gran gama de controles para implementarlo en nuestro sistema web, pero su configuración no me gusta mucho y hay controles que prefiero usarlo de otros.

Ventaja: gran variedad de controles, facil de implementar, implementación para mobile.
Desventaja:
acudimos a la creatividad para hacer ciertas cosas, no me gusta su configuración

Web: www.jqwidgets.com/


Con esos 3 podemos trabajar bastante bien, para un proyecto grande podemos optar por Kendo UI. Hay que tener en cuenta que estas UI estan orientadas para aplicaciones empresariales porque una web comercial no le vamos a dar ese look & feel.

Yo trabajo de esta manera, jquery Ui y controles externos como:

  • lightbox, para hacer popup de imagenes

  • jquery form, para serializar formularios y enviar la info mediante ajax.

  • jquery chosen, dropdownlist y combobox por excelencia.

  • jqgrid, la mejor grilla que he usado. Tengo clases en PHP y C# para agilizar su uso.

Lo aplico tanto para webs comerciales como sistemas webs, yo prefiero usar componentes por separados no me gusta que uno solo me brinde todo, ya que al usar por separado tenemos mejor personalización y look & feel. Pero es mi forma de pensar, a lo mejor más adelante entre al mundo de kendo ui. Obviamente para sistemas webs, naaa más adelante quiero ser gerente jaja.


Twitter bootstrap 3
Nos agiliza la maquetación permitiendonos crear web responsives. Lo uso en todos mis proyectos, Anexsoft corre bajo bootstrap con toques de mis habilidades como diseñador.

Ventaja: facil documentación que con la web te basta para aprender, integración con jquery, cuenta con temas en http://bootswatch.com/.
Desventaja:
no le encuentro, a lo mejor incorporar controles como calendario, dropdownlist, combobox, grillas así tenemos la solución definitiva, mas íconos.

Web: getbootstrap.com/

Image title



Metro UI
Agiliza la maquetación, nos permite hacer webs responsives e implementa bastantes controles. La apariencia que brinda es la de Windows 8.

Ventaja: apariencia de Windows 8 (si es lo que buscas), fácil de dominar, buena documentación, buenos controles.
Desventaja:
queremos más controles.

Web:Metro UI

Image title




Skeleton css, bastante limpio y amigable de usar.
Pure
, bastante práctico, liviano y limpio si no buscamos complicarnos tanto y queremos la mayor personalización posible de css.
Foundation
, muy bueno al igual que bootstrap pero requiere una mayor lectura para entenderlo.

Basta con googlear framework css y nos saldra una gran lista de opciones que podemos optar. Yo me quedo con Bootstrap porque tampoco la ídea es ir aprendiendo todo, me voy a volver loco con tanto conocimiento.

En mi experiencia usen el que más les guste y se adapte a sus necesidades, una formula buena podría ser.

Pure + Kendo UI, de esta manera tenemos la fácil maquetación y la gran variedad de controles poderosos dejando un proyecto bastante limpio.

Te pongo un ejemplo, si vamos a usar Kendo Ui y este aporta popups, acordiones, tabs entre otros. ¿Para que queremos los controles de bootstrap?, es ahí donde buscamos algo que solo nos de maquetación.

Si quieres aportar al tema, por favor comenta. Quiero saber que usas tu o tu equipo en tus proyectos.

¡Adquiera ya!

  • Código de fuente de Red Social desarrollada en ASP.NET MVC

    Código de fuente de Red Social desarrollada en ASP.NET MVC
  • Software de Venta e Inventario hecho en PHP y Codeigniter

    Software de Venta e Inventario hecho en PHP y Codeigniter
  • Software de Portafolio Profesional hecho en ASP.NET MVC 5 C#

    Software de Portafolio Profesional hecho en ASP.NET MVC 5 C#

Últimas publicaciones

Encuesta

¿Sobre qué te gustaría que se hable más?

Síguenos

Estudia con nosotros y crece profesionalmente

Nuestros cursos han sido hecho en base a lo que demanda el mercado hoy en día.
La experiencia obtenida es la de un ambiente laboral.

Anexsoft
© 2017 Anexsoft, blog y cursos online de TI.