Marlon Velásquez

@sargentogato
Valencia, Spain
Publicaciones
Certificados
Me gusta
Avatar

Ayuda con movimientos de un jugador en JS

Avatar

@sargentogato

Estoy haciendo un pequeño juego de turnos, en el cual cada jugador puede dar solo tres pasos. Los movimientos se hacen con las flechas del teclado. El problema que tengo, es que no consigo hacer que no me tenga en cuenta los movimientos cuando se encuentra un obstáculo, he conseguido sólo contar tres movimientos y cambiar de turno, pero si el jugador activo choca contra un obstáculo, ese movimiento también se cuenta y no consigo hacer que no se tome en cuenta. Llevo ya varios días y he llegado a punto muerto.

Agradecería cualquier sugerencia. Dejo el código en Codepen https://codepen.io/sargentogato/pen/wvvbwMv así se puede copiar y pegar. Está el HTML, CSS y JS

La línea 275 (tileMap.src = 'tilemap4.png') dejo aquí la imagen para descargar https://i.imgur.com/OtwNucl.png

Avatar

JavaScript Que hace el return cuando no está dentro de una función

Avatar

@sargentogato

Estaba viendo el siguiente código para entender algunas cosas, pero no consigo entender qué hace el return en un ciclo for, en un principio pensé que sería algo así como volver al inicio del for sin ejecutar el resto de líneas, pero no estoy seguro de ello.

Dejo el código completo en mi codepen. El código no es mío, sólo estaba tratando de entenderlo. Gracias

            let num = getSquareValue(i, oldPos.y);
            let square = $('.box[boxID = ' + num + ']');
            if (square.hasClass('obstacle')) {
                alertMessage(alertMove);
                return;
            }
            if (player1Active) {
                if (square.hasClass('player2')) {
                    alertMessage(alertPlayer);
                    return;
                }
            } else {
                if (square.hasClass('player1')) {
                    alertMessage(alertPlayer);
                    return;
                }
            }
        } ```
Avatar

Qué Editor utilizar para Git??

Avatar

@sargentogato

Hola comunidad, estoy empezando con Git y a la hora de instalarlo me surge una duda. Dentro de las opciones que te ofrece respecto al editor, en el proceso de instalación están la siguientes. 1. Utilizar un nano editor 2. Utilizar VIM aquí te dicen que vim es el editor por defecto por razones historicas, pero que te recomiendan que te cambies a otro editor 3. luego aparece la opción de utilizar Visual Studio Code como editor por defecto.

El resto de opciones no las pongo porque hacen referencia a otros editores.

Mi duda es, qué opción debería elegir teniendo en cuenta que utilizo Visual Studio Code.

Gracias

Avatar

Clases en vivo

Avatar

@sargentogato

Hola, EDteam, antes de nada gracias por el esfuerzo que hacéis.

Sé que en la encuesta que realizaron, las clases en vivo fue algo que tenía muy poca acogida. Algo de las clases en vivo que me gustaba eran las preguntas, sería posible poder enviaros preguntas y vosotros hacer un listado de las que sean interesantes y luego con todas las preguntas hacer un vídeo para darles salida y así aprendemos todos.

Avatar

Pregunta para el equipo de EDteam.

Avatar

@sargentogato

Esta pregunta se sale completamente de los temas que se tratan en el foro.

De varios cursos que he escuchado, el micrófono que utiliza Álvaro, recoge muy bien el audio y se escucha bastante claro. Me gustaría saber qué micrófono utiliza. Gracias

Avatar

Los dislike

Avatar

@sargentogato

De un tiempo acá, tengo la sensación de que alguien se dedica a darle dislike a lo que comento, por puro jo....r En fin ni modo tendré que tomármelo como un cumplido a quien está pendiente de lo lo que escribo.

Tío Alexys, al final con tu consejo tenías toda la razón. No hay que estresarse en lo más mínimo con estas cosas.

Avatar

Vídeo sobre la encuesta

Avatar

@sargentogato

Viendo el vídeo en donde Alvaro habla sobre la encuesta, me sorprendió lo de las clases en vivo, aunque la encuesta sin duda alguna revela lo que la comunidad demanda.

Hubiera sido genial saber la muestra para tener una referencia de qué porcentaje de la comunidad participó en la misma, supongo que como sociólogo es de las primeras cosas que veo en una encuesta.

Ha sido un paso valiente el hacer una encuesta y luego hablar de los resultados. Si bien la comunidad habla de los precios altos, habría que segmentar más la encuesta y dividir a los usuarios que han comprado un curso, los que son premium y los usuarios que nunca han comprado.

Ya que están con las encuestas y si la comunidad ha hablado, se podría hacer otra para saber qué quiere la comunidad en cuanto a cursos.

Gracias EDteam y gracias Alvaro por todo el esfuerzo.

Avatar

Sintaxis correcta de un objeto

Avatar

@sargentogato

Tenía una duda.

¿Cuando creo un objeto, con la función constructora, el nombre del objeto debe (por convención más que por obligación) ir con mayúscula la primera letra? Ejemplo: const ObjetoPrincipal = function (parámetros ){variables }

La otra duda es si debo también poner en mayúscula la primera letra del nombre, de los objetos que cree a partir del ObjetoPrincipal.

Gracias.

Avatar

Petición por quienes empezamos con JavaScript

Avatar

@sargentogato

Antes de nada, muchas gracias al equipo de EDteam y CEO Alvaro Felipe por todo el fantástico trabajo de vuestro plataforma, para mi, la mejor de habla hispana.

He estado en otros plataformas de cursos y algo que hasta ahora no he visto y quizás EDteam podría implementar, son ejercicios guiados para ir aprendiendo como trabajar con JavaScript, si bien se dan pequeños ejemplos de algo en concreto, no se presentan ejercicios más complejos que muestren el uso de JS, como por ejemplo hacer un juego de turnos, o dibujar un tablero en el cual se puedan meter objetos (siguiendo el ejemplo del juego).

Ejemplos que nos permitan ver la puesta en practica de todo lo aprendido, creo que serían de mucha ayuda para quienes somos nuevos en JS.

No sé qué opinan las demás personas del foro. :) buen día para todas y todos.

Avatar

¿Me perdí de algo?

Avatar

@sargentogato

Estoy leyendo muchos post "calificacion....." lo cual no entiendo, porque se puede dar me gusta en forma de corazón en el propio curso y lo de la calificación hace que los post de preguntas se pierdan entre la maraña de "calificación..."

Avatar

Como capturar el resultado de una función en JavaScript

Avatar

@sargentogato

Gracias por leer el post. Después de probar y buscar información durante 2 días y medo, me he decidido a preguntar, he llegado a punto muerto (aunque seguiré intentando)

Me explico, tengo una función que lo que hace es recorrer los input tipo radio y que al final me devuelve el que ha sido seleccionado, hasta aquí todo bien, para recorrerlos hay un botón que tiene la función de revisar qué input ha sido seleccionado.

Lo que no consigo, es capturar el valor que la función me devuelve una vez ejecutada. Espero explicarme bien, por ejemplo selecciono motivation y al hacer click el valor se muestra por consola(lo hago para probar que todo funciona), lo que no consigo es coger ese valor para luego utilizarlo en un switch que necesito luego para generar.

Dejo el código en codePen https://codepen.io/sargentogato/pen/MNZLRK ya que es más cómodo de leer.

Avatar

JavaScript ¿Cómo dibujar el contenido de un Array en el DOM?

Avatar

@sargentogato

Hola, gracias por leer esto.

Tengo un Array el cual quiero dibujar su contenido en el DOM, he encontrado una manera, pero no sé si es la más eficiente.

Lo que hago es lo siguiente. Dentro del Array creo (no estoy seguro de si estoy en lo correcto) los objetos q y a dentro de los cuales pongo un string que es el texto que quiero poner en el DOM. Igual me estoy equivocando con los conceptos jejejje.

 q: "Prueba 1",
 a:"Autor 1"
 },
 {
 q: "Prueba 2",
 a:"Autor 2"
 },
 {
 q: "Prueba 3",
 a:"Autor 3"
 },
 {
 q: "Prueba 3",
 a:"Autor 3"
 },
 {
 q: "Prueba 4",
 a:"Autor 4"
 },
 {
 q: "Prueba 5",
 a:"Autor 5"
 },
]

Después de crear el Array con los objetos q y a, creo una función que me permite seleccionar uno de los objetos y meterlo en el DOM, por ahora lo dibujo con document.write pero es solo para pruebas.

Mi duda era saber si habrá otra camino para hacer lo que estoy haciendo y si este es el camino más eficiente, ya que dentro del Array lo tengo son varios objetos y quería más bien crear sólo strings haciendo lo siguiente.

 "prueba-1",
 "prueba-2",
 "prueba-3",
 "prueba-4",
 "prueba-5" ]

Pero esta estructura de Array no consigo dibujarla en el DOM, igual debería de usar el spread operator, aunque no tengo idea de cómo hacerlo.

Cualquier aporte se agradece mucho.

Avatar

Odio a EDteam y su CEO

Avatar

@sargentogato

Si, los odio porque me generan ansiedad, ahora estoy con los dientes largos(en ansiosa espera) por la nueva opción de $ Solicitar asesoría ahhhhhhhhh EDteam no paran con las sorpresas.

Super curso de SEO

Curso de Edición

Pronto curso de Inglés (I am gonna learn something new for sure)

Gracias equipo de EDteam por todo lo que hacéis por la comunidad y todo lo que nos enseñáis, la verdad es que hacía falta algo como EDteam y lo dice alguien que ha pasado por varias plataformas de enseñanza online tanto de pago como gratuitas.

Avatar

Visual Studio code linkar el CSS de manera "automática"

Avatar

@sargentogato

El título, siento que no es muy explicativo, pero de verdad que no se me ocurría otro.

Sé que para enlzar el CSS con nuestro HTML tenemos que poner lo siguiente

<link rel="stylesheet" type="text/css" href="keyword-event.css">

Lo que no recuerdo es si en VSC hay algún atajo para no tener que escribir todo, recuerdo que hace tiempo se podía (igual estoy soñando y nunca se pudo). A ver si alguien puede arrojar luz sobre ello.

Gracias.

Avatar

Que no se te vuelva a cambiar el idioma del teclado automáticamente

Avatar

@sargentogato

A veces cuando tenemos más de un idioma para el teclado, de pronto, este se cambia pasando a ingles o el segundo idoma que tengamos, para que esto no suceda, tenemos que hacer lo siguiente.

Nos vamos a: 1. Configuración de Windows 2. Hora he idioma 3. Idioma 4. Configuración de ortografía, escritura y teclado

Más opciones de teclado 1. Configuración avanzada del teclado 2. Opciones de la barra de idioma

En la ventana que aparece Seleccionamos: 1. Configuración avanzada de teclas Seleccionamos Entre idiomas de entrada Abajo en el botón “Cambiar secuencias de teclas” entramos y le damos no asignada a ambas opciones.

Avatar

Herencias en las clases en JavaScrip del curso Programación orientada a objetos con JavaScript ¿Estoy confuso con los ejemplos?

Avatar

@sargentogato

Antes de nada gracias por leer esto, no sé si el título es bueno, pero no sabía como escribirlo.

En el curso de Programación orientada a objetos con JavaScript se explica como una clase puede heredad tanto las propiedades como los métodos de otra clase, utilizando Extends y super

Hasta donde entiendo, la sintaxis (utilizaré el ejemplo del curso) para definir una clase es la siguiente

 constructor(name, surname, email, age)
 { this.nombre = name,
   this.apellido = surname,
   this.correo = email,
   this.edad = age
 } }

Y si quiero crear otro clase y que la nueva clase herede las propiedad y métodos de la clase Usuario, tendría que hacer lo siguiente.

 constructor(name, surname, email, age, experiencia, lenguaje){ 
 super (name, surname, email, age)
 this.experiencia = experiencia
 this.lenguaje = lenguaje
 } }

Mi confusión es con el siguiente ejemplo de la clase Forma

 constructor(alto, ancho, color){
   this.alto = alto
   this.ancho = ancho
   this.color = color
 } dibujar(){
   return document.body.innerHTML = `
   <div style = "
   width: ${this.ancho}px;
   height: ${this.alto}px;
   background : ${this.color}">
   </div>`  } } ```

Si creo una nueva clase que herede las propiedades y métodos de la clase forma, tendría que hacer lo siguiente 

```class Cuadrado extends Forma{
 constructor(lado, color){
   super(lado, lado, color)
 }
}

Lo que no entiendo es, si en el primero ejemplo, en el constructor, hemos tenido que escribir todas las propiedades de la clase que se hereda // constructor(name, surname, email, age, experiencia, lenguaje) // por qué en este ejemplo, sólo ponemos dos parámetros y no tres, entiendo que es porque estamos dibujando un cuadrado, pero si hemos heredado 3 parámetros, no deberíamos poner tres y en super, poner los parámetros que heredamos.

Bueno, me esto haciendo un lío, este ejemplo no lo entiendo del todo. Cualquier ayuda de verdad que la agradecería mucho, mucho.

Gracias.