Login

Tecnologías web

technos web

Cuando se empieza a crear un sitio web o una aplicación, es fácil sentirse abrumado por la gran cantidad de tecnologías disponibles. Entre lenguajes, frameworks y herramientas, no siempre es sencillo orientarse.

Este artículo ofrece una visión general de las principales tecnologías utilizadas en la web hoy en día. No pretende ser exhaustivo, sino presentar las soluciones más comunes y utilizadas.

Lenguajes de programación

(x)Html

HTML

Lenguaje de marcado utilizado para estructurar y dar sentido al contenido web. Proviene de “HyperText Markup Language”, abreviado HTML. Permite crear formularios, insertar enlaces, imágenes y vídeos.

CSS

CSS

Permite dar formato a un documento web como una página HTML. Proviene de “Cascading Style Sheets” o « hojas de estilo en cascada ». Es una lista de propiedades de apariencia y posicionamiento (colores, fuentes, bordes…). Las hojas de estilo tienen como objetivo separar el contenido de una página de su apariencia visual.

PHP

PHP

PHP es un lenguaje de programación que permite crear páginas web dinámicas. Aproximadamente 3 de cada 4 sitios web utilizan PHP de una forma u otra.

Javascript

Javascript

Permite añadir animaciones y efectos a una página web. También se utiliza para hacer las páginas interactivas y mejorar la ergonomía o la interfaz de usuario.

Jquery

Jquery

Biblioteca JavaScript de código abierto que facilita la escritura de JavaScript en páginas web. Permite manipular el HTML, gestionar eventos y simplificar las interacciones con la página.

Otras tecnologías

Mysql

Mysql

Sistema de gestión de bases de datos relacional de código abierto. Permite almacenar y organizar los datos de un sitio web, como usuarios, artículos o productos.

Ajax

Ajax

Técnica que permite cargar datos desde un servidor sin recargar la página. Se utiliza para hacer los sitios web más rápidos e interactivos.

Nodejs

Nodejs

Entorno de ejecución que permite utilizar JavaScript del lado del servidor. Permite crear aplicaciones web rápidas, especialmente en tiempo real.

React

React

Biblioteca JavaScript de código abierto desarrollada por Facebook. Se utiliza para crear interfaces de usuario, especialmente en aplicaciones web de una sola página.

Wordpress

Wordpress

CMS (Sistema de gestión de contenidos) gratuito y de código abierto. Está escrito en PHP y utiliza una base de datos MySQL. Permite crear fácilmente un sitio web con numerosos plugins. Más del 40% de los sitios web lo utilizan.

Prestashop

Prestashop

CMS de código abierto dedicado al comercio electrónico. Permite crear y gestionar fácilmente una tienda en línea.

Angular

Angular

Framework de código abierto desarrollado por Google. Permite crear aplicaciones web gestionando páginas, interacciones y datos.

Python

Python

Lenguaje de programación versátil y de código abierto. Se utiliza para crear sitios web, automatizar tareas y desarrollar aplicaciones.

Vue.JS

Vuejs

Framework JavaScript de código abierto (también llamado simplemente Vue). Se utiliza para crear interfaces de usuario y aplicaciones web.

Symfony

Symfony

Framework PHP de código abierto. Permite crear sitios web y aplicaciones facilitando la organización y el desarrollo del código.

Laravel

Laravel

Framework PHP de código abierto basado en parte en Symfony. Permite crear sitios web y aplicaciones facilitando el desarrollo del código.

Ruby

Ruby

Lenguaje de programación orientado a objetos y de código abierto, diseñado para ser simple y agradable de usar. Se utiliza para crear aplicaciones web y software.

Zend

Zend

Framework PHP de código abierto. Proporciona herramientas para crear sitios web y aplicaciones estructurando el código y facilitando el desarrollo.

Cakephp

Cakephp

Framework web de código abierto escrito en PHP. Sigue la arquitectura MVC y facilita el desarrollo de aplicaciones web, especialmente gracias a sus herramientas de gestión de bases de datos y organización del código.

Apache cordova

Cordova

Framework de código abierto de la fundación Apache que permite crear aplicaciones móviles multiplataforma con tecnologías web como HTML, CSS y JavaScript.

Ionic

Ionic

Framework de código abierto que permite crear aplicaciones móviles y web multiplataforma con tecnologías como HTML, CSS y JavaScript.

Joomla

Joomla

CMS libre y de código abierto utilizado para crear distintos tipos de sitios web, como sitios corporativos, blogs o portales de contenido. Joomla está escrito en PHP y generalmente utiliza una base de datos MySQL.

CodeIgniter

CodeIgniter

Framework de código abierto escrito en PHP siguiendo el patrón MVC. Es apreciado por su ligereza, rapidez y facilidad de uso para desarrollar aplicaciones web.

Woocommerce

woocommerce

Extensión de código abierto para WordPress dedicada al comercio electrónico. Permite convertir un sitio WordPress en una tienda en línea y forma parte de las soluciones más populares para vender en la web.

Bootstrap

bootstrap

Framework front-end utilizado para crear el diseño y la maquetación de sitios web y aplicaciones. Ofrece componentes HTML, CSS y JavaScript listos para usar.

Haml

Haml

Lenguaje de marcado utilizado para generar HTML con una sintaxis más concisa. Su objetivo es hacer que la escritura de plantillas sea más rápida y legible.

Sass

Sass

Preprocesador CSS muy utilizado que añade funciones como variables, anidación o mixins para facilitar la escritura y el mantenimiento de las hojas de estilo.

Fuentes

Estadísticas de uso de PHP en sitios web (en inglés)
Cifras de WordPress 2020

Glosario

Framework: Conjunto de componentes utilizados para crear las bases y la estructura de todo o parte de un software o aplicación web

CMS: Proviene del acrónimo « Content Management System »

Open-Source: Licencia que permite la libre redistribución, el acceso al código fuente y la creación de trabajos derivados

MVC: También llamado « Modelo Vista Controlador », es un patrón de arquitectura de software utilizado para interfaces y muy popular en aplicaciones web

Préprocesseur: En informática, un preprocesador es un programa que realiza transformaciones en el código antes de la compilación

Métodos ágiles

agile method.png

Descubra los métodos ágiles y comprenda cómo permiten desarrollar proyectos más flexibles, rápidos y centrados en las necesidades del cliente. ...

mail icon1.pngObtén nNuestros mejores artículos