Buenos días

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

¿Que es CRUD?

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

Mas info:

https://developer.mozilla.org/es/docs/Glossary/CRUD
https://codepen.io/ianseabrook/pen/rxvByR

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

Mas info:
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
https://robertomiguelz.blogspot.com/2018/02/que-es-http-request-y-response.html

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://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
https://developer.cdn.mozilla.net/es/docs/Learn/JavaScript/Objects/JSON

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://developer.mozilla.org/es/docs/Web/API/Document_Object_Model/Introduction

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://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Promise