Introducción a JavaScript

1

Fundamentos de JavaScript para Principiantes

2

Instalación y Configuración de JavaScript en Visual Studio Code

3

Instalación y configuración de Visual Studio Code y Node.js en Windows

4

Variables y Buenas Prácticas en JavaScript

5

Tipos de Datos en JavaScript: Primitivos y Complejos

6

Manipulación de Strings en JavaScript: Escritura, Concatenación y Substrings

7

Números y Operaciones Matemáticas en JavaScript

8

Conversión de Tipos en JavaScript: Implícita y Explícita

9

Conversión de Tipos en JavaScript: Explícita e Implícita

Estructuras de Control y Lógica

10

Operadores de Comparación en JavaScript: Igualdad y Desigualdad

11

Operadores Lógicos en Programación: AND, OR y NOT

12

Estructuras Condicionales: Uso de IF, ELSE y ELSE IF en JavaScript

13

Juego de Adivinanza: Programación con Estructuras Condicionales

14

Estructura y uso del condicional Switch en programación

15

Ciclo For: Iteración de Listas y Uso de Console.log en JavaScript

16

Iteración con for-of en JavaScript para arrays y strings

17

Iteración sobre Objetos con forIn en JavaScript

18

Uso del ciclo while para iteración en programación

19

Ciclos doWhile: Estructura y Diferencias con While

Funciones y This

20

Funciones en JavaScript: Cómo Calcular Precios con Descuentos

21

Diferencias entre Funciones y Métodos en JavaScript

22

Funciones Puras e Impuras en Programación: Conceptos y Ejemplos

23

Arrow Functions y Enlace Léxico en JavaScript

24

Scope y Contextos de Ejecución en JavaScript

25

Closures y Ámbito Léxico en JavaScript

26

Fundamentos del Desarrollo Web: Frontend y Backend

Manipulación de Arrays

27

Arrays: Propiedades, Acceso y Creación en Programación

28

Mutabilidad e inmutabilidad en arrays: conceptos y ejemplos prácticos

29

Métodos push y pop para modificar arrays en JavaScript

30

Métodos map y forEach en JavaScript: Uso y Ejemplos Prácticos

31

Métodos Filter y Reduce en JavaScript: Uso y Ejemplos Prácticos

32

Métodos find y findIndex en JavaScript: Uso y ejemplos prácticos

33

Uso del método slice para extraer porciones de un array en JavaScript

34

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

Programación Orientada a Objetos

35

Programación Orientada a Objetos en JavaScript: Conceptos y Práctica

36

Creación y Manipulación de Objetos en JavaScript

37

Función constructora y gestión de instancias en JavaScript

38

Clases en JavaScript: Creación y Uso de Objetos con Sintaxis Moderna

39

Programación Orientada a Objetos en JavaScript: Clases y Prototipos

40

Prototipos y Herencia en JavaScript: Construcción y Uso Práctico

41

Métodos y herencia prototípica en JavaScript

42

Uso de "this" en Clases y Funciones Constructoras

43

Validación de Usuarios en una Red Social: Algoritmo Básico

44

Implementación de la Función Sign-In y Validación de Usuario

Asincronía en JavaScript

45

Programación Síncrona y Asíncrona en JavaScript

46

Promesas en JavaScript: Asincronía y Manejo de Estados

47

Uso de Async/Await para Promesas Asíncronas en JavaScript

48

Peticiones asíncronas con for await en JavaScript

49

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

50

Peticiones HTTP en Frontend: Uso de Fetch y Análisis en Network

51

Peticiones HTTP en JavaScript: Fetch, GET, POST y DELETE

52

Envío de Datos al Servidor con JavaScript y Fetch API

53

Eliminar Posts con JavaScript y Delegación de Eventos

54

Manejo de IDs en JavaScript para eliminar artículos del DOM

55

Actualizaciones y Nuevas Funciones en JavaScript

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Programación Orientada a Objetos en JavaScript: Conceptos y Práctica

35/55
Recursos

¿Qué son los objetos en programación?

Los objetos son un concepto fundamental en programación, especialmente en la programación orientada a objetos. Se pueden considerar como estructuras de datos que permiten agrupar información en un formato de "propiedad-valor". Este concepto es crucial para representar entidades del mundo real en el ámbito digital, permitiendo abstraer y estructurar información de forma organizada.

¿Cómo se estructura un objeto?

Un objeto se compone de propiedades y valores. Cada propiedad representa un atributo del objeto y está asociada a un valor. La síntaxis típica para representar un objeto es a través de llaves {} y dentro se definen pares de propiedad: valor.

Ejemplo de objeto en JavaScript:

const persona = {
  nombre: "John",
  edad: 30,
  direccion: {
    calle: "Avenida Insurgentes número 187",
    ciudad: "Ciudad de México"
  }
};

En este ejemplo, el objeto persona tiene varias propiedades: nombre, edad, y direccion. Además, direccion es un objeto anidado con sus propias propiedades.

¿Cómo se pueden generar acciones en objetos?

Los objetos no solo almacenan datos, también pueden ejecutar acciones a través de métodos. Un método es básicamente una función asociada a un objeto. Estas funciones permiten a los objetos realizar acciones, como interacciones o cálculos.

Ejemplo de método dentro de un objeto:

const persona = {
  nombre: "John",
  edad: 30,
  saludar: function() {
    return `Hola, mi nombre es ${this.nombre}`;
  }
};

console.log(persona.saludar()); // Imprime "Hola, mi nombre es John"

En este caso, saludar es un método del objeto persona que devuelve un saludo utilizando la propiedad nombre del mismo objeto.

¿Por qué son importantes los objetos en programación?

Los objetos permiten representar de forma efectiva y eficiente entidades del mundo real dentro de un programa. Mediante la abstracción, se pueden crear modelos complejos que imitan comportamientos, propiedades y características reales. Este enfoque es base de la programación orientada a objetos, un paradigma que facilita el manejo de la complejidad en el desarrollo de software.

Aplicaciones prácticas de los objetos

  1. Modelado de entidades: Permiten modelar cualquier cosa del mundo real, como usuarios, productos o vehículos.

  2. Reutilización de código: Los objetos pueden contener métodos reutilizables, facilitando la creación de código modular.

  3. Mantenimiento y escalabilidad: Fomentan un diseño de código organizado y escalable, manejable a medida que los proyectos crecen.

  4. Interacción y dinámica: Agregan dinamismo a las aplicaciones al permitir la ejecución de funciones específicas del objeto.

Los objetos son una herramienta poderosa en el arsenal de cualquier desarrollador. Comprender cómo crearlos y utilizarlos es crucial para desarrollar aplicaciones eficientes y escalables. Al estudiar objetos, te sumerges en el apasionante mundo de la programación orientada a objetos, expandiendo tus habilidades y permitiéndote crear soluciones más funcionales y versátiles.

Aportes 14

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Esta grafica es un buen resumen ![](https://static.platzi.com/media/user_upload/objetos-c6f9eade-635b-4934-970c-048a9b6fb00f.jpg)
### **¿Qué es un objeto en JavaScript?** Un **objeto** en JavaScript es una colección de propiedades. Cada propiedad tiene un nombre (llamado clave) y un valor asociado. Los valores pueden ser de cualquier tipo, incluyendo otros objetos, funciones, arreglos, etc. Un objeto es como una **"caja"** donde puedes guardar diferentes valores relacionados entre sí. Es muy útil cuando tienes muchos datos que pertenecen a una misma entidad. **¿Cómo se utiliza?** 1. Creas un objeto con un conjunto de propiedades. 2. Cada propiedad tiene un **nombre** (o clave) y un **valor**. 3. Puedes acceder, agregar o modificar estas propiedades. **Ejemplo:** Imaginemos que tienes un objeto que representa a un estudiante, con información como su nombre, edad y calificaciones. ```js // Ejemplo de objeto estudiante let estudiante = { nombre: 'Marco', edad:17, // objeto calificaciones de mi estudiante calificaciones:{ matematicas:8, ingles:9, historia:7, }, // Imprimir saludo con nombre y edad saludar: function(){ console.log(`Hola, soy ${this.nombre} y tengo ${this.edad} años`); } } // Acceder a las propiedades del objeto console.log(estudiante.nombre); // "Marco" console.log(estudiante.calificaciones.ingles); // 9 // Usar un método del objeto estudiante.saludar(); // "Hola, soy Marco y tengo 17 años." ``` **¿Qué está pasando aquí?** * **Propiedades**: El objeto `estudiante` tiene varias propiedades: `nombre`, `edad` y `calificaciones`. Estas propiedades almacenan datos relacionados con el estudiante. * **Método**: También tiene una función llamada `saludar`, que es un método del objeto. Los métodos son funciones que están asociadas a un objeto. * **Acceso**: Usamos la notación de punto (`.`) para acceder a las propiedades y métodos del objeto. Por ejemplo, `estudiante.nombre` devuelve `"Juan"`. * ![](https://static.platzi.com/media/user_upload/objeto_expl-65e1bfe3-5e5b-4ac4-8da5-0cde291ec057.jpg)
La mejor forma de entender programación orientada a objetos es con el ejemplo de las galletas 😅 ![]()![](https://static.platzi.com/media/user_upload/image-987627ca-6a24-48f7-85a5-89b79a0a4568.jpg)
# Resumen de la clase Conocer y entender los objetos es fundamental para aprender JavaScript, ya que estos están presentes hasta en la sopa! Como siempre te invito a que le eches un vistazo a la [📃 documentación del tema](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object) y empieces a practicar con ellos desde ya! Aquí te dejo mi resumen de hoy! Hay una parte de la clase de hoy que ya tocamos en la [Lección #22 Funciones vs Métodos](https://platzi.com/clases/10266-javascript/70369-funciones-vs-metodos/) por si quieres repasar el tema! ![](https://i.imgur.com/ZXB8fcK.png)
Los objetos en JavaScript son estructuras de datos que almacenan información en formato clave-valor. Cada clave (o propiedad) se asocia a un valor, que puede ser de diversos tipos. Además, los objetos pueden contener métodos, que son funciones que permiten realizar acciones sobre esos datos. Esto permite una interacción más rica en la programación orientada a objetos.
<u>prueba</u>
Los métodos en JavaScript son funciones que están asociadas a un objeto. Aunque en su esencia son funciones, su contexto de uso es particular, ya que permiten interactuar con las propiedades del objeto al que pertenecen. Por lo tanto, sí, los métodos son funciones, pero con un propósito específico en la programación orientada a objetos.
Buena classe aunque deberia explicar mas los methods y como puedes declararlos de multiples maneras
**Objetos**: Un objeto es una colección de propiedades, donde cada propiedad es una asociación entre una clave (nombre) y un valor. En JavaScript, los objetos pueden contener tanto datos (como cadenas, números, arreglos) como funciones (métodos). ```js const persona = { nombre: "Juan", edad: 30, saludar: function() { console.log(`Hola, mi nombre es ${this.nombre}`); } }; ```const persona = { 2 nombre: "Juan", 3 edad: 30, 4 saludar: function() { 5 console.log(`Hola, mi nombre es ${this.nombre}`); 6 } 7};
## Introducción a Objetos en Programación * Los objetos son una estructura de datos fundamental en programación, que permiten almacenar información de manera organizada y accesible. * JSON (JavaScript Object Notation) es un formato comúnmente utilizado para representar objetos en programación. ## ¿Qué son los objetos y cómo se estructuran? * Un objeto es una estructura de datos que almacena valores en pares clave-valor (key-value). * Cada objeto tiene un nombre y contiene propiedades (claves) y sus respectivos valores. * La sintaxis básica de un objeto en JavaScript incluye el nombre del objeto, seguido de corchetes {} donde se definen las propiedades y valores. ## Ejemplo de un objeto en JavaScript * Un objeto típico podría representar una entidad del mundo real, como una persona. * Por ejemplo:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" } }; * En este ejemplo, el objeto `persona` tiene propiedades como `nombre`, `edad`, y `direccion`, donde `direccion` es a su vez otro objeto con sus propias propiedades. ## Métodos en objetos * Además de propiedades, los objetos pueden contener métodos, que son funciones asociadas al objeto. * Los métodos permiten que el objeto realice acciones. Por ejemplo, un método `saludar` dentro del objeto `persona`:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" }, saludar: function() { console.log("Hola, mi nombre es " + this.nombre); } }; * Al llamar `persona.saludar()`, la salida será "Hola, mi nombre es John". ## Importancia de los objetos en la Programación Orientada a Objetos (POO) * Los objetos son la base de la Programación Orientada a Objetos (POO), que se centra en la abstracción de entidades del mundo real en la programación. * POO facilita la creación de estructuras complejas y reutilizables mediante el uso de objetos y sus interacciones. ## Próximos pasos * Practicar la creación y uso de objetos en tus proyectos de programación. * Experimentar con propiedades y métodos para entender mejor su funcionalidad. * Continuar aprendiendo sobre POO y cómo aplicar estos conceptos en proyectos más grandes y complejos.
Resumen: Un objeto es una estructura de datos que permite almacenar valores en pares de clave/valor (key/value), lo que facilita la organización y acceso a la información. En un objeto, las propiedades representan los datos, y los métodos son funciones asociadas al objeto que permiten realizar acciones o interacciones. Sintaxis básica: ```js const objeto = { propiedad1: valor1, propiedad2: valor2, metodo: function() { // Acción o interacción } }; ``` **Propiedades:** Son las características o atributos del objeto, definidas en formato clave: valor. **Métodos:** Son funciones asociadas a un objeto que permiten realizar acciones o interacciones con sus propiedades. **Ejemplo: Objeto persona** ```js const persona = { nombre: 'Ana', edad: 30, direccion: { // Objeto anidado calle: 'Av Insurgente 187', ciudad: 'CDMX' }, saludar() { // Método del objeto console.log(`Hola, mi nombre es ${this.nombre}`); } }; ```
![](https://static.platzi.com/media/user_upload/image-9bf13f5b-7717-431c-a869-e1fa4446f592.jpg) ![](https://static.platzi.com/media/user_upload/image-00127666-4436-4b09-ae35-b6ac53e6f0cc.jpg)
**RESUMEN:** ![](https://static.platzi.com/media/user_upload/image-fe651847-2690-4f5e-a455-f7f13c3122af.jpg)
<u>prueba </u>