Fundamentos de Programación

1

Bienvenida a Platzi: ¬Ņqu√© necesitas para tomar el curso?

2

¬ŅC√≥mo aprender programaci√≥n?

3

Crea tu primer sitio web

4

Sitios web con HTML

5

Estructura de √°rbol en HTML

6

Visual Studio Code

7

Cómo declarar variables y usar prompt

8

Algoritmo de piedra, papel o tijera

9

Algoritmo avanzado de piedra, papel o tijera

10

Aleatoriedad

11

Refactor del código usando funciones

12

Ciclos

13

Gana 3 veces

14

Archivos de HTML y JavaScript

15

¬ŅQu√© es el DOM?

Quiz: Fundamentos de Programación

Desarrollando un juego con HTML y JavaScript

16

Maquetación con HTML

17

Sección de elegir mascota

18

¬ŅD√≥nde ubicar la etiqueta script? Conectando HTML con JavaScript

19

Escuchando eventos con JavaScript

20

addEventListener

21

Manipulación del DOM

22

Enemigos aleatorios

23

Ataques en JavaScript

24

Ataques aleatorios del enemigo

25

Imprimiendo ataques del enemigo

26

¬ŅGanaste, perdiste o empataste?

27

Tablas de verdad

28

Creando el contador de vidas

29

¬ŅQui√©n gan√≥ el juego?

30

Reiniciando el juego

31

Ocultando elementos HTML con JS para mejorar la UX del juego

Quiz: Desarrollando un juego con HTML y JavaScript

Estilos con CSS

32

Anatomía de CSS

33

Tipos de display

34

Flexbox

35

Modelo de caja

36

Im√°genes para los Mokepones

37

Estilos del botón

38

Adaptando HTML al dise√Īo del juego

39

Layout: título y ataques

40

Adaptando JavaScript al dise√Īo del juego

41

CSS Grid

42

Responsive Design

43

Detalles finales

Quiz: Estilos con CSS

Optimización de código

44

Revisión de código

45

Don't repeat yourself (DRY)

46

Clases y objetos

47

Clases y objetos de Mokepon

48

Arrays o arreglos

49

Objetos vs. arreglos

50

Ciclos: manipulando el DOM con iteradores

51

Declaración lenta de variables

52

Una sola fuente de la verdad

53

Mascotas aleatorias con arreglos

54

Ataques din√°micos por cada mascota: extraer

55

Renderizado din√°mico en HTML

56

Eventos de click din√°micos

57

Secuencia de ataques del enemigo

58

Iniciando el combate

59

Resolviendo el reto de condicionales

60

Optimizando el frontend del juego

Quiz: Optimización de código

Mapa con canvas

61

Introducción a canvas: dibujando con JavaScript

62

Moviendo a Capipepo hacia la derecha

63

Movimiento hacia todas las direcciones

64

Movimientos con el teclado

65

Im√°genes y personajes de fondo

66

Métodos en las clases

67

Obst√°culos y colisiones

68

Combate entre mokepones colisionados

69

Mapa responsive

70

Botones bonitos y viewport

Quiz: Mapa con canvas

Backend: videojuego multijugador

71

¬ŅQu√© es backend?

72

Instalación de Node.js y NPM

73

Terminal de comandos y Node.js

74

Servidor web con Express.js

75

HTTP, localhost, servidores y puertos

76

Express.js y fetch: API REST con JavaScript

77

JSON y POST: mokepon online

78

Transmisión de coordenadas

79

Mokepones din√°micos en el mapa

80

Optimizando el mapa del juego

81

Batalla entre jugadores

82

Consumiendo la API de ataques del enemigo

Quiz: Backend: videojuego multijugador

Próximos pasos

83

Probando el juego en varios dispositivos

84

¬ŅY ahora qu√© curso tomar?

No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Probando el juego en varios dispositivos

83/84
Recursos

Aportes 12

Preguntas 3

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Para deshabilitar el seleccionado del texto en los botones se puede hacer con el siguiente codigo en css

user-select: none;

YO: DESPU√ČS DE ACBAR EL CURSO DE PROGRAMACI√ďN B√ĀSICA

Es importante para que funcione el servidor, que el archivo html se llame index.html, de lo contrario, el servidor no lo interpretara y responder√° con un error 404.

La dirección IP es una dirección de cada computador que nos permite acceder a éste desde otros dispositivos.
Entonces al poner https://192.168.10.116:8080 estamos accediendo al puerto 8080 del computador que tiene la dirección 192.168.10.116.

IP local

En este caso, esta es una IP local, es decir, solo podrán usarla aquéllos que estén bajo la misma red (es decir, conectados al mismo router).

IP p√ļblica

Vuestro router tiene una IP p√ļblica con el que se puede acceder a vuestra red. Para comunicar puertos concretos hacemos Port Forwarding, esto es decirle al router que, cada vez que reciba una petici√≥n al puerto - por ejemplo - 8080, que mande esa petici√≥n a un computador concreto.

Así es que, configurando correctamente el router, podéis tener un servidor en vuestro propio hogar.

Disclaimer

No estoy seguro de si puede ser peligroso hacer ésto, solo lo comento como dato.

Así había solucionad, ya que había visto ese hueco.

Para remplazar todos los "localhost"
use la opcion de visual studio code: ‚ÄúSelect All Ocurrences‚ÄĚ

Ctrl + Shift + L por defecto

Hola. simpre sale este error, pero no se por que es, y hay veses que no deja funcionar bien la aplicacion, si a alguien mas le sale confirmen.

Yo en mi trabajo y junto con los que he desarrollado c√≥digo, al proceso de testing le bautizamos el proceso Cletus ‚ÄúHacerlo a prueba de idiotas‚ÄĚ jajajja

Aaaaparte modifique el codigo para quitar el boton de seleccionar, y en cambio al dar click sobre el nombre de la mascota se oculte esa parte y salga la otra pantalla. ūüėĄ me parecio mas f√°cil para cuando es en mobile, directo seleccionar al dar tap a la mascota

Si no les aparece el IPv4 con wifi es porque están usando Ethernet desde su pc, así que desconecten su cable y conecten wifi o usen otra pc para conocer el IPv4.

Pueden consultar la IPv4 desde el cmd de windows.

el curoso fue genial, aun que casi al final me explota el cerebro.
es cierto que en el proyecto hay muchar areas de opotunidad que se pueden mejorar.
pero esta genial este curso

Yo hice lo mismo que otro compa√Īero, si no selecciona mascota, sale un alert y al darle en aceptar se reinicia el juego