Resolución de problemas y live coding

Curso para Conseguir Trabajo como Frontend Developer

Contenido del curso

Conoce tu perfil profesional

Preparación previa a presentar entrevistas técnicas

Cómo presentar entrevistas técnicas

Cómo resolver pruebas técnicas en casa

Experiencias, historias y traumas personales

Tomar examen

Resolución de problemas y live coding

Comentarios12

Catherine Mejias

Estudiante

Live coding

Muestra que piensas en el problema y analiza la situación
Piensa en voz alta. Te puede ayudar para que el entrevistador te de una mano si nota que estás yendo por otro camino
No te des por vencido.++Busca soluciones++.¿Cómo te enfrentas a problemas? Si no logras resolver el ejercicio la idea es que puedas demostrar que sabes cómo manejar esas situaciones difíciles. Aprender a manejar la frustración, trabajar en soft skills

Resolución de problemas

Resolver problemas con codigo. Ejemplos de problemas:

Cuántas veces se repite una palabra en una frase?
Elimina los datos repetido de un array
Mirar si hay dos números que sumen un número determinado
Saber si una palabra es palíndromo
Invertir una frase

Adicional

Manipulación del DOM
Mostrar info de un JSON
Slider
Petición a API público. Ej. Giphy
form que guarde local storage

Javier Salcedo Salgado

Estudiante

Les traigo la solución a los problemas que la profesora puso como ejemplos. . Contar las veces que se repite una palabra en una frase.

function counterWordInPhrase (word, phrase) {
  const phraseArray = phrase.split(' ');
  return phraseArray.reduce((counter, elemt) => {
    if(elemt.toLowerCase() === word.toLowerCase()){
      return counter + 1 
    } 
    return counter
  }, 0)
}

Eliminar los datos repetidos de un array.

function removeDuplicateData(array) {
  return array.filter((elemt, index) => {
    return array.indexOf(elemt) === index;
  })
}

Determinar si existen dos números de un array que sumen un número determinado.

function twoNumberAddNumber(array, num){
  const newArray = array.sort((a, b)=> a - b)
    .filter(elemt => elemt < num );
  let result = false;
 
  for(let i = 1; i < newArray.length ; i++) {
    if (newArray[0] + newArray[i]  === num) {
      result = true;
      break;
    }
    if(i === newArray.length - 1 ){
      newArray.splice(0, 1)
      i = 0;
    }
  }
  return result;
}

Saber si una palabra es Palíndromo.

function isPolindromo(string) {
  const newString = string.split('').reverse().join('')
  if (string.toLowerCase() === newString.toLowerCase()) {
    return true;
  }
  return false;
}

Invertir una frase.

function reverseSentence(sentence) {
  return sentence.split('').reverse().join('');
}

Luis Alejandro Vera Hernandez

Estudiante

Que genial brother, ya casi que le puedo entender lo que hiciste, me falta probarme para también poder aplicar soluciones

Felipe Bernardo González Barranco

Estudiante

:clap: :clap: :clap: :clap:

Julian David Alzate Cuervo

Estudiante

https://github.com/public-apis/public-apis apis púbilcas para aplicar a sus practicas

Edward Rodríguez

Estudiante

Gracias!

Luis Esteban Ramírez

Estudiante

Para practicar la resolución de problemas a mí me gusta mucho usar estas dos páginas: HackerRank y LeetCode

Juan Gui Arenas

Estudiante

gracias :)

Ivan Martinez

Estudiante

Muy buen punto, es muy diferente resolver un problema en nuestras casas a las 2am estando en nuestro cuarto con nuestra pc mientras aprendemos... peeero muy diferente es hacerlo frente a otra persona, midiendonos el tiempo, haciendo preguntas, en una oficina a media mañana!!! 💻⌛

Juan Gui Arenas

Estudiante

Hola, ¿Tengo una duda en la parte de resolucion de problemas seria poder hacer un diagrama de flujo, algoritmo o en UML plasmar como seria la solucion ??

Estefany Aguilar

Profesor

Hola, Juan ! Un algoritmo 😊 Diseñas los pasos, explicas la solución que tienes en mente y a codear.

Julio Cesar Godinez

Estudiante

Interesante

Juan Omar Palma álvarez

Estudiante

que desagradable es encontrar en los comentarios copy paste de aportes del curso para parecer más inteligentes,

Randy Ochoa

Estudiante

Mis solucion para ver cuantas palabras tiene una frase:

const palabrasRepetidas = (frase, palabra) => {
    frase = frase.toLowerCase().split(" ")
    palabra = palabra.toLowerCase()
    let coincidencias = 0

    frase.map((a) => {
        if(a === palabra) {
            coincidencias++
        } 
    })

    console.log(`La palabra "${palabra}" se repite ${coincidencias} en la frase.`)
}

const frase = "En la casa de mi tia viven mi tia mis primos y el esposo de mi tia"
const palabra = "tia"
palabrasRepetidas(frase, palabra)

Randy Ochoa

Estudiante

Solucion para ver si una palabra es palindromo:

const palidromo = (palabra) => {
    palabra = palabra.toLowerCase()
    const palabraVolteada = palabra.split("").reverse().join("")

    if(palabra === palabraVolteada) {
        console.log("Es un palindromo")
    } else {
        console.log("NO es un palindromo")
    }
}

palidromo("Oro")
palidromo("Cono")

Randy Ochoa

Estudiante

Funciona para invertir una frase:

const fraseInvertida = frase => {
    frase = frase.toLowerCase().split(" ").reverse().join(" ")
    console.log(frase)
}

const frase = "Cosas que pasan en el amor"
fraseInvertida(frase)

Valentino Patané

Estudiante

EJEMPLOS PARA PRACTICAR RESOLUCIÓN DE PROBLEMAS

Max Andy Diaz Neyra

Estudiante

Dejo mi soluciones de los problemas:

function counterWordInPhrase (word, phrase = '') {
    const phraseArray = phrase.split(' ')
    return phraseArray.reduce((previousValue,currentValue)=>{
        if(currentValue === word) return previousValue + 1
        else return previousValue
    },0);
}

function removeDuplicateData(array=[]){
    return array.filter((item, index)=>index===array.indexOf(item))
}

function twoNumberAddNumber(array=[],num){
    let condition = false;
    let index = 0;
    while(!condition && array.length > index){
        const aux = array
        const removed = parseInt(aux.splice(index,1));
        const sumArray = aux.map((item)=>item+removed)
        condition = sumArray.includes(num)
        index++;
    }
    return condition;
}

function isPolindromo(word = ''){
    const wordToLowerCase = word.toLowerCase()
    return reverseSentence(wordToLowerCase) === wordToLowerCase
}

function reverseSentence(sentence=''){
    return sentence.split('').reverse().join('')
}

Andres Prieto

Estudiante

Me pico por hacer los ejercicios de Teff...

Contar una palabra en una frase

const countWords = (word, sentence) =>
  sentence
    .split(" ")
    .reduce((total, item) => (item === word ? (total += 1) : total), 0);

//console.log(countWords("world", "hello world"));

Eliminar repetidos

const clean = (arr) => new Set(arr);

//console.log(clean([1, 1, 2, 3, 3]));

Ver si la en una serie de números se puede sumar un valor

const checkSum = (arr, possibleValue) => {
  let valueExists = false;
  arr.forEach((currentValue) => {
    arr.forEach((possibleSum) => {
      if (currentValue + possibleSum === possibleValue) {
        valueExists = true;
      }
    });
  });

  return valueExists;
};

//console.log(checkSum([1, 2, 3, 4, 5], 3));

Checar si una frase o palabra es un palindromo

const isPalindrome = (sentence) => {
  const palindrome = Array.from(sentence.replaceAll(" ", ""));
  let check = true;

  palindrome.forEach((letter, index) => {
    if (letter !== palindrome.reverse()[index]) {
      check = false;
    }
  });

  return check;
};

//console.log(isPalindrome("today"));
//console.log(isPalindrome("mom"));

Darle la vuelta a una frase

const reverseSentense = (sentence) => {
  return Array.from(sentence).reverse().join("");
};

//console.log(reverseSentense("Never stop learning"));

function counterWordInPhrase (word, phrase) {
  const phraseArray = phrase.split(' ');
  return phraseArray.reduce((counter, elemt) => {
    if(elemt.toLowerCase() === word.toLowerCase()){
      return counter + 1 
    } 
    return counter
  }, 0)
}

function twoNumberAddNumber(array, num){
  const newArray = array.sort((a, b)=> a - b)
    .filter(elemt => elemt < num );
  let result = false;
 
  for(let i = 1; i < newArray.length ; i++) {
    if (newArray[0] + newArray[i]  === num) {
      result = true;
      break;
    }
    if(i === newArray.length - 1 ){
      newArray.splice(0, 1)
      i = 0;
    }
  }
  return result;
}

const palabrasRepetidas = (frase, palabra) => {
    frase = frase.toLowerCase().split(" ")
    palabra = palabra.toLowerCase()
    let coincidencias = 0

    frase.map((a) => {
        if(a === palabra) {
            coincidencias++
        } 
    })

    console.log(`La palabra "${palabra}" se repite ${coincidencias} en la frase.`)
}

const frase = "En la casa de mi tia viven mi tia mis primos y el esposo de mi tia"
const palabra = "tia"
palabrasRepetidas(frase, palabra)

const palidromo = (palabra) => {
    palabra = palabra.toLowerCase()
    const palabraVolteada = palabra.split("").reverse().join("")

    if(palabra === palabraVolteada) {
        console.log("Es un palindromo")
    } else {
        console.log("NO es un palindromo")
    }
}

palidromo("Oro")
palidromo("Cono")

function counterWordInPhrase (word, phrase = '') {
    const phraseArray = phrase.split(' ')
    return phraseArray.reduce((previousValue,currentValue)=>{
        if(currentValue === word) return previousValue + 1
        else return previousValue
    },0);
}

function removeDuplicateData(array=[]){
    return array.filter((item, index)=>index===array.indexOf(item))
}

function twoNumberAddNumber(array=[],num){
    let condition = false;
    let index = 0;
    while(!condition && array.length > index){
        const aux = array
        const removed = parseInt(aux.splice(index,1));
        const sumArray = aux.map((item)=>item+removed)
        condition = sumArray.includes(num)
        index++;
    }
    return condition;
}

function isPolindromo(word = ''){
    const wordToLowerCase = word.toLowerCase()
    return reverseSentence(wordToLowerCase) === wordToLowerCase
}

function reverseSentence(sentence=''){
    return sentence.split('').reverse().join('')
}

const checkSum = (arr, possibleValue) => {
  let valueExists = false;
  arr.forEach((currentValue) => {
    arr.forEach((possibleSum) => {
      if (currentValue + possibleSum === possibleValue) {
        valueExists = true;
      }
    });
  });

  return valueExists;
};

//console.log(checkSum([1, 2, 3, 4, 5], 3));

const isPalindrome = (sentence) => {
  const palindrome = Array.from(sentence.replaceAll(" ", ""));
  let check = true;

  palindrome.forEach((letter, index) => {
    if (letter !== palindrome.reverse()[index]) {
      check = false;
    }
  });

  return check;
};

//console.log(isPalindrome("today"));
//console.log(isPalindrome("mom"));

Resolución de problemas y live coding

Conoce tu perfil profesional

¿Qué necesitas para convertirte en frontend developer?

¿Cuál es la diferencia entre junior, semisenior y senior?

Tips y herramientas para crear tu curriculum vitae

Ideas para crear tu página web

Preguntas y respuestas sobre tu perfil profesional

Preparación previa a presentar entrevistas técnicas

Prepárate en HTML y CSS (nivel teórico y práctico)

JavaScript a nivel teórico y práctico

Frameworks de JS a nivel teórico y práctico