Simulando una Batalla Pokemón

Objetivo

El desarrollo de este proyecto no es más que la práctica de algunos conocimientos e invitar a quienes inician en Git y GitHub a practicar haciendo Fork y pull Requests a este repositorio.

¿Eres un maestro Pokemon? 🎮🔥

Diviertete un rato y demuestra tus agallas en una batalla 1 vs 1. Ingresa aqui 🎮🔥

¿Que vas a encontrar o no en este repositorio?

Inicialmente las consultas a la API se realizaban con jQuery, desde el segundo commit y hasta mitad de la maquetación se encuentra una consulta usando jQuery y promesas explicitamente. A mitad del desarrollo, el curso de "De Jquery a JS" me convencio de crear el codigo con JavaScript puro y ejecutando las consultas con el metodo fetch.

• Consumo de una API: The RESTful Pokémon API
• JavaScript Vanilla
  • ECMAScript 6
  • Clases y objetos
  • Funciones asincronas
  • Arrow functions
  • Manejo de errores con try catch
  • Uso de var, let y const
  • Variables locales y globales
  • Manejo de elementos del DOM
• HTML5
  • Control de etiquetas
  • Reutilización de componentes y clases
• CSS3
  • Selectores de clase, de id y de etiqueta
  • Control de elementos con Display flex
    • flex-direction
    • justify-content
    • align-items
    • align-self
    • flex-wrap
  • Iteración del display de elementos
  • Uso de :hover para elementos dinamicos
  • Animaciones
  • Unidades de medida relativas y absolutas
  • Elementos con mas de una clase
  • Imagenes de rutas absolutas y relativas
  • Responsive Design
  • Preprocesadores
• GitHub Pages

Mejorará en futuras versiones

Cursos recomendados para crear un proyecto como este

Curso de Desarrollo Web Online

Fundamentos de JavaScript

Curso Profesional de Git y GitHub

Curso de jQuery a JavaScript

Respecto a las imagenes

La mayoría de las imagenes son obtenidas de rutas absolutas...

1. Principalmente para evitar muchos binarios en el repositorio.
2. Las imagenes fueron seleccionadas para no infringir sobre los derechos de autor
3. Los sitios de donde se obtienen las imagenes tienen permitido el uso personal y no comercial de su contenido multimedia.

¿Cómo puedo contribuir y ser parte del proyecto?

Si terminaste algún curso de Git y GitHub o estudias por tu cuenta y te interesa practicar el cómo contribuir en GitHub. Puedes hacerle Fork y Pull Requests a este repositorio.

Realiza lo siguiente:

• Busca en el HTML el siguiente div: <div class="pokemonInicial--scroll">
• Dentro se encuentran listas desordenadas<ul>
• Debrás unicamente agregar un item <li>con tu nombre dentro de la lista del Pokemon inicial que elegirias.

Ejemplo:

<div class="pokemonInicial--scroll">
	<h5 class="pokemonInicial--scroll-h5">Charmander</h5>
	<ul class="pokemonInicial__text">
		<li>Juan Gaybre</li>
	</ul>
</div>

---