Freddy Montes Profile picture
Sep 26 21 tweets 9 min read
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
En este punto ya estoy familiarizado con HTML y CSS

Sigo con el curso de #ResponsiveWebDesign de @freecodecamp.

Este es un curso con proyectos y así es como se aprende mejor, haciendo.

Además, tiene gatitos.

freecodecamp.org/learn/2022/res…
Ya con lo que sé debería poder hacer construir páginas básicas.

Entonces toca practicar:

🔴 Busco uno o dos sitios web que me gusten
🟡 Copio el diseño y la funcionalidad
🟢 Trato de crearla yo desde cero
Si me quedo pegado pido ayuda en Twitter o en algún Discord.

Lo importante aquí es empezar a ver los problemas que se presentan y aprender a resolverlos yo mismo, por cualquier medio necesario.
Aquí empiezo a aprender control de versiones porque en las empresas se trabaja en equipo y lo usan.

Hago el curso de Git de @freecodecamp

freecodecamp.org/news/git-and-g…
Una vez que termine este curso me abro una cuenta en @Github y empiezo a subir mis proyectos de práctica ahí.

Me aseguro que los repos tengan un buen README file explicando:

1. Que hace el proyecto
2. Que tecnología use
3. Que soy un estudiante activo

Todo en inglés.
Más practica:

🔴 Busco 2 o 3 proyectos en @codewell_ o en @frontendmentor
🟡 Los hago, responsiva lo mejor que pueda
🟢 Los subo a mi GitHub con link a los demos

Para subirlos rápidamente a GitHub y además tener los demos usaría @codesandbox o @stackblitz.
En este punto ya tengo 4 o 5 proyectos, perfecto para hacerme un portafolio.

Para inspirarme veo portfolio.run y me aseguro que cumplir con todo los checklist ahí.
Luego me abro un @LinkedIn:

📷 Foto bien cool e iluminada
🟢 Bullet points de las tecnologías que sé
🔗 Link a mi portafolio
✅ Agrego mis proyectos
📄 Y un summary donde cuenta mi historia
Con mi portafolio y LinkedIn listo, hago mi CV usando resume.io

🏁 ARRANCO a buscar trabajo de maquetador entry level
💪🏽 Ofrezco páginas a las empresas pequeñas de mi ciudad
Paralelamente, empiezo con el curso de #JavaScipt de @freecodecamp.

También gratis y muy completo.

freecodecamp.org/espanol/learn/…
Luego hago javascript30.com de @wesbos.

Aquí voy a practicar muchísimo #JavaScript e incluso puedo agarrar ideas para mi proyecto.
Hago un proyecto más que tenga mucho #JavaScript y lo pongo en mi portafolio y sigo aplicando.
Mientras sigo buscando empleo y proyectos empiezo a aprender #react y pues @midudev tiene un curso perfecto y gratis en YouTube:

Luego aprendo @nextjs siguiendo el tutorial oficial:

nextjs.org/learn/
Aquí agarro alguno de los proyectos que tenga y lo convierto a @reacjs + @nextjs y lo pongo en mi portafolio.
Esta guía asume que ya sabes inglés para mantener una conversación, si no es así, pues aprende inglés a tu ritmo, pero lo más rápido que puedas.
En buena teoría:

1. Un buen portafolio con proyectos
2. Inglés conversacional
3. Buen LinkedIn
4. CV personalizado para la posición
5. Mucha paciencia y dedicación

Deberían conseguirte tu primer trabajo.
❤️ Si te gustó este contenido ayúdame con un RT al primer tweet.

Si quieres lucirte en las entrevistas tengo dos libros que te ayudan: fmontes.com/99 o 99.tips

🌅 En mi Instagram comparto tips sobre diseño, desarrollo y empleos.

instagram.com/fmontes
Hoy en Twitch hablemos más a detalles sobre este thread.

✅ Responderé tus preguntas
✅ Explico todo bien a detalle

twitch.tv/fmontes83

• • •

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

Sep 9
🤖 ¿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
@github @tabnine parecido a Github Copilot, pero se puede usar en cualquier editor de código y no está en beta cerrada.

Tiene una versión paga y una gratis y promete ser mejor que Copilot.

tabnine.com
Read 7 tweets
Aug 31
🌅 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…
🏠 Room homepage

El layout de este está retador, pero te queda un proyecto interesante para mostrar en tu portafolio.

frontendmentor.io/challenges/roo…
Read 5 tweets
Aug 23
🚨 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?
- ¿Cómo evitan el burnout de los empleados?
- ¿Cómo miden el éxito de una persona en esta posición en sus primeros meses?
- ¿Cuánto tiempo pasa desde que aprueba un feature hasta que ese código llega a producción?
- ¿Podría nombrar tres metas del equipo en 2022?

Por @kamihack
Read 6 tweets
Aug 18
🌅 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
Mejora tus conocimientos de #HTML y #CSS practicando con plantillas de diseño reales. Y ofrecen un canal de Slack para preguntas y dudas.

codewell.cc/challenges
Read 6 tweets
Aug 3
¿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.
El siguiente el de @googlechrome y explican como utilizar los Heap Snapshots en la pestaña de Chrome para detectar memory leaks.

Read 4 tweets
Aug 2
¿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.
En detalle te permite:

1. Ver quien fue el último que tocó una línea
2. Ver cuáles fueron los commits que afectaron el archivo
3. Ver los Pull Request que incluían cambios en el archivo
Read 6 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

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(