Freddy Montes Profile picture
Jul 11 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
Code Wars tiene "kata" que son pequeños ejercicios de código para afianzar tus conocimientos.

Soporta desde #JavaScript hasta #Ruby o #Go o #PHP, lo que quieras.

Los ejercicios comienzan fácil, pero se van poniendo más complicados.

codewars.com
LeetCode se enfoca en ayudarte a conseguir el empleo que quieres entonces incluye:

- Training
- Ejercicios
- Simulaciones de entrevista

La verdad es muy completo y otro de los favoritos de la comunidad.

leetcode.com
DevChallenges tiene, bueno challenge, tanto de #frontend como #backend.

Los challenges incluyen toda la explicación y el diseño en Figma.

devchallenges.io
Edabit tiene más de 10.000 si diez mil challenge de código y además tiene todo un sistema para subir de nivel y llevar tracking.

edabit.com
Checkio únicamente tiene #Typescript y #Python, pero son juegos interactivos para aprender y practicar.

Si le quieres meter dopamina a tu aprendizaje este es el sitio.

checkio.org
FrontendMentor se enfoca en challenge de #frontend, pero el twist es que son muy muy parecido a lo que harías en la vida real.

Tiene unos gratis y otros pagos.

frontendmentor.io
Rviwer tiene challenges, PERO y este es un gran pero, cuando termines tu challenge puedes recibir feedback de otros #developers senior!

rviewer.io
CoderByte tiene challenges, si más challenges; sin embargo, los puedes filtrar por compañía, es decir por lo que hacen en las empresas como Facebook o Google.

Además, tiene un proceso de simulación de entrevistas.

coderbyte.com/developers
Para cerrar @codealodev tiene de todo:

- Rutas de aprendizaje
- Proyectos

Y vienen con sorpresas pronto.

codealo.dev
@codealodev ❤️ Si te gustó este contenido

👋🏽 Sígueme para más

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

instagram.com/fmontes

Para lucirte en las entrevistas técnicas escribimos este libro:
99.tips

Y para tips este #ebook fmontes.com/99

• • •

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

Jul 5
⚡️ ¿Cuál es mi nivel de seniority?

Me hicieron esta pregunta en un conversatorio que me invitaron reciéntente y bueno...

✅ Averigualo tu mismo respondiéndote las siguientes preguntas.

🧵 HILO

❤️ Se agradecen RT
¿Sé cómo identificar y definir problemas?
¿Puedo resolver problemas solo?
¿Puedo crear soluciones?
¿Puedo dar mentoría otros desarrolladores?
¿Estoy en capacidad de ayudar a crecer a otros desarrolladores?
Read 12 tweets
Jun 29
El 90% de la información de la web es texto.

Mejora la usabilidad y diseño de tus proyectos web con un excelente diseño tipográfico.

Te dejo tips y herramientas.

🧵 HILO
Escoge máximo dos fuentes.

1. Una para títulos, subtítulos, botones, etc.
2. Otra para párrafos

Puedes combinar sus pesos y estilos.

🛠 Genera combinaciones de fuentes con: fontjoy.com
Los párrafos máximo deben tener entre 50 y 70 caracteres de ancho.

Más de esto es difícil de leer para el usuario.

Puedes usar la unidad "ch" de #CSS.
Read 9 tweets
Jun 28
Para crear una librería de components en #reactjs siempre te recomiendan:

1. Empezar de cero 🤢
2. Usar una librería y cambiar los estilos 😢

Hay una tercera y MEJOR opción:

✨ Componentes primitivos ✨

❤️ ¿Me ayudas con un RT?

🧵 HILO
Los components primitivos son accesibles y sin estilo para construir #DesignSystems y #webapps de alta calidad.

Proporcionan todas las bases necesarias para que desarrolles tus propios components con el diseño que quieras rápidamente.

Empieza lista...
Reach UI busca convertirse en la base accesible de tu #DesignSystem basado en React.

reach.tech
Read 8 tweets
Jun 22
¿Eres #developer, pero te cuesta diseñar?

Te dejo mi serie: ✨ Diseño para desarrolladores ✨

Donde explico #DisenoUI desde la perspectiva de un #developer.

🧵 HILO
Aprende a crear lo básico que necesitas para cualquier diseño:

1. Colores
2. Fuentes
3. Variantes

Aprende como identificar lo malo del layout de tu #webapp y como arreglarlo.

Read 10 tweets
Jun 20
Esta semana solo esperen de mi tweets y fotos de playa y cerveza. La programación habitual regresa la próxima semana
Playa Cocles, el caribe costarricense Image
El short del #Metaverso Image
Read 7 tweets
Jun 16
💪🏽 ¿Quieres practicar o mejorar tu portafolio y no tienes ideas de proyecto?

😉 I GOT YOU

✨ 3 ideas de #webapps para practicar #frontend (incluye wireframes)

❤️ Ayudame con un RT

🧵 HILO
Un slider de productos responsive usando solo #CSS sin JavaScript.

1. Debe ajustarse a todos los tamaños de pantalla
2. Swap event para hacer el slide
3. Snap al borde de cada item

Hint: "css scroll snap"
#app para monitorear el precio de crypto (sí que hace falta 😢)

1. Un campo para buscar tokens
2. Agregar a la lista
3. Boton para eliminar

- API de precios: coinmarketcap.com/api/
- Backend: localstorage for v1 y un BaaS para v2
Read 5 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!

:(