Skip to content

Latest commit

 

History

History
68 lines (58 loc) · 2.38 KB

README.md

File metadata and controls

68 lines (58 loc) · 2.38 KB
Raw

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.