Scribd
Cargar
15 vistas51 páginas

JS

Este documento es una guía completa sobre JavaScript, que abarca desde conceptos básicos como variables y tipos de datos, hasta temas avanzados como la manipulación del DOM y el uso de Promises. Incluye secciones sobre objetos, arreglos, funciones, condicionales y eventos, proporcionando ejemplos y técnicas útiles. También se discuten herramientas como Fetch API y Async/Await para la gestión de operaciones asíncronas.

Cargado por

yurielgonzalezc
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
15 vistas51 páginas

JS

Este documento es una guía completa sobre JavaScript, que abarca desde conceptos básicos como variables y tipos de datos, hasta temas avanzados como la manipulación del DOM y el uso de Promises. Incluye secciones sobre objetos, arreglos, funciones, condicionales y eventos, proporcionando ejemplos y técnicas útiles. También se discuten herramientas como Fetch API y Async/Await para la gestión de operaciones asíncronas.

Cargado por

yurielgonzalezc
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 51

1

•
•
•
•
•
•
•

2
Tabla de Contenido

¿Qué es JavaScript? _________________________________________ 5


Entorno de desarrollo_______________________________________________________________ 5
Variables _________________________________________________________________________ 5
Tipos de datos y valores en JS ________________________________________________________ 7
Undefined ________________________________________________________________________________ 7
Boolean __________________________________________________________________________________ 8
Number __________________________________________________________________________________ 8
Strings o cadenas de texto ___________________________________________________________________ 8
BigInt ____________________________________________________________________________________ 8
Symbol __________________________________________________________________________________ 8
Null _____________________________________________________________________________________ 9

Objetos ___________________________________________________ 9
Características de los Objetos: ________________________________________________________ 9
Usando Destructuring _____________________________________________________________ 10
Object Literal Enhacement __________________________________________________________ 10
Manipulación de Objetos ___________________________________________________________ 11
Destructuring de 2 o mas objetos ____________________________________________________ 12
Unir dos objetos en un uno solo _____________________________________________________ 13

Arrays ___________________________________________________ 14
Operaciones con arreglos ___________________________________________________________ 15
Destruccturing array _______________________________________________________________ 17
Funciones – Function declaration ____________________________________________________ 20
Funciones con parámetros __________________________________________________________ 20
Funciones que retornan valores _____________________________________________________ 21
Funciones – Function Expression _____________________________________________________ 22
Arrow Functions __________________________________________________________________ 22
Arrows Function y Arrows Methods __________________________________________________ 23
CONDICIONALES – IF ______________________________________________________________ 28
Condicionales || y && (or, and) ______________________________________________________ 29

3
Condicionales - Ternarios ___________________________________________________________ 30
Scope de Variables ________________________________________________________________ 31

El DOM __________________________________________________ 31
QUERYSELECTOR__________________________________________________________________ 33
QUERYSELECTORALL _______________________________________________________________ 34
Manipulación de HTML con JS _______________________________________________________ 35
Eventos en JS ____________________________________________________________________ 36
Eventos para inputs _______________________________________________________________ 38
Eventos para submit _______________________________________________________________ 40
Generar código HTML con JS ________________________________________________________ 41
Imports y Exports _________________________________________________________________ 42
Fetch API y Promises ______________________________________________________________ 44
Fetch API con Async/Await _________________________________________________________ 47
Multiples Async/Await y Performance ________________________________________________ 48
Template String___________________________________________________________________ 50

Bibliografia ________________________ ¡Error! Marcador no definido.

4
¿Qué es JavaScript?

Entorno de desarrollo

•
•

Variables

5
6
Tipos de datos y valores en JS

7
8
Objetos

Características de los Objetos:

9
Usando Destructuring

Object Literal Enhacement

10
Manipulación de Objetos

11
Destructuring de 2 o más objetos

12
Unir dos objetos en un uno solo

13
Arrays

•
•

14
Operaciones con arreglos

15
16
Destruccturing array

17
•
• ,
•

• ,
• ,
• ,
• ,
•

18
•

19
Funciones – Function declaration

Funciones con parámetros

20
Funciones que retornan valores

21
Funciones – Function Expression

Arrow Functions

22
•

Arrows Function y Arrows Methods

23
‘

•
•

24
25
26
27
CONDICIONALES – IF

28
Condicionales || y && (or, and)

29
Condicionales - Ternarios

La condición Acción que se ejecuta si la Acción que se ejecuta si la


condición es verdadera condición NO es verdadera

30
Scope de Variables

El DOM

31
32
selector Clase

QUERYSELECTOR

33
QUERYSELECTORALL

34
Manipulación de HTML con JS

35
Eventos en JS

36
•

37
o

Eventos para inputs

38
•

39
Eventos para submit

40
Generar código HTML con JS

41
Imports y Exports

42
Entonces se debe de hacer de la siguiente manera:

Y en el archivo js28.js, hacer estos cambios:

43
O darle un alias:

Fetch API y Promises

44
45
46
Fetch API con Async/Await

47
•

Múltiples Async/Await y Performance

48
•

49
•

Template String

50
Bibliografía

51

También podría gustarte