JavascriptPokedex

Que tal, profe? aqui le entrego la tarea del Modulo 1 Unidad 4 de Javascript, las dos tareas. Cualquier cosa usted puede avisarme y se corrige

El siguiente tipo de bucle que aprenderás se llama bucle do...while. Se llama bucle do...while porque primero hace (do) una pasada por el código dentro del bucle sin importar qué, y luego continua ejecutando el bucle mientras (while) la condición especificada sea verdadera (true). const ourArray = []; let i = 0; do { ourArray.push(i); i++; } while (i < 5); El ejemplo anterior se comporta de forma similar a otros tipos de bucles, siendo el arreglo resultante [0, 1, 2, 3, 4]. Sin embargo, lo que hace que el bucle do...while sea diferente a otros bucles es cómo se comporta cuando la condición falla en la primera verificación. Veamos esto en acción: Aquí puedes ver un bucle while que ejecutará el código una y otra vez siempre que i < 5: const ourArray = []; let i = 5; while (i < 5) { ourArray.push(i); i++; } En este ejemplo, inicializamos el valor de ourArray a un arreglo vacío y el valor de i a 5. Cuando ejecutamos el bucle while, la condición se evalúa como false porque i no es inferior a 5, así que no ejecutamos el código dentro del bucle. El resultado es que ourArray terminará sin valores añadidos, y todavía se verá como [] una vez el código del ejemplo anterior haya terminado de ejecutarse. Ahora, dale un vistazo a un bucle do...while: const ourArray = []; let i = 5; do { ourArray.push(i); i++; } while (i < 5); En este caso, inicializamos el valor de i a 5, tal como lo hicimos en el bucle while. Cuando lleguemos a la siguiente línea, no hay ninguna condición para evaluar, así que entramos al código dentro de las llaves y se ejecuta. Añadiremos un único elemento al arreglo y luego incrementaremos i antes de llegar a la verificación de la condición. Cuando finalmente evaluamos la condición i < 5 en la última línea, vemos que el valor de i es ahora 6, por lo que falla la comprobación condicional. Salimos del bucle y hemos terminado. Al final del ejemplo anterior, el valor de ourArray es [5]. Esencialmente, un bucle do...while asegura que el código dentro del bucle se ejecute al menos una vez. Intentemos construir un bucle do...while para que funcione empujando valores a un arreglo. Cambia el bucle while en el código por un bucle do...while. El bucle solo enviará el número 10 a myArray, e i será igual a 11 cuando tu código haya terminado de ejecutarse.

El siguiente tipo de bucle que aprenderás se llama bucle do...while. Se llama bucle do...while porque primero hace (do) una pasada por el código dentro del bucle sin importar qué, y luego continua ejecutando el bucle mientras (while) la condición especificada sea verdadera (true). const ourArray = []; let i = 0; do { ourArray.push(i); i++; } while (i < 5); El ejemplo anterior se comporta de forma similar a otros tipos de bucles, siendo el arreglo resultante [0, 1, 2, 3, 4]. Sin embargo, lo que hace que el bucle do...while sea diferente a otros bucles es cómo se comporta cuando la condición falla en la primera verificación. Veamos esto en acción: Aquí puedes ver un bucle while que ejecutará el código una y otra vez siempre que i < 5: const ourArray = []; let i = 5; while (i < 5) { ourArray.push(i); i++; } En este ejemplo, inicializamos el valor de ourArray a un arreglo vacío y el valor de i a 5. Cuando ejecutamos el bucle while, la condición se evalúa como false porque i no es inferior a 5, así que no ejecutamos el código dentro del bucle. El resultado es que ourArray terminará sin valores añadidos, y todavía se verá como [] una vez el código del ejemplo anterior haya terminado de ejecutarse. Ahora, dale un vistazo a un bucle do...while: const ourArray = []; let i = 5; do { ourArray.push(i); i++; } while (i < 5); En este caso, inicializamos el valor de i a 5, tal como lo hicimos en el bucle while. Cuando lleguemos a la siguiente línea, no hay ninguna condición para evaluar, así que entramos al código dentro de las llaves y se ejecuta. Añadiremos un único elemento al arreglo y luego incrementaremos i antes de llegar a la verificación de la condición. Cuando finalmente evaluamos la condición i < 5 en la última línea, vemos que el valor de i es ahora 6, por lo que falla la comprobación condicional. Salimos del bucle y hemos terminado. Al final del ejemplo anterior, el valor de ourArray es [5]. Esencialmente, un bucle do...while asegura que el código dentro del bucle se ejecute al menos una vez. Intentemos construir un bucle do...while para que funcione empujando valores a un arreglo. Cambia el bucle while en el código por un bucle do...while. El bucle solo enviará el número 10 a myArray, e i será igual a 11 cuando tu código haya terminado de ejecutarse.

Este repositório é para acompanhar os assuntos abordados ao longo do curso JS Raiz: https://www.jsraiz.com. Aqui você primeiro desenvolve o projeto com javascript puro para sentir todas as dores e realmente entender quando há necessidade de um framework. Assim você vai saber quando e como utilizar, o que te permite projetos mais inteligente, performático e aplicando a tecnologia necessária. São 4 tópicos principais do curso: Componentes, gerenciamento de estado, reatividade e renderização. Eis as razões: Componentes A grande massa de bibliotecas e frameworks de hoje são baseados em componentes, entender o que são componentes, os problemas que resolvem, os recursos que oferecem, problemas e limitações dessa estratégia são fundamentais para você aprender rapidamente qualquer uma dessas. E é claro, para total compreensão, vamos fazer a progressão de JS puro e depois com React e Vue! Gerenciamento de estado Tem uma hora que a limitação das bibliotecas baseadas em componentes começa a impedir que você cresca sua aplicação com qualidade, é aí que surge a necessidade de escalar o desenvolvimento e pensar melhor no gerenciamento de estado. Se você fica perdido em como estruturar seu código, termos como single-source of truth, data-binding, one-way e two-way te deixam perdidos? Aqui você vai entender esses termos e por em prática com Redux! Reatividade Existe uma analogia perfeita feita pelo André Staltz que diz é muito mais fácil andar a cavalo do que de carro, pois de carro você precisa praticar muito, fazer aula teórica, prática, exames e tal. Porém, depois que você aprende, você vai muito mais longe, mais rápido e com mais pessoas! Paradigma reativo é como andar de carro! Não é atoa que Angular está fortemente utilizando paradigma reativo e aqui vamos desmistificar ele utilizando a biblioteca RxJS! Renderização Quando estamos fazendo nossa web app, vai surgir a dúvida sobre como renderizar ela. Vai ser toda front-end? Posso renderizar no back-end? Que tal renderizar uma parte no back-end (conteúdo mais importante) e o restante via front-end? Quais são os impactos no SEO e performance? Nesse módulo vamos explorar as renderizações na prática.