🚨 NUNCA digas "NO" cuando en una entrevista te pregunten:

¿Tienes preguntas?

➡️ Quizás no sea una inocente pregunta y es para probar si tienes interés.

💬 Algunas ideas de preguntas, HILO 🧵

#devjobs #codenewbie #100daysofcode ¿Cuántos son en el equipo?
¿Cuál es el tech stack?
¿Usan agile, waterfall, otro?
¿Qué control de versiones?
¿Tienen unit e integration tests?
¿Cómo se componen los equipo?
¿Qué sistema de tracking usan?
¿Qué herramientas de comunicación?
¿La mayoría utiliza mac o windows?

¿No entiendes #CSSGrids?

Te explico lo como hacer un layout básico en pocos tweets.

Hagamos este layout...

🚀 RT para salvar un colega

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

[2/13]

🎯 Para aprender #web hay que hacer proyectos, te dejo 3 APIS con 3 ideas para desarrollarlo desde cero.

🧵 THREAD CORTO
❤️ RT please 🦅 Red List of Threatened Species API

Desarrolla una aplicación informativa sobre todas las especies en peligro de extinción puedes filtrar por muchas categorías.

apiv3.iucnredlist.org/api/v3/docs

💣 Problema: No puedes estimar bien el tiempo de tus tareas

✅ Solución: Entiende los sesgos cognitivos que tenemos los humanos y que nos dificultan las estimaciones de tiempo.

🧵 Te explico cuáles son y como solucionarlos

❤️ RT para enseñarles a los demás a evitar úlceras. 1️⃣ El simple efecto de urgencia

Problema: Priorizamos las tareas que son “time-sensitive” (ex. responder emails) sobre las que no.

Solución: Es mejor priorizar cómo urgentes/no urgentes e importantes/no importantes.

🙃 ¿Te quedas pegado cuando intentas hacer un proyecto de #programacion?

😉 Te explico un método para salir de esa pega y evitar la frustración.

🧵 THREAD 🧠 Cuando no puedes arrancar es porque estás viendo la aplicación como una sola tarea gigante y tu cerebro está tratando de resolverla, pero en realidad lo que debes hacer es resolver muchas tareas pequeñas.

➡️ Vamos con un ejemplo.

#CSS puede ser un poco difícil, pero no cuando entiendes las bases.

😍 Te explico: "Selectores parciales"

❤️ RT para que tus amigos lo vea

🧵 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.

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

¿Mal performance en tu #webapp o #paginaweb?

13 tips rápidos, fáciles y accionables para mejorar el #webperf

❤️ RT para repartir amor!

🧵 HILO 📊 Lo que no se mide no lo puedes arreglar.

Tienes que medir la performance de tu website.

Mis tools favoritas:

@____lighthouse
@gtmetrix
@pingdom Speed Test

Usa las recomendaciones en los resultados para mejorar.

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

¿Nadie visita tu perfil de LinkedIn?

✨ 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.

20 años programando #web. Si tuviera que aprender desde cero hoy, haría esto...

🧵 THREAD ¡Arranco con el de @Platzi que es gratis y tiene profesores TOP!

platzi.com/programacion

Me aseguro de entender lo básico:

- Condiciones
- Loops
- Variables
- Funciones
- Y un poco de HTML, CSS y JavaScript

🤖 ¿La inteligencia artificial te reemplazará?

¡NO! Por ahora vino a hacerte tu trabajo de #developer y #UIDesigner más fácil.

✅ 7 utilidades de inteligencia artificial para #WebDevelopers

❤️ Ayudame con un RT

🧵 HILO 1️⃣ Copilot creado por @GitHub es un "autocompletado" de código que utiliza AI para ofrecerte sugerencias a tu código, pero completa una función completa solo con el nombre, por ejemplo.

Está en beta privada, anótate en la lista: copilot.github.com

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

🚨 NUNCA digas "NO" cuando en una entrevista te pregunten:

¿Tienes preguntas?
➡️ No es una inocente pregunta, es para probar si tienes interés.

💬 Algunas ideas de preguntas, HILO 🧵

#devjobs #codenewbie #100daysofcode ¿Cuántos son en el equipo?
¿Cuál es el tech stack?
¿Usan agile, waterfall, otro?
¿Qué control de versiones?
¿Tienen unit e integration tests?
¿Cómo se componen los equipo?
¿Qué sistema de tracking usan?
¿Qué herramientas de comunicación?
¿La mayoría usa mac o windows?

🌅 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 🧵 Resuelve los desafíos de #HTML, #CSS y #JavaScript del mundo real mientras trabajas con #disenosui profesionales.

frontendmentor.io/challenges

¿Pesadillas con los memory leaks en #JavaScript?

Hay dos causas comunes:

1. Event listeners
2. Elementos eliminado del DOM, pero referenciados.

Te dejo dos videos que explican como usar el browser para detectarnos y arreglarlos.

🧵 El primero de @MicrosoftEdge tiene una herramienta para ver los Detached Elements del DOM

LINK:

En la última versión de Edge ya viene sin flag.

¿Te cuesta navegador el historial de Git?

No es fácil, pero existe una extensión GRATIS de @code perfecta que te lo facilita:

🍉 Watermelon 🍉

❤️ RT para salvar un colega

🧵 Hilo Con Watermelon vas a poder ver con muchísimo detalle toda la historia de tu código línea por línea.

Es superútil cuando trabajas en equipo y un simple git blame ya no es suficiente.

✅ ¿Quieres practicar #frontend sin quedarte pegado?

✨ Te preparé un ejercicio para hoy ✨

👉🏽 AQUÍ EL CÓDIGO: codepen.io/fmontes/pen/QW…

🧵 Thread con tareas y pasos a realizar para completarlo.

❤️ RT please La aplicación es un #webapp para crear de facturas que les permite a los usuarios crear facturas agregando y/o eliminando ítems.

Los ítems consisten en

- Descripción
- Precio

La aplicación debe calcular el total a medida que se van agregando o ítems.

💰 ¿Se puede ganar dinero mientras aprendes a programar?

@stackuphq es la nueva plataforma donde aprendes a programar mientras te pagan y conectas con una comunidad global de #developers.

Te explico en el hilo 🧵

❤️ Ayudame con RT

#CodeNewbie #100daysofcode Regístrate GRATIS y aprende 👇🏼

- #HTML
- #Web3
- #Phyton
- #Rust
- #Go

¡Puedes ganar dinero de un fondo común de al menos $30,000 USD por mes!

Pregunta lo que quieras anónimamente:

ngl.link/fmontes

✨ LET'S GO ✨ No, el trabajo remoto ya ganó y las empresas que no se den cuenta de eso la van a pasar muy mal encontrando gente. Nosotros como trabajadores tenemos que ser muy responsables con el trabajo remoto y demostrar que si se puede.

✨ ¿Responsive design murió? ✨

Yo creo que ¡SI!

...al menos como lo aprendimos hace algunos años.

🧵 Explico y dejo recursos Responsive design se trata de "responder" al tamaño de la pantalla.

¿El problema? Millones de pantallas llegaron, con color, paper like y hasta plegables.

Solo media queries no es suficiente... tenemos que maquetar "adaptativamente" o "elásticamente"