Nuevo Curso de Programación Básica

Archivos creados en el nuevo curso de programación básica con html, css y javascript Nota: Con META/Windows + . se abre la ventana de emojis de KDE Plasma.

Pasos:

Fundamentos de Programación

1. Crear tu primer sitio web
2. Sitios web con HTML
3. Estructura HTML
4. Editores de texto para programación (Visual Studio Code, Kwrite, Atom, etc)
5. Declaración de variables en la parte script
6. Algoritmo del juego "Piedra, papel o tijera" (Variables y condiciones)
7. Algoritmo avanzado del juego "Piedra, papel o Tijera"
8. Creando la parte aleatoria para la elección del PC. 8.1. Reto reducir líneas de código para mejorar el programa.
9. Refactor del código usando funciones
10. Ciclos
11. Archivos HTML y Javascript. Estructura del proyecto y estructura de archivos.
12. ¿Qué es el DOM

Desarrollando un juego con HTML y Javascript

1. Maquetación con HTML
2. Sección elegir mascota. (Repaso por las distintas opciones de la etiqueta input)
3. ¿Dónde ubicar la etiqueta script? Conectando HTML con Javascript
4. Escuchando con JS
5. addEventListener
6. Manipulación del DOM
7. Enemigos Aleatorios
8. Ataques en Javascript (Jugador y aleatorio Enemigo)
9. Imprimiendo los ataques seleccionados (Jugador y Enemigo)
10. Imprimiendo el estado de la batalla en al sección mensajes (Ganaste, Empataste o Perdiste)
11. Tablas de verdad (AND, OR, NOT, XOR)
12. Creando el contador de Vidas.
13. Revisando quién ganó el juego.
14. Reiniciando el juego.
15. Ocultando elementos HTML con JS para mejorar la UX del juego.

Estilos CSS

1. Anatomía de CSS.
2. Tipos de display.
3. Flexbox.
4. Modelo de Caja.
5. Imágenes para los Mokepones.
6. Estilos del botón.
7. Adaptando el HTML al diseño del juego.
8. Layout: título y ataques.
9. Adaptando Javascritp al diseño. Modificando el apartado mensajes y mensaje final.
10. CSS Grid, otra forma de presentar el contenido de la web.
11. Responsive Desing.
12. Detalles Finales, Pseudo-Clases.

Optimización del código

1. Revisión del código.
2. Don't Repeat Yourself (DRY).
3. Clases y Objetos
4. Clases y Objetos de DragonPon.
5. Arrays o arreglos en JS.
6. Objetos vs Arrays (Usando arrays dentro de los objetos y arrays dentro de arrays)
7. Ciclos: Manipulando el DOM con iteradores.
8. Declaración lenta de variables.
9. Una sola fuente de verdad.
10. Mascotas aleatorias con Arrays.
11. Ataques dinámicos por cada mascota: extraer
12. Renderizado dinámico en HTML
13. Eventos de click dinámicos
14. Mascotas Aleatorias con arrays
15. Ataques dinámicos por cada mascota: extraer
16. Rederizado dinámico en HTML
17. Eventos de click dinámicos
18. Secuencia de ataques del enemigo
19. Iniciando el combate
20. Resolviendo el reto de condicionales
21. Optimizando el frontend del juego

Mapa con canvas

1. Introducción a canvas: dibujando con Javascript
2. Moviendo a Capipepo hacia la derecha
3. Movimiento hacia todas las direcciones
4. Eventos de teclado para controlar personajes en juegos.
5. Pintar Fondos y Personajes en Canvas HTML.
6. Métodos de Clases en JS para Juegos Interactivos.
7. Detección de colisiones en Videojuegos en Javascript.
8. Programación de eventos y colisiones en un juego interactivo.
9. Ajuste Responsive de Mapas en Pantallas con Javascript.
10. Estilos Responsive en HTML y CSS para mapas interactivos.

Backend: videojuego multijugador

1. Desarrollo de Juegos Multijugador con Cliente-Servidor y API.
2. Instalación de Node.js en Windows para desarrollo backend.
3. Uso básico de la terminal de comandos y Node.js.
4. Creación de un servidor básico con Express.js en Node.js.
5. Conceptos clave de URIs y Verbos HTTP en Node.js
6. Desarrollo de API con Node.js y Comunicación Frontend y Backend
7. Selección de Mokepon y Comunicación JSON en Express.js
8. Implementación de un Endpoint/servicio para coordenadas de jugadores en Node.js
9. Integración de Coordenadas de Jugadores en DragonPon Multijugador
10. Optimización de Coordenadas en Videojuegos con Javascript.
11. Batalla final en DragonPon: Implementación de Colisiones y Backend.
12. Implementación de Ataques en Tiempo Real para videojuego DragonPon.
13. Corrección de errores en juego multijugador con Node.js