Tecnologías front-end y back-end
Front-end
HTML5: Es la tecnología principal utilizada para estructurar los contenidos en la web,
estandarizada por la w3c. Es un lenguaje de marcado que permite crear la estructura y
elementos de una web que después serán interpretados por los navegadores.
CSS: Su función es describir cómo las estructuras HTML definidas anteriormente deben
representarse visualmente. HTML fue creado para describir el contenido en las páginas
web, CSS define los estilos visuales que tendrá ese contenido. Combinando HTML y CSS
en dos archivos separados, es posible separar el contenido y la presentación de una
web de forma clara y organizada, facilitando el trabajo de los desarrolladores.
JavaScript: Hoy en día es común que las webs incorporen dinamismo, permitan
realizar acciones sin necesidad de refrescar la página y actualicen los datos en pantalla
de forma automática y rápida. Para lograr que las webs tengan estos comportamientos
se utiliza Javascript, un lenguaje empleado para aportar interactividad, reactividad
ante eventos, validación de los datos en formularios, crear cookies, etc.
Sobre estas 3 tecnologías se han creado frameworks de desarrollo web que permiten
crear páginas web cada vez más complejas y funcionalidades que aportan cada vez
más valor. Las últimas tendencias de desarrollo web en esta área son:
Frameworks y librerías JavaScript: con el fin de mejorar el desarrollo de JavaScript en
proyectos grandes, han aparecido frameworks y librerías como Angular, Vuejs y React.
El ecosistema JavaScript crece cada año y todos los días se crean nuevas librerías. Una
buena referencia para mantenerse actualizados en estos avances es esta guía.
También surgen herramientas para poder testear webs basadas en estos frameworks,
algunos ejemplos son Jest, Protactor, Mocha, Karma, Enzyme.
Frameworks y librerías CSS: al igual que ocurre con JavaScript, tambien surge la
aparición de nuevas librerías y frameworks para CSS que permiten gestionar mejor su
desarrollo en grandes aplicaciones. Los más conocidos y utilizados son Bootstrap y
Material Design, puedes ver más en nuestra entrada de diseño web. También aparecen
los denominados preprocesadores, programas que permiten extender las funciones
CSS con una sintaxis única que después será transformada al CSS original. Algunos
ejemplos son: Sass, Less, Stylus, y PostCSS.
Gestores de paquetes: con el fin de gestionar librerías y plugins los desarrolladores
utilizan gestores de paquetes, siendo los más extendidos npm y yarn.
