WL_Code_Script_1280x720.mp4

00:00:00

En este tutorial, analizaré el widget de código slash script.

00:00:04

Ahora, el widget de código de script se utiliza para ingresar cualquier código JavaScript que desee incrustar en un punto específico del sitio web.

00:00:12

Está ubicado justo aquí abajo.

00:00:15

Ahora, una vez que cree ese widget, le solicitará ese código JavaScript.

00:00:20

Y no voy a entrar en demasiados detalles en lo que respecta a JavaScript porque ese no es el tema de este tutorial.

00:00:26

Pero voy a introducir los conceptos básicos de los lenguajes de Internet.

00:00:30

Aquí mismo, tenemos tres idiomas principales que componen el sitio web promedio.

00:00:35

El lenguaje principal se llama HTML, también conocido como lenguaje de marcado de hipertexto.

00:00:41

Y ese es el lenguaje central sobre el que se construyen los sitios web.

00:00:44

Y eso es básicamente lo que hay en un sitio web y el contenido de un sitio web.

00:00:49

Y eso va de la mano con las CSS llamadas hojas de estilo en cascada.

00:00:54

Y eso es lo que determina el aspecto y el diseño de un sitio web, como las fuentes, los colores, los estilos y el posicionamiento de ese contenido.

00:01:03

Y eso va de la mano con HTML.

00:01:05

Y también está JavaScript, que es un tercer lenguaje.

00:01:08

Y eso se utiliza para agregar una funcionalidad mejorada a un sitio web y agregar más interactividad y características adicionales también.

00:01:15

Entonces, como dije, hoy no vamos a enseñar realmente codificación JavaScript.

00:01:19

Solo vamos a mostrar cómo funciona el widget en nuestra plataforma.

00:01:22

Una vez que haya creado el widget, le solicitará el código JavaScript.

00:01:27

Puedes escribir tu propio código o puedes copiar algún código existente.

00:01:30

Aquí tengo algunos códigos de muestra en este sitio web que se utilizan con fines de demostración.

00:01:36

Este código aquí, lo que va a hacer es generar la fecha exacta.

00:01:41

Entonces, si copia este código y lo pega en el cuadro de código del widget y lo guarda, ahora se generará

00:01:50

Esa es la fecha en que se filmó este vídeo.

00:01:53

Y si vinieras un día diferente, se actualizaría a la fecha actual.

00:01:57

Entonces, eso es lo que hace el código JavaScript: su interactividad y funcionalidad adicional.

00:02:01

También podemos agregar la hora actual

00:02:05

Entonces, si copio este código completo y lo pego en el cuadro, también mostrará la hora.

00:02:09

Así que no tienes que crear un nuevo widget para cada código que quieras pegar.

00:02:15

Puedes si quieres separar los widgets

00:02:18

Sin embargo, siempre que haya espacio entre los diferentes códigos, cuando los guardes, se colocarán uno al lado del otro.

00:02:26

Entonces, como ves ahí, ahora es la fecha actual y la hora actual.

00:02:29

Y puedes hacer muchísimas cosas con JavaScript.

00:02:33

Una vez que aprenda qué es y cómo funciona, agregará un montón de funciones adicionales a su sitio web.

00:02:38

También tenemos uno más que quería demostrar.

00:02:40

Esto aquí actualizará la página al hacer clic en un botón.

00:02:44

Entonces, agreguemos esto en un widget separado, solo para que puedas ver que puedes separarlos y espaciarlos más fácilmente de esta manera.

00:02:51

Una vez que guardes esto, ahora habrá agregado ese botón y ese código directamente debajo.

00:02:59

Entonces, si actualizo la página, verás que se actualiza automáticamente una vez que se presiona ese botón y genera un número diferente cada vez.

00:03:08

Y esa es solo una muestra de la funcionalidad de JavaScript.

00:03:13

Te animo a que aprendas un poco más sobre JavaScript, así como HTML y CSS, si aún no lo sabes.

00:03:20

Aprender cómo funcionan y al menos los conceptos básicos haría que crear sitios web sea mucho más fácil.

00:03:26

Y una vez que los conozcas, también podrás editar el código en tu sitio web actual.

00:03:30

Y si alguna vez quieres editar o agregar JavaScript, simplemente usarías el widget de script de código.