🌅 Buenos días 🌅

Secreto para los que empiezan: 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, reduce, DOM manipulation y Promesas

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…
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…
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…
Y finalmente Promesas: un objeto que se usa para operaciones asincrónas en #javascript, como por ejemplo HTTP requests.

developer.mozilla.org/es/docs/Web/Ja…
❤️ Si te gustó hacele RT al primer tweet

📔 Tengo un #ebook gratis, bajalo en: fmontes.com/99

📸 Sigueme en instagram.com/fmontes donde publico más contenido como este.

• • •

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

7 Jul
¿No entiendes #CSSGrids?

#CSSGrids es lo mejor para hacer layouts modernos te explico lo básico en pocos tweets.

Hagamos este layout básico.

🧵 [1/13]
El primer paso es crear el #HTML. Es solo un padre con tres hijos. Nada fuera de lo común.

[2/13]
En el #CSS lo primero que hacemos es agregar width y height al 100% al <body> y <html> para que nuestro layout ocupe toda la página. Y bordes a los elementos hijos.

[3/13]
Read 14 tweets
1 Jul
Conseguir trabajo como #developer no es tan sencillo. Incluso con la demanda tan alta que existe se hace un poco cuesta arriba.

Existe mucha incertidumbre y en este hilo te dejo algunos recursos para ayudarte.

🚀 RT para ayudar a otros.

#devjobs #trabajoremoto

HILO 👇🏽
¿Cuánto pedir? Tienes que establecer tu rango salarial.

Esto va a depender del país donde vivas y del país de la empresa.

En glassdoor.com puedes ver salarios aproximados por puesto y país.

🚨 NO OLVIDES que estos números son aproximados, pero te da una idea.
Otro sitio para buscar salarios aproximados para tu posición y país es payscale.com.

Tiene otras opciones interesantes para calcular TU precio en el mercado.

🚨 NO OLVIDES que estos números son aproximados no puedes guiarte 100% por esto.
Read 10 tweets
30 Apr
🌅 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…
Read 6 tweets
22 Mar
Cursos gratis y cortos de #desarrolloweb de los desarrolladores más cracks que yo conozco:

- @wesbos
- @jensimmons
- @leeerob

❤️ RT comparte el amor!

👇🏽 HILO 👇🏽
El #javascript30 de @wesbos es un clásico javascript30.com son 30 videos de vanilla #JavaScript code challenges. Aprendes de todo, #arrays, #canva, sonido, etc.
Tambien de @wesbos tenemos cssgrid.io para aprender #cssgrids en 25 videos y flexbox.io para aprender #flexbox en 20 videos.
Read 7 tweets
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!

:(