Frameworks, librerias, plugins y complementos web

Recuerdo que cuando empecé a adentrarme en el mundo de desarrollo web, la mayoría de los problemás les daba solución con mi propio código sin utilizar ayuda alguna de librerías de terceros. Esto daba como resultado tiempos de desarrollo más extensos y más líneas de código.

Hoy en día contamos con una cantidad increíble de código que en su mayoría es open source y que podemos implementar en nuestros proyectos con la posibilidad de modificarlos y adaptarlos según sea nuestra necesidad.

Con el tiempo fui descubriendo aquellas librerías que facilitan la vida a cualquier desarrollador web y que a continuación quiero presentarles 2 de los más populares.

Jquery

Es una pequeña librería JavaScript que en tan solo unos cuantos kb nos ofrece funciones de gran ayuda para nuestros desarrollos, permitiéndonos hacer cosas como:

  • Manipular el doom.
  • Manejar eventos.
  • Animaciones personalizadas.
  • Peticiones Ajax.
  • Manipular hojas de estilo.
  • Soporta extensiones.

Es una librería que no puede faltar en todo desarrollo web y que como bien dice su slogan “write less, do more” permite hacer más con menos líneas de código.

También cuenta con implementaciones como:

  • Jquery ui para interfaces gráficas, cuenta con gran número de widgets, efectos y temas entre otras funcionalidades.
  • Jquery mobile enfocada al desarrollo de interfaces para dispositivos mobiles

Bootstrap

Este es un framework front-end diseñado para el desarrollo rápido y fácil de interfaces web. Es una combinación de hojas te estilo con JavaScript que nos brindan gran funcionalidad.

Una de sus principales características es que nos permite crear sitios responsivos de una manera bastante rápida ya que cuenta con clases para crear contenedores fluidos, que se adaptan a cualquier tamaño de pantalla.

Ofrece clases para personalizar los siguientes elementos:

  • Botones.
  • Elementos de formulario (textbox, textarea, labels, radio, check, etc… ).
  • Tablas.
  • Listas (ul/ol).
  • Menús
  • Imágenes
  • Iconos (Cuenta con una gran variedad de iconos que se pueden ocupar con tan solo el uso de clases).

También cuenta con componentes que agregan funcionalidad al sitio. A continuación listamos algunos de ellos:

  • Dropdowns.
  • Button groups.
  • Input groups.
  • Navbar.
  • Breadcrumbs.
  • Pagination.
  • Labels.
  • Thumbnails.
  • Alerts.
  • Progress bars.
  • List group.
  • Panels.

También cuenta con una librería JavaScript que nos permite interactuar con sus componentes y que además nos permite crear tooltips, ventanas colapsables, gestión de alertas, modales, manejo de tabs, entre muchas otras opciones.

Buscando en la web podrán encontrar frameworks, plugins y librerías que seguro les serán de mucha ayuda. No duden en ocuparlos y manipularlos (si es que la licencia lo permite).

Si quieren complementar la información aquí escrita no duden en dejar sus comentarios en la parte de abajo. Muchas gracias.