LENGUAJES DE PROGRAMACIÓN Y FRAMEWORKS PARA FRONTEND
FRONTEND
LENGUAJES
DE PROGRAMACIÓN
HTML
HTML, que significa Lenguaje de Marcado
de Hipertextos (HyperText Markup Language), es la pieza más básica para la
construcción de la web y se usa para definir el sentido y estructura del
contenido en una página web. Otras tecnologías además de HTML son usadas
generalmente para describir la apariencia/presentación de una página web (CSS)
o su funcionalidad (JavaScript).
"Hipertexto" se refiere a los
enlaces que conectan las páginas web entre sí, ya sea dentro de un mismo sitio
web o entre diferentes sitios web. los vínculos son un aspecto fundamental de
la web. Al subir contenido a Internet y vincularlo a páginas creadas por otras
personas, te haces participante activo en la red mundial (World Wide Web).
HTML usa "marcado" (markup en
inglés) para anotar textos, imágenes y otro contenido para ser mostrado en un
navegador web. El marcado en HTML incluye "elementos" especiales
tales como <head>, <title>, <body>, <header>,
<footer>, <article>, <section>, <p>, <div>,
<span>, <img>, <aside>, <audio>, <canvas>,
<datalist>, <details>, <embed>, <nav>, <output>,
<progress>, <video>, <ul>, <ol>, <li>, y muchos
otros más.
Un elemento HTML se separa de otro texto
en un documento por medio de "etiquetas", las cuales consisten en
elementos rodeados por "<" y ">". El nombre de un
elemento dentro de una etiqueta no es sensible a mayúsculas. Esto es, puede ser
escrito en mayúsculas, minúsculas o una combinación. Por ejemplo, la etiqueta
<title> puede ser escrita como <Title>, <TITLE> o de
cualquier otra forma.
CSS
Hojas de Estilo en Cascada (del inglés
Cascading Style Sheets) o CSS es el lenguaje utilizado para describir la
presentación de documentos HTML o XML, esto incluye varios lenguajes basados en
XML como son XHTML o SVG. CSS describe como debe ser renderizado el elemento
estructurado en pantalla, en papel, hablado o en otros medios.
CSS es uno de los lenguajes base de la
Open Web y posee una especificación estandarizada por parte del W3C.
Desarrollado en niveles, CSS1 es ahora obsoleto, CSS2.1 es una recomendación y
CSS3, ahora dividido en módulos más pequeños, está progresando en camino al
estándar.
JAVASCRIPT
JavaScript (JS) es un lenguaje de
programación ligero e interpretado, orientado a objetos con funciones de
primera clase. Aunque es más conocido como el lenguaje de scripting para
páginas web, muchos entornos no relacionados con el navegador también lo usan,
tales como node.js, Apache CouchDB y Adobe Acrobat. Es un lenguaje script
multiparadigma, basado en prototipos, dinámico, soporta estilos estilos
orientados a objetos, imperativos y declarativos. Leer más sobre JavaScript.
Esta sección está dedicada al lenguaje
JavaScript en sí mismo, y no a las partes que son específicas de las páginas
web u otros entornos de hospedaje. Para obtener información sobre APIs
específicas de las páginas web, consulte DOM y las APIs WEB.
El estándar de JavaScript es ECMAScript.
Desde el 2012, todos los navegadores modernos soportan completamente ECMAScript
5.1. Los navegadores más antiguos soportan por lo menos ECMAScript 3. El 17 de
Julio de 2015, ECMA International publicó la sexta versión de ECMAScript, la
cual es oficialmente llamada ECMAScript 2015, y fue inicialmente nombrada como
ECMAScript 6 o ES6. Desde entonces, los estándares ECMAScript están en ciclos
de lanzamiento anuales. Esta documentación se refiere a la última versión del
borrador, que actualmente es ECMAScript 2019.
JavaScript no debe ser confundido con el
lenguaje de programación Java. Ambos "Java" y "Javascript"
son marcas registradas de Oracle en Estados Unidos y otros países. Sin embargo,
los dos lenguajes de programación tienen sintaxis, semántica y usos muy
diferentes.
FRAMEWORKS
REACT
React es una librería Javascript
focalizada en el desarrollo de interfaces de usuario. Así se define la propia
librería y evidentemente, esa es su principal área de trabajo. Sin embargo, lo
cierto es que en React encontramos un excelente aliado para hacer todo tipo de
aplicaciones web, SPA (Single Page Application) o incluso aplicaciones para
móviles. Para ello, alrededor de React existe un completo ecosistema de
módulos, herramientas y componentes capaces de ayudar al desarrollador a cubrir
objetivos avanzados con relativamente poco esfuerzo.
Por tanto, React representa una base
sólida sobre la cual se puede construir casi cualquier cosa con Javascript.
Además, facilita mucho el desarrollo, ya que nos ofrece muchas cosas ya listas,
en las que no necesitamos invertir tiempo de trabajo. En este artículo te
ampliaremos esta información, aportando además diversos motivos por los que
usar React como librería del lado del cliente.
ANGULAR
Angular es un marco de diseño de
aplicaciones y una plataforma de desarrollo para crear aplicaciones eficientes
y sofisticadas de una sola página.
Estos documentos de Angular lo ayudan a
aprender y usar el marco angular y la plataforma de desarrollo, desde su
primera aplicación hasta la optimización de aplicaciones complejas de una sola
página para empresas. Los tutoriales y guías incluyen ejemplos descargables
para acelerar sus proyectos.
BOOTSTRAP
Bootstrap es una excelente herramienta
para crear interfaces de usuario limpias y totalmente adaptables a todo tipo de
dispositivos y pantallas, sea cual sea su tamaño. Además, Bootstrap ofrece las
herramientas necesarias para crear cualquier tipo de sitio web utilizando los
estilos y elementos de sus librerías.
Desde la aparición de Bootstrap 3 el
framework se ha vuelto bastante más compatible con desarrollo web responsive,
entre otras características se han reforzado las siguientes:
❑ Soporte bastante bueno (casi completo)
con HTML5 y CSS3, permitiendo ser usado de forma muy flexible para desarrollo
web con unos excelentes resultados.
❑ Se ha añadido un sistema GRID que
permite diseñar usando un GRID de 12 columnas donde se debe plasmar el
contenido, con esto podemos desarrollar responsive de forma mucho más fácil e
intuitiva.
❑ Boostrap 3 establece Media Queries para
4 tamaños de dispositivos diferentes variando, dependiendo del tamaño de su
pantalla, estas Media Queries permiten desarrollar para dispositivos móviles y
tablets de forma mucho más fácil.
❑ Boostrap 3 también permite insertar
imágenes responsive, es decir, con solo insertar la imagen con la clase
“img-responsive” las imágenes se adaptarán al tamaño.
Todas estas características hacen que
Boostrap sea una excelente opción para desarrollar webs y aplicaciones web
totalmente adaptables a cualquier tipo de dispositivo.
Boostrap es compatible con la mayoría de
los navegadores web del mercado, y más desde la versión 3, actualmente es
totalmente compatible con los siguientes navegadores:
❑ Google Chrome (en todas las
plataformas).
❑ Safari (tanto en iOS como en Mac).
❑ Mozilla Firefox (en Mac y en Windows).
❑ Internet Explorer (en Windows y Windows
Phone).
❑ Opera (en Windows y Mac).
SASS
Sass es un metalenguaje de Hojas de
Estilo en Cascada (CSS). Es un lenguaje de script que es traducido a CSS.
SassScript es el lenguaje de script en sí mismo. Sass consiste en dos sintaxis.
La sintaxis original, llamada indented syntax («sintaxis con sangrado») que usa
una sintaxis similar al Haml.[3]
Este usa la indentación para separar bloques de código
y el carácter
nueva línea
para separar reglas. La sintaxis más reciente, SCSS, usa el formato de bloques
como CSS. Este usa llaves para denotar bloques de código y punto y coma (;)
para separar las líneas dentro de un bloque. La sintaxis indentada y los
ficheros SCSS tienen las extensiones .sass y .scss respectivamente.
CSS3 consiste en una serie de selectores
y pseudo-selectores que agrupan las reglas que son aplicadas. Sass (en el
amplio contexto de ambas sintaxis) extiende CSS proveyendo de varios mecanismos
que están presentes en los lenguajes de programación tradicionales,
particularmente lenguajes orientados a objetos, pero este no está disponible
para CSS3 como tal. Cuando SassScript se interpreta, este crea bloques de
reglas CSS para varios selectores que están definidos en el fichero SASS. El
intérprete de SASS traduce SassScript en CSS. Alternativamente, Sass puede
monitorear los ficheros .sass o .scss y convertirlos en un fichero .css de
salida cada vez que el fichero .sass o .scss es guardado. Sass es simplemente
azúcar
sintáctica
para escribir CSS.
La implementación oficial de Sass es
open-source y está escrita en Ruby, sin embargo, existen otras
implementaciones, incluyendo una en PHP para Drupal.
La sintaxis indentada es un
metalenguaje. SCSS es un metalenguaje anidado, lo que es válido en CSS es
válido en SCSS con la misma semántica. Sass soporta la integración con la
extensión de Firefox Firebug.
Comentarios
Publicar un comentario