Introducción

La realidad es que exixten cientos o incluso miles de tecnologías web, contarlas todas sería imposible ya que cada poco tiempo aparecen nuevas tecnologías. En este post vamos a ver las tecnologías más famosas y importantes para que sepas qué opciones tienes a la hora de desarrollar una web o aplicación web. Antes de empezar es importante diferenciar dos conceptos: frontend y backend

El frontend es la parte del lado del cliente en la web, es decir, la apariencia y lo que el usuario ve en la página. El backend en cambio es la parte del lado del servidor, es decir, bases de datos, y toda la lógica de la web no visible para el usuario.

En este artículo voy a mostrar las tecnologías web más populares (a fecha 2018) de cada tipo.

Tecnologías web para el frontend

Los navegadores web solo entienden código escrito en HTML, CSS o Javascript, es decir, los frameworks y herramientas expuestos a continuación pueden ser sustituidos por código en Javascript puro, no son más que tecnologías web que compilan todo a código que pueda entender el navegador web.

Frameworks CSS

Archivos CSS ya creados con muchos estilos predefinidos que ayudan al programador. Es decir, contienen estilos y códigos JS listos para ser usados como clases en etiquetas HTML para crear una web de una manera más sencilla.

Boostrap logo Foundation logo Semantic UI logo

Frameworks JS/TS

El más conocido y que lleva usándose muchos años es Jquery. Jquery sirve para tener que escribir menos código JS, que para proyectos sencillos está bien, pero actualemente no recomiendo su uso. Para proyectos de dimensiones más grandes recomiendo los siguientes frameworks:

Angular logo React logo VueJs logo Ember logo

Task runners

Estas tecnolgías para la web sirven de gran ayuda para programar ciertas tareas, como por ejemplo, ejecutar analizadores de código cada vez que se guarda un archivo, comprimirlos automáticamente, etc

Gulp logo Grunt logo Webpack logo

Transpiladores Javascript

Dentro de las tecnologías web existen, en concreto en el lado del front existen herraminetas que permiten escribir código con otra sintaxis, y gracias a los transpiladores, será transformado a código Javascript (el único lenguaje aparte de HTML y CSS que entiende el navegador)

Typescript logo Coffescript logo Babel logo

Transpiladores CSS

De igual manera, también exixten transpiladores para transformar código en CSS, en este caso se usan para aumentar las características de CSS:

Less logo Sass logo

Tecnologías web para el backend

A diferencia de en el frontend, en el backend, existe más variedad de lenguajes y tecnologías con los que podemos crear un servidor web conectado a una base de datos.

Muchas de estas tecnologías web para el backend se pueden usar junto con los frameworks para el frontend, es decir, podemos poner como motor de plantillas Angular por ejemplo, aunque lo más típico es que se conecte frontend y backend mediante una API para que sean independientes.

Java

Spring logo Struts logo Vaadin logo

Python

Django logo Flask logo TurboGears logo

NodeJS

ExpressJS logo Koa logo Sails logo

Golang

Revel logo Gin logo Martini logo Gorilla logo

Ruby

Ruby on rails logo

Conclusiones

Como ves existen un montón de frameworks y librerías y todavía exieten muchos más que no he puesto. Escoger uno o otro dependerá de los gustos de cada uno y de la magnitud del proyecto que se vaya a realizar. El mundo web es un mundo en constante cambio, esto quiere decir que las tecnologías que están de moda hoy, mañana pueden no estarlo, por eso es importante tener una mentalidad abierta para adaptarte a los posibles cambios que puedan surgir.




También te puede intersar...