Freddy Montes Profile picture
🇨🇷 🇻🇪 Frontend Developer y Diseñador UI. Te enseño a programar y diseñar #webapps. Descarga mi #ebook de web development gratis en https://t.co/sGhcriGHOW
Gabriel Salazar Profile picture 1 added to My Authors
May 16 8 tweets 3 min read
🤮 ¿La tipografía en tu sitio web se ve extraña?

🎼 Seguro no tiene "ritmo vertical" y este concepto te va a cambiar la vida.

📖 Te explico que es y como generarlo.

❤️ RT para evitar diseños feos.

🧵 THREAD Para entender el ritmo vertical hay que saber que es el "baseline" en la tipografía.

Y no es más que la línea invisible sobre la que se apoya una línea de texto.
May 4 7 tweets 7 min read
Cursos gratis y cortos de los programadores más cracks que yo conozco:

- #JavaScript (de todo) y Flexbox de @wesbos
- #CSS grids de @jensimmons
- #ReactJS y NextJS de @leeerob

❤️ RT comparte el amor!

🧵 HILO Image El #javascript30 de @wesbos es un clásico javascript30.com son 30 videos de vainilla #JavaScript code challenges. Aprendes de todo, #arrays, #canva, sonido, etc.
Apr 29 7 tweets 4 min read
🙊 Secreto para los que están empezando: "80% de lo que van a hacer con #JavaScript en #frontend es agarrar objeto o array y “pintar” #html"

Necesitas saber:

✅ CRUD
✅ Fetch API (Headers, Request, Response y Promise)
✅ Array: filter, map y reduce
✅ DOM manipulation

LINKS 👇🏽 ¿Qué es CRUD?

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

Más info:

🔗 developer.mozilla.org/es/docs/Glossa…
🔗 codepen.io/ianseabrook/pe…
Apr 25 6 tweets 3 min read
El mercado de trabajo en tecnología esta 🔥 y tienes que aprovecharlo.

Prepare 4 contenidos para mejorar tu salario este 2022:

- 5 mejoras para tu LinkedIn
- Sácale provecho a tu perfil de GitHub
- 10 mejoras para tu CV
- ¿Cuánto debo pedir de salario?

❤️ RT

🧵 THREAD #devjob La mayoría de los reclutadores van a buscarte en LinkedIn, asegúrate de tener tu perfil a tope con estas 5 mejoras rápidas.

Apr 8 9 tweets 5 min read
Conseguir el primer trabajo en la industria #tech es difícil.

Empresas como @Mercadolibre y @Globant tienes programas para programadores sin experiencia.

❤️ RT para ayudar a más programadores

👇🏼 ¿Quieres saber más? Sigue hilo... Mercado Libre tiene bootcamps para contratar programadores en:

- #Java
- #Go
- #Mobile
- #Frontend

Para entrar al programa no necesitas experiencia previa, solo saber programar.
Apr 7 6 tweets 3 min read
Grandes universidades como @Harvard y @mit_csail tienen cursos GRATIS disponibles para ti.

❤️ Ayuda a llegar a más personas con un RT

👇🏼 THREAD Harvard: Introduction to Computer Science

pll.harvard.edu/course/cs50-in…
Apr 1 8 tweets 3 min read
Yo sabía que las páginas de mi blog tenían problemas de performance, ya las arreglé y aquí te explico como:

👀 Encontré el problema
🕵🏽‍♀️ Conseguí el culpable
↔️ Y lo reemplacé

❤️ RT please.

🧵 HILO Lo que no se mide no se puede arreglar, con Google PageSpeed Insights (Lighthouse)

🤮 La performance 70 de 100

Y esto de debe a malos resultados en el Time to Interact y Total Blocking Time.

Pero ¿y qué es eso?...
Mar 31 6 tweets 3 min read
🌅 Buenos días 🌅

Cualquier sitio web o #webapp necesita al menos:

🅰️ Buena combinación de fuentes
🌈 Paleta de colores
📐 Layout correcto
📸 Imágenes hermosas

Te dejo 4 sitios para conseguir cada uno 🧵 🔥 El 95% de la información que se consume en la Web es texto.

Combinar tipografías consume bastante tiempo, pero con esta página vas a poder encontrar combinaciones perfectas en segundos y verlas en tiempo real.

fontjoy.com
Mar 29 8 tweets 6 min read
🚀 Lleva tu perfil de @Github al siguiente nivel 🚀

Si le quieres sacar más provecho, agrega un README con tu información relevante.

🧵 Te explico como y te dejo 3 herramientas

❤️ RT para llegar a más personas. Desde hace un par de años @GitHub permite crear un perfil para compartir información valiosa de ti como #developer.

Esta información se muestra cuando alguien visita su perfil y es una oportunidad para hablar de:

👩🏽‍🦱 Quien eres
👩🏽‍💻 Tu trabajo
🥈 Tus méritos
🏄🏽‍♂️ Y tus hobbies
Mar 23 12 tweets 7 min read
Hace 20 años cuando empece a programar me inventaba mis propios proyectos para practicar y mejorar.

✨ Tú no tienes que hacer eso ✨

Te dejo 10 #sitiosweb para practicar y mejorar tus skills como programador.

❤️ ¿Me ayudas con un RT? Empecemos con el más conocido, HackerRank.

No solo tiene ejercicios de algoritmos, sino también una sección para prepararte para una entrevista.

Además, tener un buen puntaje en HR te puede sumar puntos cuando estés buscando empleo.

hackerrank.com
Mar 3 14 tweets 3 min read
👓 Hice review de 11 currículos de #WebDeveloper Junior y encontré 10 cosas que todos pueden mejorar.

❤️ Ayudame con el RT para llegar a toda la comunidad.

THREAD 👇🏽 ⚠️ Quiero dejar claro que desde mi punto de vista un programador sin experiencia difícilmente consiga trabajo SOLO con su currículo.

✅ Los consejos que voy a dar son para hacer tu perfil junior más atractivo y sobresaliente para posibles empleadores.

👇🏽 Empecemos...
Feb 28 6 tweets 3 min read
4 cursos gratis de Google para #webdevelopers

Mi recomendación es hacerlos en este ordén:

1. Learn CSS
2. Learn Responsive Design
3. Learn Forms
4. Learn PWA

❤️ RT para llegar a más developers

🧵 THREAD Aprenderás los fundamentos de CSS como:

➡️ Box model
➡️ Cascade and specificity
➡️ Flexbox
➡️ Grid
➡️ z-index

Además, funciones, logical properties, todo lo que un #frontend debe saber.

web.dev/learn/css/
Feb 17 7 tweets 2 min read
✨ 5 MEJORAS RÁPIDAS para tu LinkedIn y que te lluevan ofertas de trabajo de #webdev y #programacion.

🧵 THREAD CORTO
❤️ RT para repartir amor

Yo soy feo, pero me acomodo para las fotos y tú también deberías.

🌅 Bien iluminada
☘️ Que se vea natural
👀 Mira la cámara
😬 Sonríe, pero bonito no creepy

Evita esas fotos raras con ropa de iglesia.
Jan 20 13 tweets 10 min read
¿Quieres saber cómo está el mercado de talento #tech en Latinoamérica? (incluyendo salarios)

@getonbrd lanzó su reporte anual con datos de:

23,000+ trabajos
900,000+ aplicaciones
250,000+ professionales

❤️ RT

👇🏽 HILO 🥷🏽 ¿Cuáles son los skills más solicitados por las empresas?

En programación en general:

💛 #JavaScript de primero (obvio Boby)

2️⃣ #CSS, #Git y #React peleándose el segundo lugar

🇺🇸 "English" en un sólido tercer lugar. Image
Jan 12 6 tweets 5 min read
🌅 Buenos días 🌅

🌟 Aprender #frontend. El path más perfecto jamás creado (es broma ¿o no?)

1. #HTML y #CSS
2. Proyecto
3. Proyecto
4. Proyecto
5. #JavaScript y proyecto
6. Proyecto
7. #React y proyecto
8. Y más proyec...

Te dejo 4 sitios donde encontrar proyectos (THREAD) Resuelve los desafíos de #HTML, #CSS y #JavaScript del mundo real mientras trabajas con #diseñosui profesionales.

frontendmentor.io/challenges
Dec 17, 2021 14 tweets 3 min read
👓 Hice review de 11 currículos de Web Developers Junior y encontré 10 cosas que todos pueden mejorar.

❤️ Ayudame con el RT para llegar a toda la comunidad.

THREAD 👇🏽 ⚠️ Quiero dejar claro que desde mi punto de vista un programador sin experiencia difícilmente consiga trabajo SOLO con su currículo.

✅ Los consejos que voy a dar son para hacer tu perfil junior más atractivo y sobresaliente para posibles empleadores.

👇🏽 Empecemos...
Nov 22, 2021 12 tweets 5 min read
¿Eres #developer, pero te cuesta diseñar?

Hoy en "Diseño para desarrolladores": 10 pequeñas acciones para mejorar tus diseños

🚀 RT para salvar un #programador a la vez

#uidesign #ui #ux #webdesign #diseno #disparades

👇🏽 UN HILO 👇🏽 En tus textos usa al menos 1.5 de alto de línea.

Por ejemplo si el tamaño de fuente es 16, multiplícalo por 1.5 y te da 24 (o sencillamente usa line-height: 1.5 en css).
Nov 21, 2021 4 tweets 2 min read
🌅 Buenos días 🌅

¿Buscando proyectos para practicar o para portafolio?

🧵 Te dejo 3 que me gustan por acá

#frontend #webdev Desarrollar una pagina de producto para crowfunding y aprende:

1️⃣ Responsive design
2️⃣ Transiciones en hover states
3️⃣ Layouts con #CSS

frontendmentor.io/challenges/cro…
Nov 11, 2021 7 tweets 3 min read
¿Quieres desarrollar un #portafolio de #frontend y no tienes diseños ni ideas?

Te dejo 5 diseños que puedes usar.

1. Están en @figmadesign
2. Asegúrate de dar el crédito correspondiente
3. Desarrolla en la tecnología que te sientas cómodo

❤️ RT para compartir Old Careo Landing Page UI

By @NickelfoxStudio

figma.com/community/file…
Nov 4, 2021 7 tweets 3 min read
Te explico 4 selectores de #CSS que quizás no conocías o quizás si, no sé, pero igual te los explico.

❤️ RT para que todos aprendamos

🧵 THREAD Se llaman "Selectores Parciales" te permite seleccionar elementos haciendo match parcial o completo del valor de sus atributos.

Para aplicarlos se usan [] y dentro el nombre del atributo y el valor.
Oct 19, 2021 11 tweets 6 min read
Aprende a mejorar el #UX, el #SEO y la #accesibilidad de tu sitio web con estos:

🚀 9 trucos de #HTML

🎁 Regalo al final ;)

❤️ RT para compartir.

THREAD 👇🏽 Enfocar un <input /> cuando tu página carga.

Es una buena practica de #UX si tienes una pagina donde la tarea comienza en un input.

Por ejemplo Google enfoca el campo de búsqueda al cargar.