Tecnologías Frontend_Lenguajes

LENGUAJES

Trabaja del lado Cliente, en el navegador, en el lado de lo que se ve. Principalmente se ocupa de los componentes externos del sitio web o de la aplicación web. Como consecuencia, deben dominar obligatoriamente:

1. HTML:  HyperText Markup Language, es el componente estructural clave de todas las webs de internet. Sin él las páginas web no pueden existir.
2. CSS: Cascading Style Sheets, es lo que le proporciona estilo a HTML.
3. JavaScript: Usando solo HTML y CSS tus webs serían páginas estáticas, con JS tus páginas web son interactivas.
   

En general se asocia a los desarrolladores front-end con los principios de diseño y de estructura de páginas. Sin embargo, un desarrollador web va más allá que un diseñador. Obviamente tiene que tener en cuenta la usabilidad  y la legibilidad de la página o de la aplicación web, pero como buen programador es consciente de que su trabajo se ejecutará en el lado Cliente, en la mayoría de los casos, en el navegador. Y la información no se almacena en el lado Cliente.

¿Que es HTML y para que sirve?

Definición breve: HTML (HyperText Markup Language) es el lenguaje utilizado para la creación de páginas web.

¿Que significa HTML y que es?

HTML significa "Lenguaje de Marcado de Hypertexto" por sus siglas en ingles "HyperText Markup Language", es un lenguaje que pertenece a la familia de los "lenguajes de marcado" y es utilizado para la elaboración de páginas web. El estándar HTML lo define la W3C (World Wide Web Consortium) y actualmente HTML se encuentra en su versión HTML5.

Cabe destacar que HTML no es un lenguaje de programación ya que no cuenta con funciones aritméticas, variables o estructuras de control propias de los lenguajes de programación, por lo que HTML genera únicamente páginas web estáticas, sin embargo, HTML se puede usar en conjunto con diversos lenguajes de programación para la creación de páginas web dinámicas.

¿Para que sirve HTML?

Básicamente el lenguaje HTML sirve para describir la estructura básica de una página y organizar la forma en que se mostrará su contenido, además de que HTML permite incluir enlaces (links) hacia otras páginas o documentos.

HTML es un lenguaje de marcado descriptivo que se escribe en forma de etiquetas para definir la estructura de una página web y su contenido como texto, imágenes, entre otros, de modo que HTML es el encargado de describir (hasta cierto punto) la apariencia que tendrá la página web.

¿Que son las etiquetas HTML?

Las etiquetas HTML son fragmentos de texto rodeados por corchetes angulares < >, que se utilizan para escribir código HTML, en HTML existen etiquetas de apertura y etiquetas de cierre, tienen la forma: <etiqueta> </etiqueta>. Donde <etiqueta> es la etiqueta de apertura y </etiqueta> es la etiqueta de cierre indicada por la diagonal. HTML tiene definidas gran variedad de etiquetas para distintos usos.

¿Que es un documento HTML?

Para desarrollar una página web en HTML es necesario crear un documento HTML. Básicamente un documento HTML es un archivo de texto que tienen la extensión .html o .htm, en este documento se escriben todo el texto y las etiquetas HTML necesarias para la creación de una página, al texto escrito en el documento HTML se le llama código HTML. Un documento HTML se puede generar con cualquier editor de textos simple como el bloc de notas de Windows o Gedit de Linux.

¿Qué es el CSS?

CSS es un lenguaje de programación que se utiliza para definir el estilo y el aspecto de un documento que se ha escrito a través de un lenguaje de etiquetas, como HTML. Conocido también como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o incluso señalar aspectos como el espacio entre elementos para dotar de estilo a una web.

Para qué sirve el CSS

CSS sirve para poder dar un estilo a cualquier web y hacerlo con las reglas que se deseen. Es el lenguaje con el que el programador y el navegador se comunican para indicar a este último cómo ha de distribuir los contenidos de una web en base a las instrucciones indicadas en los correspondientes ficheros.

A su vez, tiene como principal finalidad conseguir estilos diferentes y a medida de las necesidades de cada página. Aunque, desafortunadamente, exige un amplio conocimiento de programación y grandes nociones de lenguaje HTML también para conseguir la conexión perfecta entre estilo y contenidos.

Ejemplos de CSS

Para dar un ejemplo de CSS, vamos a proceder con unas sencillas líneas de código para web y para la hoja de estilo.

Primero, vamos con la web:

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>CSS Ejemplo de NeoAttack</title>

<link rel=”stylesheet” href=”style.css”>

</head>

<body>

<h1>Agencia de marketing digital</h1>

</body>

</html>

Ahora, seguimos indicando que el texto dentro del título H1 tendrá color rojo y un fondo azul usando CSS:h1

background-color: blue;

color: red;

}

Combinando ambos, el primer conjunto llama al archivo style.css para hacer que el H1 luzca como hemos indicado.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.

Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.

Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.