Informática.

html x

1 //Asignatura de
2 <h1> Programación <h1>
3 <div> Class = “NOVENO” </div>
4 <div id = “Periodo”> Tercer Periodo </div>
5 <div id = “Guía 2”> Guía de Aprendizaje </div>
6 <p> Hola, Bienvenidos al mundo de JavaScript,
te invito a explorar las herramientas.<p>
7
8
9

Dirección: Cr. 31ª # 25ª - 07 Tel: 2681800 – 3112473868 – 320617163

www.colegiovirtualsigloxxi.edu.co
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <ol>
3 <li> Preguntas a Resolver </div>

4 <li> Metas por lograr </div>

5 <li> Lo que aprenderás </div>

6 <li> Actividades a realizar </div>

7 <li> Referencias </div>

8 <ol>
9
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Preguntas a resolver <h1>

<p> Las siguientes preguntas te acercan al tema de
3 este periodo, léelas, analízalas, pero no las
respondas. <p>
4
5 1. <p> ¿Se podría a través de la programación
solucionar problemáticas cotidianas? <p>
6
2. <p> ¿Cómo utilizar los métodos en
7 JavaScript ? <p>
8 3. <p> ¿Qué son las variables y como se utiliza
9 la concatenación es JavaScript ? <p>

<p> ¡Continúa con el desarrollo de la guía DE

aprendizaje!<p>
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Metas por lograr<h1>

3 <p>Los estudiantes desarrollarán comprensión
4 en la sintaxis de programación del lenguaje
5 interpretado y orientado a objetos JavaScript
mediante el uso del software Codesandbox
6
online para el aprendizaje de métodos de
7
dibujo, variables, concatenación, operadores
8
aritméticos, arreglos y operadores relacionales
9 al ejecutar proyectos creativos de acuerdo a
los retos propuestos. <p>
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

<h1> ¿Qué es JavaScript? </h1>

2
<p>Según la pagina de aws.amazon.com(2023 ), JavaScript es un
lenguaje de programación que los desarrolladores utilizan para hacer páginas
3 web interactivas. Desde actualizar fuentes de redes sociales a mostrar
animaciones y mapas interactivos, las funciones de JavaScript pueden mejorar
4 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. Por ejemplo, al navegar por Internet, en cualquier momento en el que
5 vea un carrusel de imágenes, un menú desplegable “click-to-show” (clic para
mostrar), o cambien de manera dinámica los elementos de color en una
página web, estará viendo los efectos de JavaScript. </p>
6
7
8
9

<h1> JavaScript: características y beneficios </h1>

<p>Según la página de mytaskpanel.com (2022), inicialmente JavaScript
tiene unas características únicas del programa y beneficios, lo cual lo hace
uno de los programas mas utilizados para el desarrollo en programación. </p>

 <p> Simplicidad: Posee una estructura sencilla que lo vuelve más fácil de
aprender e implementar. </p>

 <p> Velocidad: Se ejecuta más rápido que otros lenguajes y favorece la

detección de los errores. </p>

 <p> Versatilidad: Es compatible con otros lenguajes, como: PHP y Java.

Además, hace que la ciencia de datos y el aprendizaje automático sean
accesibles. </p>
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.
<p> Popularidad: Existen numerosos recursos y foros disponibles para ayudar a
2 los principiantes con habilidades y conocimientos limitados. </p>

<p> Carga del servidor: La validación de datos puede realizarse a través del
3 navegador web y las actualizaciones solo se aplican a ciertas secciones de la
página web. </p>

4 <p> Actualizaciones: Se actualiza de forma continua con nuevos frameworks y

librerías, esto le asegura relevancia dentro del sector. </p>

5 <h1> ¿Qué es CodeSandbox? </h1>

<p> CodeSandbox es un entorno de desarrollo para aplicaciones web

6 al que se puede acceder con un navegador. No se requiere configuración,
por lo que se puede comenzar a usar de inmediato. Los espacios aislados se

7 pueden compartir fácilmente con equipos o colegas y se pueden crear todos

los que se necesiten. Con la funcionalidad de actualizaciones en vivo, los
códigos se ejecutan de inmediato, lo que permite ver los resultados
8 directamente en el espacio aislado. Los espacios aislados se pueden vincular
a GitHub. </p>

9 VIDEO COMO Haz clic para ingresar a

REGISTARSE 1 CodeSanbox

<h1> Interfaz CodeSandbox para programar JavaScript </h1>

Paso 1

Hacer clic en
opción vinilla
para iniciar a
programar
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.
<h1> Paso 2: </h1>
2 Espacio editar el
nombre del Hacer clic para
compartir link del

3
proyecto.
proyecto.

4
5
6 Carpetas donde se
agrega la Espacio para
programación según programar

7
corresponda.
Espacio para visualizar
lo programado.

8
<h1> Métodos de impresión en JavaScript a través de consola (Console.long ) y
9 por pantalla (Document.write ) </h1>

<h1> console.log() </h1>

<p>Este método muestra un mensaje en la consola, recibe como

argumento uno o más objetos. Cada objeto se evalúa y se concatena en una
string separada por espacios. </p>

<h1> Ejemplo 1: Se muestra en la consola. </h1>

HACER CLIC EN LA CONSOLA

PARA VISUALIZAR EL
RESULTADO.
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Document.Write </h1>

<p>El método document.write de Javascript permite escribir en una página texto,

3 el resultado de una función o las dos cosas. El resultado aparecerá en el lugar

exacto de la página donde se inserte el código. <p>

4 <h1> Ejemplo 2: </h1>

5
6
Hacer clic y refrescar la pagina donde

7
estamos programando nos damos
cuenta que se visualiza en la pagina.

8
<h1> Ejemplo 3: </h1>
9 <p>console.log() y Document.write al mismo tiempo, de esta manera
visualizamos los dos método tanto en consola y pantalla, también teniendo en
cuenta la etiqueta <br> para el salto de línea en pantalla. </p>

Ejemplo 1 Ejemplo 2
console.log Document.write
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Concatenando cadenas en JavaScript </h1>

<p>Concatenar es una elegante palabra de la programación que
3 significa: "unir". Para unir cadenas en JavaScript el símbolo de más (+), el mismo
operador que usamos para sumar números, pero en este contexto hace algo
diferente. Vamos a probar un ejemplo en nuestra consola. </p>
4 <p> Ejemplo : Declaramos las siguientes Variables y las concatenamos para
formar una frase. </p>
5 var T1 = " programación";

var T3 = "PROGRAMACIÓN";
6
var n1 = 30;
Ejemplo de
7 var T2 = " a un "; concatenación
var T4 = " A UN ";
8 var n2 = 50;

console.log("LA" + T3 + " NOS LLEVA DE UN " + n1 + T4 + n2 + "!");

9
 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Actividades a realizar<h1>

3 1. <p> Consulta y Elabora una ayuda visual donde explique que es un arreglo
en JavaScript y como se puede utilizar, dar un ejemplo. </p>

4 2. <p> De acuerdo a los temas abordados en la guía utiliza un método de

impresión consola o pantalla y en el editor Codesandbox elabora un paso
a paso de las cosas que debes llevar si vas de viaje a la playa por un día.
5 </p>

3. <p> Realiza un ejercicio de concatenación con las siguientes variables,

6 para este se debe tener en cuenta que se muestre en pantalla, con las
variables dadas se debe formar la frase, La programación nos ayuda a
desarrollar un 80 porciento mas de habilidades lógicas. </p>
7
8
9

4. <p> Consulta y realiza un ejemplo en el programa Codesandbox de como

se aplican los operadores aritméticos en JavaScript. </p>

<p> NOTA: NO OLVEDEN ADJUNTAR LA EVIDENCIA DE LA PARTE PRACTICA

PUNTOS 2,3,4, PARA ESTOS DEBEN COMPARTIR EL LINK DE CADA UNO DE
LOS EJERCICIOS REALIZADOS. </p>

<h1> CONTINUA EL APRENDIZAJE!!! </h1>

 Informática.html x

1 Hola, Bienvenidos al mundo de JavaScript, te invito a explorar

las herramientas.

2 <h1> Actividades a realizar<h1>

3 5. <p>Completa la rutina de pensamiento de acuerdo a lo
desarrollado en esta guía: </p>
4
5
6
7
8
9
 Informática.html x

1 <h1> Referencias<h1>
<p> Aws.amazon.com, 2023, ¿Qué es JavaScript?, Sección principal, Párr. 1.
Recuperado de https://aws.amazon.com/es/what-
is/javascript/#:~:text=JavaScript%20es%20un%20lenguaje%20de,usuario%20de%
2 20un%20sitio%20web. </p>

<p>mytaskpanel. 2022, JavaScript: características y beneficios. Blog español.

3 Recuperado de
beneficios-casos/ </p>
https://www.mytaskpanel.com/javascript-caracteristicas-

4 <p>Ed.team/blog, 2022 código javascript. Sección principal, par. 1. Recuperado

de https://ed.team/blog/ve-mas-alla-del-consolelog-y-mejora-tu-codigo-

5 javascript </p>

<p>Tech[t3ch]. 2022, Tutorial CodeSandbox - ¿Cómo se usa? [video].

6 Recuperado de https://youtu.be/sxFNUitxGKY </p>

7 <p> renderweb. 2018, Como Imprimir Salidas en Javascript [video]. Recuperado.

https://youtu.be/s6_eRYPcGGs </p>

8
<p> Developer.mozilla.org 2023, Manejar texto — cadenas en JavaScript[video].
9 Recuperado
https://developer.mozilla.org/es/docs/Learn/JavaScript/First_steps/Strings </p>

<p> Freecodecamp.org. 2022, Ejemplo de console.log() en JavaScript: Cómo

imprimir en la consola en JS, blog informativo Español. Recuperado
https://www.freecodecamp.org/espanol/news/ejemplo-de-console-log-en-
javascript-como-imprimir-en-la-consola-en-js/ </p>

<p> Digitallearning.es, 2021, Método document.write, blog sesión programación

parra, 1 Recuperado de https://www.digitallearning.es/intro-programacion-
js/documentwrite.html </p>
<p>Didáctico, 2018, Curso Javascript - como usar
document.write, [video]. Recuperado de
https://youtu.be/ig56vvPOPGQ </p>

<p>Programacionfacil.org, 2021,¿Cómo funciona la

concatenación en JavaScript?, blog sesión programación
parra, 1 Recuperado de
https://www.programacionfacil.org/cursos/javascript/javascript_
concatenar_capitulo_12.html </p>
 Informática.html x

1 <h1> COLEGIO VIRTUAL SIGLO XXI<h1>

2 <h1> COMPILACIÓN Y EDICIÓN DE CONTENIDOS </h1>

<h2> Informática y tecnología </h2>
3 <h2> Angie Misley López </h2>
4
5 <h1> REVISIÓN DE CONTENIDOS </h1>
<h1> Coordinación académica </h1>
6
7 <p> Los contenidos publicados en este libro digital son de
uso exclusivo del Colegio Virtual Siglo XXI. Se autoriza la
8 reproducción de los contenidos citando la fuente,
únicamente para fines académicos; en caso distinto se
9 requiere de la autorización escrita de la institución. <p>

<p> Carrera 31 A # 25ª – 07 Línea de atención al

cliente: 2681800
Línea gratuita: 018000919202 // Cel 3202617163
Fax: 2682357 Email:
[email protected] <p>