https://abs.twimg.com/emoji/v2/... draggable="false" alt="🌅" title="Sonnenaufgang" aria-label="Emoji: Sonnenaufgang"> Buenos días https://abs.twimg.com/emoji/v2/... draggable="false" alt="🌅" title="Sonnenaufgang" aria-label="Emoji: Sonnenaufgang">

Secreto para los que están empezando: "80% de lo que van a hacer con #JavaScript es agarrar un array o un objeto y “pintar” #html con eso"

Necesitas saber: CRUD, Fetch API (Headers, Request y Response), array: filter, map y reduce y DOM manipulation

LINKS https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇🏽" title="Rückhand Zeigefinger nach unten (mittlerer Hautton)" aria-label="Emoji: Rückhand Zeigefinger nach unten (mittlerer Hautton)">

¿Que es CRUD?

Acronimo de "Create, Read, Update, Delete" son las operaciones que hacemos en casi cualquier app.

Mas info:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.mozilla.org/es/docs/Glossary/CRUD
https://developer.mozilla.org/es/docs/G... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://codepen.io/ianseabrook/pen/rxvByR">https://codepen.io/ianseabro...

Plain JS CRUD Frontend

...

https://developer.mozilla.org/es/docs/Glossary/CRUD

El Fetch API es una utilidad del navegador que te permite hacer requests HTTP.

Mas info:
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
https://developer.mozilla.org/en-US/doc... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://robertomiguelz.blogspot.com/2018/02/que-es-http-request-y-response.html">https://robertomiguelz.blogspot.com/2018/02/q...

La mayoría de la información que vamos a usar en nuestra pagina web va a venir en formato JSON y una vez en #JavaScript es un objeto u array, necesitamos aprender a manipularla:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
https://developer.mozilla.org/en-US/doc... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.cdn.mozilla.net/es/docs/Learn/JavaScript/Objects/JSON">https://developer.cdn.mozilla.net/es/docs/L...

Y finalmente manipulación del DOM. Esto se refiere a poder agregar, modificar y eliminar texto, imágenes y elementos en general a nuestra pagina Web con #JavaScript

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.mozilla.org/es/docs/Web/API/Document_Object_Model/Introduction">https://developer.mozilla.org/es/docs/W...

Por recomendación de @powerhdeleon agregamos Promesas: un objeto que se usa para operaciones asincrónas en #javascript, como por ejemplo HTTP requests

Mas info:

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔗" title="Link Symbol" aria-label="Emoji: Link Symbol"> https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Promise">https://developer.mozilla.org/es/docs/W...