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

13. Maquetación con HTML
14. Sección elegir mascota. (Repaso por las distintas opciones de la etiqueta input)
15. ¿Dónde ubicar la etiqueta script? Conectando HTML con Javascript
16. Escuchando con JS
17. addEventListener
18. Manipulación del DOM
19. Enemigos Aleatorios
20. Ataques en Javascript (Jugador y aleatorio Enemigo)
21. Imprimiendo los ataques seleccionados (Jugador y Enemigo)
22. Imprimiendo el estado de la batalla en al sección mensajes (Ganaste, Empataste o Perdiste)
23. Tablas de verdad (AND, OR, NOT, XOR)
24. Creando el contador de Vidas.
25. Revisando quién ganó el juego.
26. Reiniciando el juego.
27. Ocultando elementos HTML con JS para mejorar la UX del juego.

Estilos CSS

28. Anatomía de CSS.
29. Tipos de display.
30. Flexbox.
31. Modelo de Caja.
32. Imágenes para los Mokepones.
33. Estilos del botón.
34. Adaptando el HTML al diseño del juego.
35. Layout: título y ataques.
36. Adaptando Javascritp al diseño. Modificando el apartado mensajes y mensaje final.
37. CSS Grid, otra forma de presentar el contenido de la web.
38. Responsive Desing.
39. Detalles Finales, Pseudo-Clases.

Optimización del código

40. Revisión del código.
41. Don't Repeat Yourself (DRY).
42. Clases y Objetos
43. Clases y Objetos de DragonPon.
44. Arrays o arreglos en JS.
45. Objetos vs Arrays (Usando arrays dentro de los objetos y arrays dentro de arrays)
46. Ciclos: Manipulando el DOM con iteradores.
47. Declaración lenta de variables.
48. Una sola fuente de verdad.
49. Mascotas aleatorias con Arrays.