- 1

Programación Básica: Fundamentos y Creación de Proyectos en Línea
00:51 - 2

Programación Básica en Google Chrome: Variables y Funciones
08:12 - 3

Creación de una Página Web Básica con HTML
06:40 - 4

Estructura Básica de un Documento HTML
05:15 - 5

Estructura y funcionamiento básico de HTML y JavaScript
07:57 - 6

Instalación y uso básico de Visual Studio Code para programar
06:39 - 7

Declaración y Uso Básico de Variables en JavaScript
03:24 - 8

Programación de Piedra, Papel o Tijera en JavaScript
09:44 - 9

Programación de Piedra, Papel o Tijera en JavaScript
10:02 - 10

Generación de Números Aleatorios con JavaScript
10:32 - 11

Creación y uso de funciones en programación
14:05 - 12

Ciclos y Condiciones en Programación: Piedra, Papel o Tijera
04:11 - 13

Programación de un Juego de Piedra, Papel o Tijera en JavaScript
09:55 - 14

Manejo de Rutas y Archivos en Sistemas Operativos y Desarrollo Web
08:05 - 15

Manipulación del DOM y Eventos en JavaScript para Juegos Web
06:34 Quiz Fundamentos de Programación
Clases y Objetos: Fundamentos para Optimizar Juegos
Clase 46 de 84 • Curso Gratis de Programación Básica
Contenido del curso
- 16

Maquetación de Páginas Web para Videojuegos en HTML
14:12 - 17

Selección de Mascotas en HTML para Juegos Interactivos
12:53 - 18

Programar eventos de clic en botones HTML con JavaScript
15:23 - 19

Eventos de Carga en JavaScript: Iniciar Juego y Seleccionar Mascota
13:47 - 20

Selección de Mascota en JavaScript: Implementación y Validación
12:40 - 21

Manipulación del DOM con JavaScript para mostrar mascota seleccionada
11:14 - 22

Selección Aleatoria de Mascota Enemiga en JavaScript
12:31 - 23

Eventos de clic y lógica de ataque en JavaScript
12:16 - 24

Ataques Aleatorios para Mascotas Enemigas en JavaScript
08:43 - 25

Creación de Mensajes Dinámicos en Combate HTML y JavaScript
13:07 - 26

Lógica de Combate en JavaScript para Juego Mokepon
14:49 - 27

Operadores Lógicos en Programación: AND, OR y NOT
14:40 - 28

Actualización de Vidas en Juego de Combate con JavaScript
09:27 - 29

Validación de Vidas y Mensajes Finales en Juegos
08:48 - 30

Funcionalidad de Reinicio y Desactivación de Botones en Juego
10:56 - 31

Mostrar y ocultar secciones en HTML con JavaScript
15:12 Quiz Desarrollando un juego con HTML y JavaScript
- 32

Estilos CSS: Selectores, Propiedades y Valores
11:54 - 33

Tipos de Visualización en CSS: Display Block, Inline e Inline Block
06:48 - 34

Alineación de Elementos con Flexbox en CSS
10:56 - 35

Modelo de Caja en CSS: Espaciado y Bordes
10:00 - 36

Diseño y Estilo de Páginas Web con HTML y CSS
17:27 - 37

Estilos CSS para Botones en Juegos: Diseño de Pantallas Interactivas
08:37 - 38

Estilos CSS para Mejorar la Interfaz de un Juego
09:28 - 39

Estilizado de Pantallas de Juego con CSS y Flexbox
11:06 - 40

Separación de mensajes y estilos en JavaScript y HTML
21:10 - 41

CSS Grid: Organiza Elementos en Rejillas Bidimensionales
11:32 - 42

Diseño Responsivo con CSS: Media Queries y Flexbox
11:09 - 43

Pseudoclases en CSS: Mejora la Interacción del Usuario
08:31 Quiz Estilos con CSS
- 44

Optimización de Código JavaScript con Clases y Objetos
06:29 - 45

Optimización de Código JavaScript: Variables y Funciones
18:20 - 46

Clases y Objetos: Fundamentos para Optimizar Juegos
03:47 - 47

Construcción de Clases y Objetos en JavaScript
10:18 - 48

Uso de Arreglos para Almacenar Objetos en JavaScript
06:49 - 49

Agregar ataques a objetos en JavaScript
13:47 - 50

Renderizado Dinámico de Objetos en HTML con JavaScript
16:27 - 51

Solución de errores en variables y elementos HTML en JavaScript
07:22 - 52

Uso de Objetos para Centralizar Información en JavaScript
04:44 - 53

Selección de Mascota Aleatoria en JavaScript
07:07 - 54

Iteración de Arreglos y Manipulación DOM en JavaScript
12:17 - 55

Crear Función "mostrarAtaques" en JavaScript para Juegos
13:06 - 56

Eventos de Clic en Botones con JavaScript
20:45 - 57

Secuencia de Ataques y Validación de Resultados en JavaScript
15:53 - 58

Implementación de lógica de combate en juegos JavaScript
18:41 - 59

Programación de Juegos: Lógica de Ataques y Victorias
12:44 - 60

Optimización y Corrección de Errores en Juegos Web con JavaScript
13:33 Quiz Optimización de código
- 61

Dibujo y manejo de gráficos en Canvas con JavaScript
10:40 - 62

Movimiento de Capipepo en Canvas con HTML y JavaScript
05:54 - 63

Movimiento Continuo de Personajes en Canvas con JavaScript
11:04 - 64

Eventos de Teclado para Controlar Personajes en Juegos
08:23 - 65

Pintar Fondos y Personajes en Canvas HTML
12:03 - 66

Métodos de Clases en JavaScript para Juegos Interactivos
09:16 - 67

Detección de Colisiones en Videojuegos con JavaScript
13:00 - 68

Programación de eventos y colisiones en un juego interactivo
10:40 - 69

Ajuste Responsivo de Mapas en Pantallas con JavaScript
09:04 - 70

Estilos Responsivos en HTML y CSS para Mapas Interactivos
06:59 Quiz Mapa con canvas
- 71

Desarrollo de Juegos Multijugador con Cliente-Servidor y API
08:38 - 72

Instalación de Node.js en Windows para desarrollo backend
05:45 - 73

Uso básico de la terminal de comandos y Node.js
08:59 - 74

Creación de un Servidor Básico con Express.js en Node.js
08:19 - 75

Conceptos Clave de URIs y Verbos HTTP en Node.js
07:07 - 76

Desarrollo de API con Node.js y Comunicación Frontend-Backend
12:47 - 77

Selección de Mokepon y Comunicación JSON en Express.js
25:43 - 78

Implementación de un Endpoint para Coordenadas de Jugadores en Node.js
11:12 - 79

Integración de Coordenadas de Jugadores en Mokepon Multijugador
23:03 - 80

Optimización de Coordenadas en Videojuegos con JavaScript
05:17 - 81

Batalla Final en Mokepon: Implementación de Colisiones y Back-End
13:02 - 82

Implementación de Ataques en Tiempo Real para Videojuego Mokepon
10:42 Quiz Backend: videojuego multijugador
El mundo de la programación posee formas estandarizadas y buenas prácticas para escribir el código fuente de un proyecto. Una de ellas es conocida como la programación orientada a objetos.
Qué es la Programación Orientada a Objectos
La programación orientada a objetos o simplemente POO, es un paradigma de programación que utiliza el concepto de un “objeto” para agrupar información relacionada entre sí.
Si bien, estudiar este paradigma de programación requiere de todo un curso dedicado al mismo y meses de aprendizaje para comprender su funcionamiento y aplicarlo correctamente, podemos extraer algunos pocos conceptos de esta técnica de programación e implementarlo inmediatamente en nuestro software.
Entendiendo la teoría de objetos
Los objetos se basan en clases que representan un “molde” para generar los mismos y que todos tengan, en mayor o menor medida, la misma estructura.
Si, por ejemplo, estamos desarrollando una aplicación para administrar la construcción de casas, tendríamos la clase “Plano de Casa” y podríamos crear objetos “Casas”.
Atributos y métodos de los objetos
Dentro de un objeto encontrarás otros dos conceptos que forman al mismo, los atributos y los métodos.
Los atributos son variables que guardan información del objeto. Una casa podría tener atributos como el color, cantidad de ventanas, cantidad de puertas, tipo de material, todos los que necesitemos, todos basados en la clase que construye a ese objeto.
Otro ejemplo podría ser la clase animal que permita construir objetos del tipo perro, gato, elefante, etc. Cada uno con sus atributos como el tamaño, el peso, color, etc.
Los métodos son muy similares a las funciones que ya conoces. Así como los atributos son variables o datos que representan una característica del objeto, los métodos representan acciones que estos pueden tener y ejecutar.
Volviendo al ejemplo de las casas, una casa podría tener la acción de abrir y cerrar la puerta u otro método para pintar y cambiarle el color a toda la casa. Los animales podría tener una acción para hacer un sonido, ya sea ladrar, maullar, etc. u otra acción para comer o dormir.
Las clases y los objetos, con sus atributos y métodos, son los primeros conceptos que tienes que conocer sobre esta teoría. Observa que, gracias a este paradigma, puedes agrupar información relacionada en estos objetos.
¿Qué otros ejemplos de clases y objetos se te ocurren a ti? Piensa en cosas del mundo real y en cómo lo representarías, qué atributos y métodos tendría.
Conclusión
La programación orientada a objetos nos sirve para representar, de forma digital en nuestro software, conceptos o entidades del mundo real. Ya sean animales, vehículos, personas, edificios o realmente lo que sea que necesites moldear para definir una estructura y construir objetos a partir de la misma.
Dominar este paradigma de programación lleva su tiempo. De hecho, es un recomendable punto para continuar aprendiendo sobre programación cuando hayas finalizado este curso de programación básica, pero ya puedes comenzar a aprender un poco sobre esta teoría y a crear tu primer objeto.
Contribución creada por: Kevin Fiorentino (Platzi Contributor)