Tu AS bajo la manga

1/28
Recursos

Bienvenido/a al curso de Manipulaci贸n de Arrays en JavaScript. Esta vez conocer谩s los arrays en JavaScript, aprender谩s desde c贸mo crearlos hasta los distintos m茅todos que tiene.

Profesor: Nicolas Molina, Google Developer Expert.

Requisitos iniciales

Como requisito inicial, deber谩s tener dos carpetas: client y server que servir谩n para ejercicios en el navegador y en el servidor, respectivamente. Tambi茅n necesitar谩s instalar una dependencia llamada http-server. Asimismo puedes clonar el repositorio de GitHub del curso.

Estructura inicial del proyecto del curso

Si no conoces c贸mo iniciar un proyector para instalar dependencias, te recomiendo que realices el curso de Gesti贸n de Dependencias y Paquetes con NPM.

Te recomiendo usar Codi.link, es un editor de c贸digo para escribir HTML, CSS y JavaScript y visualizar el resultado a tiempo real. Da帽a el c贸digo, resuelve los problemas de cada clase o genera nuevos ejemplos que te ayuden a reforzar los temas aprendidos.

Contribuciones del curso creadas por: Andr茅s Guano.

Aportes 34

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

隆Esperaba con ansias este curso!
.
Clonamos el repo (https://github.com/platzi/curso-manipulacion-de-arrays/tree/main) en el primer commit, en consola mandamos npm install y arrancamos con todo el curso!
.
El que venga en el futuro, recuerde instalar desde el
package.json las versiones as铆 no tiene problemas de compatibilidad a futuro.
.
隆脡xitos a todos!

El curso perfecto que hacia falta en la escuela de JavaScript 馃挍

Hola a todos! 馃槃
Apoy谩ndome en el curso y en la documentaci贸n oficial de Mozilla tom茅 algunos apuntes en Notion, espero que a alguien les sean de ayuda :3
link

Una de las cosas que diferencia a un buen programador de JavaScript es su capacidad para la manipulaci贸n de data, en este caso especificamente de Arrays. Vamos con toda a este curso 馃槃

Llevaba semanas entrando todos los d铆as para ver si este curso ya estaba disponible.

Sin duda uno de los mejores profesores 馃挌

A darle a los arrays que son el pan de cada d铆a x)

Este es el curso que no sab铆a que necesitaba =0

Aprender a dominar los Arrays es muy importante. 馃 Justamente como explica nuestro profesor en esta clase, saber manipular los arrays nos puede ayudar a resolver problemas muy complejos. Como 茅l lo dice, "Nuestra as bajo la Manga". 馃儚 Pero una cosa m谩s que quiero compartir, es que tambi茅n deber铆as apoyarte s贸lidamente de documentaci贸n oficial. (Muy importante) 馃搫 Para este curso espec铆ficamente, puedes ayudarte leyendo la documentaci贸n sobre Arrays en MDN. 馃 Te dejar铆a el link, pero tambi茅n tienes que aprender a buscar documentaci贸n por tu propia cuenta. 馃槣 No pares de aprender 馃殌

Este a帽o retomo mi aprendiazje con Platzi y me emociona que este sea el primero de mi a帽o! 馃槂

Aqu铆 les comparto a todos mi toma de notas de todo el curso para que entre todos podamos ir mejor谩ndolo!
Espero que les sirva y podamos aportar al documento juntos!

Suerte en el curso, es muy entretenido!

https://docs.google.com/document/d/1fZnqvnOxUpdF3yaEkhgoa8TN578KwD2JrCU9kuQrlco/edit?usp=sharing

Por favor Platzi mas cursos con esta metodolog铆a tipo streamer

para las persona que como yo no sabian hacer el clon del repositorio por ac谩 les dejo la explicaci贸n de como hacerlo

https://platzi.com/clases/2327-javascript-practico-2021/38656-configuracion-del-entorno-de-desarrollo/

Mi primer curso con el profesor Nicol谩s Molina. Ya lo segu铆a de su canal de Youtube.

Para este curso les podr铆a venir bien un playground que tenga todo listo para ejecutar codigo js y html como codi.link, me gusta este por que es muy limpio y tiene el autocomplete de vscode.

clonar :

https://github.com/platzi/curso-manipulacion-de-arrays

no:

https://github.com/platzi/curso-manipulacion-de-arrays/tree/main

Hola a todos, comparto mi resumen de comandos que us茅 para configurar esta etapa del proyecto:
npm init -y
npm install http-server
git clone https://github.com/platzi/curso-manipulacion-de-arrays.git

El mejor profesor de angular en habla Hispana 馃嵒 !!!

Manipular arrays y objetos de forma correcta es la base para que nuestros algoritmos sean limpios y legibles.

Brutal! a darle a este curso

Genial!!!

Si tener un as bajo la manga es bueno, tener varios es mucho mejor!

recuerden hacer el comando npm i

let鈥檚 go! 馃槂

Altamente productiva. 馃槂

Repositorio clonado, asi que! all谩 vamos鈥

creo que s茅 manipular bastante bien los arrays, pero siempre se aprende algo nuevo

Este curso se ve super bueno. Espero cumpla mis espectativas

El curso de manipulacion de arrays no puede no estar en la ruta de aprendizaje de JavaScript.

Hola, incre铆ble comunidad de Platzi, lo resolv铆 de esta manera. S茅 que existen otras rutas para lograr el resultado, un de ellas podr铆a ser con web Componets鈥 por favor h谩game saber sus opiniones.

<main>
     <section>
         <input type="text" name="taskInput" id="inputTask" placeholder="Agrega tu tarea">
        <button id="addTask" onclick="addTask()">Agregar tarea</button>
     </section>
    <section>
         <ul id="taskList"></ul>
     </section>

</main>

<script>
taskArray = [
]
function myTask(taskName){
    this.taskName = taskName
}
function showTask() {
    const taskList = document.querySelector("#taskList");
    const list = taskArray.map(item => {
        return `<li><input type="checkbox" id="doneTask">${item.taskName}</li>`;
    })
   taskList.innerHTML = list.join(''); 
}
function addTask() {
    const inputTask = document.querySelector("#inputTask");
    const taskValue = inputTask.value;
    if (!taskValue) {return}
    const task = new myTask(taskValue);
    taskArray.push(task);
    console.log(taskArray);
    inputTask.value = '';
    showTask()
}

</script>

El resultado 猬囷笍

Muy emocionado de iniciar este curso, siempre es importante saber como manipular arrays, sobre todo cuando ya estas en frameworks como react, vue, angular, a seguir reforzando JS.

El curso suena incre铆ble, a darle con todo.

Vamos 馃槂