‘Unidad 3:’

{ Desarrollo Web con

Javascript
}
1 CONTENIDOS DE LA CLASE {
2
3
4
5
6
7
8
9 Funciones y Depuración
10
11
12
13
14 }
Argentina Programa 4.0
1 OBJETIVOS {
2
3
Aprender sobre las funciones más utilizadas en
4
JavaScript
5 Saber cómo crear nuestras propias funciones
6 personalizadas
7 Aprender a reutilizar nuestro código y hacerlo
8 más eficiente
9
10 Entender la estructura general de JavaScript.
11
Manejo de las herramientas de control de
12 código que tenemos disponibles.
13
14 }
Argentina Programa 4.0
 UNIDAD 3 - Desarrollo Web con Javascript

1
{
2
3
4
5
6 [ Depuración y Funciones ]
7
8
9
10
11
12
13
14 }
Argentina Programa 4.0
 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué es la Depuración? {
2
3 < La depuración (o debugging en inglés) en JavaScript se
4 refiere al proceso de identificar, diagnosticar y
corregir errores en el código de JavaScript. La
5
depuración es una parte importante del desarrollo de
6 aplicaciones web, ya que ayuda a asegurar que el código
7 sea confiable y funcione como se espera.
8
9 La sentencia console.log() es una herramienta
fundamental para depurar JavaScript. Se utiliza para
10 imprimir mensajes y valores en la consola del navegador,
11 lo que permite a los desarrolladores ver el valor de las
12 variables y comprobar si las líneas de código se están
13 ejecutando correctamente.
14
}
Argentina Programa 4.0
 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 Herramientas de Depuración {
2
< Existen varias herramientas y técnicas que se pueden utilizar para
3
depurar el código en JavaScript. Algunas de las más comunes son: >
4 < Consola de desarrolladores: La mayoría de los navegadores web
5 modernos tienen una consola de desarrolladores integrada que permite
1) inspeccionar el código y ejecutar comandos en tiempo real. La consola
6
es una herramienta útil para identificar errores en el código y para
7 depurar problemas de lógica. >
< Puntos de interrupción: Los puntos de interrupción son puntos
8 2) específicos en el código donde se detiene la ejecución para permitir
9 la inspección del estado del programa. Los desarrolladores pueden
utilizar los puntos de interrupción para inspeccionar el estado de
10
las variables y para examinar el flujo de ejecución del programa. >
11 < Impresión de mensajes de depuración: Los mensajes de depuración son
12 3) mensajes que se imprimen en la consola o en el código para ayudar a
los desarrolladores a entender lo que está sucediendo en el programa.
13 Los mensajes de depuración pueden ser útiles para rastrear errores y
14 } para entender el flujo de ejecución del programa. >

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué son los Breakpoints? {

2
3 < Los breakpoints o puntos de interrupción son
4 herramientas de depuración utilizadas en el
5 desarrollo de software para detener la ejecución
del código en un punto específico. Se utilizan
6
para inspeccionar el estado del programa y
7
verificar el valor de las variables en ese
8
momento. En JavaScript, los breakpoints son
9 especialmente útiles para depurar código en
10 tiempo real, ya que permiten a los
11 desarrolladores detener la ejecución del código
12 en un punto específico para examinar el estado
13 del programa y corregir errores. >
14
}
Argentina Programa 4.0
 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué son las Funciones y los Argumentos? {

2
3 < Las funciones son bloques de código que realizan una tarea
4 específica y se pueden reutilizar en diferentes partes del programa.
5 Las funciones pueden tomar argumentos como entrada y pueden devolver
un valor como salida. Las funciones son una parte fundamental de la
6
programación en JavaScript y se utilizan ampliamente en la creación de
7 aplicaciones web y en la manipulación de datos. >
< Los argumentos son valores que se pasan a la función para que pueda
8 realizar su tarea.
9 Las funciones pueden tener cero o más argumentos, y cada argumento
10 puede ser de cualquier tipo de datos válido en JavaScript, incluyendo
11 números, cadenas, objetos, arreglos y funciones. Los argumentos son una
forma importante de hacer que las funciones sean más flexibles y
12
adaptables a diferentes situaciones.>
13
}
14

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 Tipos de funciones en JavaScript {

2 <Funciones declarativas> { son funciones
3 que se definen utilizando la palabra clave
function seguida del nombre de la función y
4 se pueden invocar en cualquier parte del
5 código, incluso antes de ser declaradas. }
6 <Funciones expresivas> { se definen como una expresión en
una variable en lugar de utilizar la palabra clave
7
function. Estas funciones no se pueden llamar antes de su
8 definición debido a que son tratadas como una expresión
9 que se evalúa en el momento en que es asignada a la
variable. }
10
11
<Funciones flecha> { son una forma abreviada de
12
definir funciones expresivas y se utilizan para
13 escribir código más conciso. }
14
}
Argentina Programa 4.0
 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 Tipos de argumentos en JavaScript {

2
<Sin argumentos> { no reciben ningún valor
3 como entrada. Es decir, no necesitan que se
4 les pase ningún valor para poder ser
ejecutadas y realizar su tarea. }
5
6
<Argumentos obligatorios> { son los argumentos que
7 deben ser proporcionados a la función para que esta
8 pueda ser ejecutada correctamente. Si no se
proporciona un argumento requerido, se produce un
9 error.}
10
11
<Argumentos por defecto> { son argumentos que se
12 pueden establecer con un valor predeterminado en caso
13 de que no se proporcione un valor para ellos al
llamar a la función. }
14
}
Argentina Programa 4.0
 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué son los objetos? {

2
3 < En JavaScript, los objetos son una estructura de datos que
4 nos permite almacenar valores y funciones relacionados entre
5 sí. Cada objeto tiene un conjunto de propiedades y métodos que
6 lo describen y lo diferencian de otros objetos. >
7
8
9
10
11
12
13
}
14

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué son los arreglos? {

2
3 < En JavaScript, un arreglo es una estructura de datos que nos
4 permite almacenar una colección de elementos en una sola
5 variable. Cada elemento del arreglo tiene un índice numérico
6 que nos permite acceder a él individualmente. >
7
8
9
10
11
12
13
14 }

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué es la desestructuración de objetos? {

2
3 < La desestructuración de objetos es una característica de
4 JavaScript que nos permite extraer valores de un objeto y
5 asignarlos a variables individuales de forma más conveniente.
6 Esto nos permite escribir código más limpio y legible. >
7
8
9
10
11
12
13
14 }

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué es la desestructuración de arreglos? {

2 < La desestructuración de arreglos es una característica de
3 JavaScript que permite extraer datos de un arreglo y asignarlos
4 a variables individuales de forma sencilla y legible. Esto
5 puede ser útil cuando se trabaja con arreglos de datos
6 complejos y se desea acceder a valores específicos de manera
7 más eficiente. >
8
9
10
11
12
13
14 }

Argentina Programa 4.0

 Depuración y Funciones UNIDAD 3 - Desarrollo Web con Javascript

1 ¿Qué es la Modularización (import y export)? {

2 < La modularización en JavaScript es un enfoque que permite
3 dividir el código en módulos o bloques de funcionalidades más
4 pequeños y manejables. Esto mejora la legibilidad y la
5 mantenibilidad del código, ya que cada módulo se centra en una
6 tarea específica y se puede reutilizar en diferentes partes de
7 la aplicación. >
8
9
10
11
12
13
14 }

Argentina Programa 4.0