Crea una cuenta y continúa aprendiendo 🚀

Regístrate o inicia sesión para continuar aprendiendo:

Javascript Aprendiz

Diseño base y referencias

Terminamos de definir el diseño base y empezamos a obtener referencias de los elementos de nuestra app.

Esta lección cuenta con 1 recursos adicionales:

piedra-papel-tijeras.zip

Aún estamos trabajando en esta sección.

Si esta lección es muy importante para ti, puedes solicitar aquí su transcripción, para que sea prioridad.

Preguntas en esta lección

Imagen de perfil

Instrucciones Verificar Funcionamiento Referencias No Funciona

 Publicado por Erik Rivera Mendoza · hace 4 meses

¡Hola Juan! En el minuto 6:40 se solicita abrir la Consola para asegurarse de que las referencias obtenidas funcionan correctamente. Sin embargo, siguiendo las intrucciones...

3

¿Tienes dudas?

Publicar pregunta

¡Comparte conocimiento!

X

Volver al índice

Regístrate

Inicia sesión para llevar un control de tu progreso.

Capítulos

01

Presentación del curso y recomendaciones

02

¿Qué herramientas vamos a necesitar?

03

Emmet en Sublime Text 3

04

¿Cuál es la diferencia exacta entre HTML, CSS y JS?

05

Consola de desarrollo de Chrome

06

Variables, valores y operadores

07

Tipos de datos y comentarios

08

Javascript es un lenguaje débilmente tipado

09

Conversión entre tipos de datos

10

Constantes

11

Condicionales

12

Bucles

13

Funciones

14

Ámbitos (Scopes)

15

Primeros pasos

16

Una tecla

17

Varias teclas

18

Repaso y refactorización

19

Pulsaciones del teclado

20

7 tipos de datos disponibles

21

Objetos

22

Arreglos

23

Funciones

24

Métodos y propiedades predefinidos

25

Esquema general

26

Añadiendo estilos CSS básicos

27

Diseño base y referencias

28

Elección del jugador y de la computadora

29

¡Y el ganador es!

30

Mostrando resultados finales

31

Diferencias entre var, let y const

32

Template literals

33

Tagged template literals

34

Operador rest

35

Operador spread

36

Desestructuración (destructuring)

37

El elemento Canvas de HTML5

38

Detectar pulsaciones del teclado (Flechas)

39

Cómo generar movimiento

40

¿Qué es el Main loop o Game loop?

41

Generar alimento para la snake

42

Colores y cómo consumir el alimento

43

Aumentar el tamaño de la snake

44

Detección de colisiones

45

Evitar dirección contraria

46

Límites del contexto

47

Game over

48

Validar posición aleatoria del alimento

49

Última dirección aplicada

50

Parámetros por defecto

51

Generadores e Iteradores

52

Programación Orientada a Objetos (POO)

53

Clases

54

Herencia entre clases

55

Getters y setters

56

¿Qué son los módulos? ¿Por qué usarlos?

57

Módulos en Javascript

58

Módulos en ES6

59

Import y Export

60

De ES6 a ES5 por compatibilidad

61

Webpack y Babel

62

Repaso acerca de node_modules y npm

63

Eliminando dependencias con npm uninstall

64

Webpack Dev Server y Live Reloading

65

Aplicando: Webpack, Babel, Preset, Serve

66

Square: Primer módulo y clase

67

Snake: Reemplazar funciones por métodos

68

Clase Game y fin de la refactorización

69

JS no es JQuery. ¿Es malo aprender JQuery?

70

Biblioteca VS Módulo VS Paquete

71

Ajax: ¿Qué es? ¿Requiere JQuery? Ejemplo.

72

Qué sigue, y palabras finales

73

Proyecto disponible en Github

74

Introducción a las Promesas en JS

75

Cómo crear una Promesa

76

Async y Await

77

Fetch API
Imagen de la serie Javascript 2025: El curso práctico y completo

Estás viendo un capítulo de la serie Javascript 2025: El curso práctico y completo

Aprende a programar desde cero

Espera un momento 🎁 ...

¿Te gustaría aprender a programar, gratis?

Mago de Programación y más

Sólo debes registrarte 😉.