🌅 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:

🔗 developer.mozilla.org/es/docs/Glossa…
🔗 codepen.io/ianseabrook/pe…
El Fetch API es una utilidad del navegador que te permite hacer requests HTTP.

Mas info:
🔗 developer.mozilla.org/en-US/docs/Web…
🔗 robertomiguelz.blogspot.com/2018/02/que-es…
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:

🔗 developer.mozilla.org/en-US/docs/Web…
🔗 developer.cdn.mozilla.net/es/docs/Learn/…
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

🔗 developer.mozilla.org/es/docs/Web/AP…
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:

🔗 developer.mozilla.org/es/docs/Web/Ja…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Freddy Montes

Freddy Montes Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @fmontes

16 Mar
¿Eres #developer pero te cuesta diseñar? Te dejo otro post de mi serie:

⭐️ Diseño para desarrolladores ⭐️

Como diseñar un banner principal en 7 pasos

🚀 RT para salvar un #programador a la vez

#diseño #ui #webdesign #diseñoweb #frontend #desarrollo

👇🏽 THREAD 👇🏽 Image
Lo primero es analizar qué está mal para saber como mejorarlo.

- La imagen
- El texto no se lee
- ¿Llamado a la acción? Image
Necesitamos conseguir una imagen con un "espacio libre" donde poder ubicar el texto.

Par de sitios para descargar imagenes free-stock.

- unsplash .com
- pexels .com Image
Read 11 tweets
11 Jan
Hay 5 herramientas que yo uso en todos mis proyectos #web.

1. Iconfinder
2. Un generador de #css gradientes
3. Descargar y usar Google Fonts como Web Fonts
4. Y un lorem ipsum para imágenes
5. La mejor documentación

Acá el thread 🧵

#codenewbie #100daysofcode #webdeveloper
Para descargar iconos uso iconfinder.com puedes descargarte los iconos en #svg o png hasta 512px y hay muchos iconos gratuitos de calidad. 1/5
Nunca me he aprendido la sintaxis de #css gradients asi que esta herramienta me permite generar el código con una interfaz bien bonita: cssgradient.io 2/5
Read 16 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!