- 1

Fundamentos de JavaScript para Principiantes
02:49 - 2

Instalación y Configuración de JavaScript en Visual Studio Code
04:10 - 3

Instalación y configuración de Visual Studio Code y Node.js en Windows
05:11 - 4

Variables y Buenas Prácticas en JavaScript
09:23 - 5

Tipos de Datos en JavaScript: Primitivos y Complejos
07:59 - 6

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings
07:08 - 7

Números y Operaciones Matemáticas en JavaScript
09:30 - 8

Conversión de Tipos en JavaScript: Implícita y Explícita
04:33 - 9

Conversión de Tipos en JavaScript: Explícita e Implícita
12:20
Métodos y herencia prototípica en JavaScript
Clase 41 de 55 • Curso de Fundamentos de JavaScript
Contenido del curso
- 10

Operadores de Comparación en JavaScript: Igualdad y Desigualdad
06:12 - 11

Operadores Lógicos en Programación: AND, OR y NOT
04:33 - 12

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript
07:45 - 13

Juego de Adivinanza: Programación con Estructuras Condicionales
09:36 - 14

Estructura y uso del condicional Switch en programación
12:10 - 15

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript
07:31 - 16

Iteración con for-of en JavaScript para arrays y strings
04:26 - 17

Iteración sobre Objetos con forIn en JavaScript
07:38 - 18

Uso del ciclo while para iteración en programación
03:56 - 19

Ciclos doWhile: Estructura y Diferencias con While
03:13
- 20

Funciones en JavaScript: Cómo Calcular Precios con Descuentos
11:39 - 21

Diferencias entre Funciones y Métodos en JavaScript
10:01 - 22

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos
11:22 - 23

Arrow Functions y Enlace Léxico en JavaScript
10:31 - 24

Scope y Contextos de Ejecución en JavaScript
12:21 - 25

Closures y Ámbito Léxico en JavaScript
08:00 - 26

Fundamentos del Desarrollo Web: Frontend y Backend
02:11
- 27

Arrays: Propiedades, Acceso y Creación en Programación
09:09 - 28

Mutabilidad e inmutabilidad en arrays: conceptos y ejemplos prácticos
07:56 - 29

Métodos push y pop para modificar arrays en JavaScript
04:33 - 30

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos
12:53 - 31

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos
11:34 - 32

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos
03:52 - 33

Uso del método slice para extraer porciones de un array en JavaScript
05:28 - 34

Uso del Spread Operator en JavaScript: Copia, Combinación y Más
07:11
- 35

Programación Orientada a Objetos en JavaScript: Conceptos y Práctica
06:48 - 36

Creación y Manipulación de Objetos en JavaScript
09:05 - 37

Función constructora y gestión de instancias en JavaScript
11:36 - 38

Clases en JavaScript: Creación y Uso de Objetos con Sintaxis Moderna
06:17 - 39

Programación Orientada a Objetos en JavaScript: Clases y Prototipos
02:16 - 40

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico
15:38 - 41

Métodos y herencia prototípica en JavaScript
10:43 - 42

Uso de "this" en Clases y Funciones Constructoras
05:36 - 43

Validación de Usuarios en una Red Social: Algoritmo Básico
12:26 - 44

Implementación de la Función Sign-In y Validación de Usuario
09:00
- 45

Programación Síncrona y Asíncrona en JavaScript
04:37 - 46

Promesas en JavaScript: Asincronía y Manejo de Estados
11:36 - 47

Uso de Async/Await para Promesas Asíncronas en JavaScript
09:51 - 48

Peticiones asíncronas con for await en JavaScript
06:19 - 49

Fundamentos de HTTP: Cliente-Servidor y Métodos de Petición
03:12 - 50

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network
07:02 - 51

Peticiones HTTP en JavaScript: Fetch, GET, POST y DELETE
14:26 - 52

Envío de Datos al Servidor con JavaScript y Fetch API
10:40 - 53

Eliminar Posts con JavaScript y Delegación de Eventos
10:15 - 54

Manejo de IDs en JavaScript para eliminar artículos del DOM
02:23 - 55

Actualizaciones y Nuevas Funciones en JavaScript
01:48
¿Cómo crear métodos especiales en una instancia existente?
Al trabajar con instancias específicas de una clase en JavaScript, a veces necesitamos métodos únicos que no fueron definidos en la clase constructora original. Para abordar esta necesidad, es posible agregar nuevos métodos directamente a una instancia. Para llevar a cabo esto, simplemente declaramos el método como una función asociada a la instancia.
perro1.nuevoMetodo = function() {
console.log("Este es un nuevo método.");
};
Este enfoque añade el método solo a perro1, haciendo que otras instancias no lo tengan. Aunque funcional para escenarios específicos, este método no es elegante ni eficiente si queremos que todas las instancias compartan el mismo comportamiento.
¿Qué es el prototype y cómo se utiliza para agregar métodos?
El prototype en JavaScript es una herramienta fundamental para compartir métodos y propiedades a través de múltiples instancias de una clase constructora. Si buscamos que un método esté disponible para cada instancia de una clase, se debe añadir directamente al prototipo de esa clase.
Perro.prototype.segundoMetodo = function() {
console.log("Este es otro nuevo método.");
};
Con este enfoque, cualquier instancia de Perro, ya existente o creada en el futuro, podrá acceder a segundoMetodo. Esta técnica es esencial para la economía de memoria y eficiencia, ya que las funciones compartidas se almacenan en un solo lugar en la memoria.
¿Qué es una cadena de prototipos en JavaScript?
La cadena de prototipos es un concepto clave que explica cómo se heredan métodos y propiedades en JavaScript. Cuando se intenta acceder a una propiedad o método de un objeto, JavaScript primero busca en el propio objeto. Si no lo encuentra, sube por la cadena de prototipos hasta encontrarlo o llegar a null.
- Perro1 (instancia): No almacena métodos en el prototipo directamente.
- Perro (prototipo de clase): Aquí se encuentran los métodos compartidos por todas las instancias de
Perro. - Animal (clase base): Es la clase de la que
Perropodría extenderse. - Object (objeto global): La raíz de todos los objetos en JavaScript.
Este sistema de próxeda permite una distribución eficaz de métodos, optimizando recursos sin replicar funciones en cada instancia.
¿Cómo visualizar la cadena de prototipos?
Para entender visualmente cómo funciona una cadena de prototipos, podemos inspeccionar el prototipo de una instancia. Utilizamos Object.getPrototypeOf() para seguir la cadena.
let prototipoActual = Object.getPrototypeOf(perro1);
while (prototipoActual) {
console.log(prototipoActual);
prototipoActual = Object.getPrototypeOf(prototipoActual);
}
Este código recorre la cadena de prototipos, mostrando cómo perro1 está ligado al prototipo de Perro, luego a Animal y finalmente a Object.
Este sistema es esencial para aprovechar al máximo las capacidades de JavaScript, permitiendo herencia y métodos compartidos sin la duplicación innecesaria de datos. Aprender a usar prototipos eficientemente es un paso importante en el camino de todo desarrollador de JavaScript. ¡Sigue practicando y explorando para convertirte en un mejor programador!