Javascript
JavaScript es un lenguaje de
programación que los
desarrolladores utilizan para hacer
páginas web interactivas. Desde
actualizar fuentes de redes sociales
a mostrar animaciones y mapas
interactivos, las funciones de
JavaScript pueden mejorar la experiencia del usuario de
un sitio web. Como lenguaje de scripting del lado del
servidor, se trata de una de las principales tecnologías de
la World Wide Web.
¿Para qué se usa?
A medida que el lenguaje
evolucionó, los
desarrolladores de JavaScript
establecieron bibliotecas,
marcos y prácticas de
programación y comenzaron
a utilizarlo fuera de los
navegadores web. En la actualidad, puede utilizar
JavaScript para el desarrollo tanto del lado del cliente
como del lado del servidor.
Motor de JavaScript
Un motor JavaScript es un programa de computación
que ejecuta
código
JavaScript. Los
primeros
motores de
JavaScript eran
verdaderos
intérpretes, pero
todos los
motores
modernos
utilizan el método justo a tiempo o la compilación en
tiempo de ejecución para mejorar el rendimiento
Bibliotecas
son colecciones de fragmentos de código escritos
previamente que los desarrolladores web pueden volver
a utilizar para realizar funciones estándar de JavaScript.
El código de la biblioteca de JavaScript se conecta al
resto de código del proyecto según sea necesario.
Etiquetas en JavaScript
Etiquetas HTML
1. <DOCTYPE HTML>: Con esta se empieza el
archivo y no se cierra.
2. <html>: Se usa para abrir y cerrar el código
html del archivo.
3. <head>: cabecera (no aparece en el sitio
web, pero contiene el titulo y el estilo del
mismo)
4. <Title>: contiene el título del sitio web (este es
el que revisa el buscador y es importantisimo
para el SEO).
5. <Style type="text/css">: Activa un bloque de
código donde escribir CSS para dar estilo y
formato al sitio web y a las etiquetas que en él
se utilicen.
6. <Body>: contiene el cuerpo del sitio web.
7. <h1>, <h2>, <h3>, <h4>, <h5> y <h6>: Son las
etiquetas para mostrar titulos en el cuerpo del
sitio web. Cada una tiene un estilo
predeterminado diferente de las otras.
8. <p>: Se utiliza para declarar un párrafo. Esto
hace que el navegador deje un espacio de
por medio entre el contenido de esta etiqueta
y lo que siga luego.
9. <strong>: coloca su contenido en negrita.
10. <script type="text/javascript">: habilita un
bloque de código donde introducir JavaScript
11. <script src="codigo.js">: ejecuta el archivo
“codigo.js” dentro del código html.
12. <meta charset="utf-8" />: habilita el uso de
caracteres especiales como tildes o “ñ” en el
código.
13. <canvas width="300" height="300"
id="dibujito">: invoca un lienzo donde dibujar
de 300 pixeles de ancho y 300 de alto; que
puede ser identificado con el nombre (id)
“dibujito”.
14. <br /> :Realiza un salto de línea en un
párrafo.
15. <hr />: Hace un doble salto de línea
separandolo con una linea horizontal.
16. <input type="text" value="caja de texto" />:
Introduce en el html una caja de texto que por
defecto dice "caja de texto. Es una buena
práctica colocar los <input> en una etiqueta
<p>.
17. <input type="number" />: Introduce en el
html una caja de texto donde solo puedes
ingresar un número.
18. <input type="button" value="botón" />:
introduce un botón que dice “botón”.
19. <img src="Imagen.png" />: Introduce una
imagen al html. Varios formatos funcionan.
Ojo: es buena practica colocarla dentro de un
contenedor (ej:<p>)