Si usas Visual Studio Code en tu día a día estoy seguro que no le estás sacando el máximo partido.

Aquí tienes 7 TRUCOS para trabajar como un PRO y ahorrar tiempo:
¿Necesitas crear un fichero y a la vez algún directorio?

❌ NO crees la carpeta manualmente y luego el archivo.
Puedes crear el fichero directamente con toda su estructura DE UNA.

Separa las carpetas con / y finalmente añade el archivo.

¡Y así lo haces todo de una vez! ⬇️ Creando la carpeta folder/subfolder/index.js directamente enResultado de crear el fichero folder/subfolder/index.js
¡NO uses ninguna extensión para COLOREAR tus paréntesis!
Code ahora lo tiene integrado y funciona de LUJO.

Detectarás más rápido las llaves y paréntesis de tu CÓDIGO.
Funciona en cualquier lenguaje de programación.

Activa estas opciones y mira cómo queda en el código: Preferencias de Visual Studio Code sobre el Bracket Pair ColCódigo donde se ven las llaves y los paréntesis coloreados
Desde la terminal, puedes abrir la carpeta en la que te encuentras en Visual Studio Code.

Para hacerlo, ejecuta el comando:
code .

¿No te encuentra el ejecutable de Code?
Necesitas ejecutar esto en tu editor: Paleta de comandos de Code donde se ve cómo puedes instalar
En Visual Studio Code puedes pinear 📌 los archivos de tu proyecto.

De esta forma no tendrás que andar buscándolos cada dos por tres.

Yo lo suelo usar para el archivo package.json y así lo tengo siempre visible.

Te quedarán así: Opción de pinear una pestaña en Visual Studio Code para noIcono de pin al lado de la pestaña.
Hay cuatro atajos de teclado ⌨️ que me parecen ESENCIALES para la vida del programador:

- Mover líneas de código arriba y abajo.
- Cortar, copiar y pegar una línea sin seleccionar
- Eliminar una línea completa.
- Comentar/Descomentar líneas.

Te los enseño aquí:
Si tienes que ordenar líneas alfabéticamente.
NI SE TE OCURRE hacerlo MANUALMENTE.

1. Selecciona las líneas que quieres ordenar.
2. Abre la Paleta de Comandos.
3. Selecciona "Sort lines ascending" (o descending)
4. Enter y... ¡listo! Opción de ordenar las líneas seleccionadas de forma ascendLíneas ordenadas ascendentemente tras usar la opción de VS
Si haces hover encima de un color en CSS, te abrirá un selector.

Allí puedes elegir el color y la transparencia que quieras.

Cada vez que selecciones un nuevo color cambiará el valor.

Haz clic en la barra con el color para cambiar entre formatos rgba, hexadecimal, hsl y hwb. Al hacer hover sobre un color en un archivo CSS en Visual St
¡Comparte estos 7 TRUCOS con un RT para que llegue a más gente!
Si veo que hay interés, hacemos otra lista con 7 TRUCOS más. 🤩

¡Y ahora a ponerlos en práctica en tu día a día para ser más productivo!

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Miguel Ángel Durán

Miguel Ángel Durán 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 @midudev

Jul 29
¡Tres RECURSOS para que PASES cualquier ENTREVISTA en PROGRAMACIÓN! 👨‍💻

🧵⇩
¿Es tu primera entrevista y no sabes por dónde empezar a prepararte?

Tech Interview Handbook 📘 es el mejor recurso para que no pierdas el tiempo.

Te ofrecece una guía y materiales, mejores prácticas y consejos para pruebas técnicas.

➡️ techinterviewhandbook.org Captura pantalla de la web de Tech Interview Handbook.  Apar
¿Quieres ejemplos de preguntas técnicas para diferentse lenguajes de programación y bibliotecas?

De Android a TypeScript, pasando por bases de datos como MongoDB y hasta algoritmos o blockchain.

Aquí tienes docenas de artículos curados con solución:
➡️ github.com/DopplerHQ/awes… Aparece una lista de preguntas típicas sobre JavaScript ent
Read 6 tweets
Jul 27
Todos queremos mejorar nuestra LÓGICA de PROGRAMACIÓN.

Pero sólo se puede lograr PRACTICANDO.

¡Te comparto las MEJORES plataformas GRATUITAS para conseguirlo!

🧵⇩
↪ CODE SIGNAL

La que usan empresas como Facebook, Uber o Reddit para entrevistas técnicas.

Tiene un modo arcade, donde tienes que ir avanzando, y puedes realizar los ejercicios en decenas de lenguajes de programación como: JavaScript, Kotlin, PHP, ...

codesignal.com/developers/ Captura de pantalla de la portada de CodeSignal
↪ ADVENT JS

Completamente en español. 25 retos de programación de JavaScript.

Tiene un playground de código que comprueba si es correcto mientras lo escribes.

Son ejercicios divertidos y algorítmicos que te ayudarán a mejorar tu lógica.

adventjs.dev Captura de pantalla de la web de AdventJS. Sale el texto &qu
Read 7 tweets
Jul 25
Me he leído el libro de "14 hábitos de desarrolladores altamente productivos" de Zeno Rocha.

Son hábitos para:
- Seguir aprendiendo en programación
- Mejorar en tu día a día
- Progresar en tu carrera
- Trabajar en equipo
- Prosperar en tu vida

Te hago un resumen. 🧵⬇️ Portada libro "14 hábitos de desarrolladores altamente
1️⃣ Hábito 1: Busca las señales

No tienes que perder el tiempo en intentar aprenderlo todo.
Hay que concentrarse en saber decir que "no" a lo que queremos aprender.

El libro dice, "Acepta que no puedes aprenderlo todo. Los deseos son ilimitados, las necesidades limitadas". Ilustración sobre el FOMO (Fear of Missing Out). Sale una c
2️⃣ Hábito 2: Foco en los fundamentos

Todo lo que inviertes en aprender los fundamentos te ayudará en el futuro:
Algoritmos, estructuras de datos, redes, diseño de sistemas...

No importa cuantas horas le dediques a aprender algo si no controlas los fundamentos.
Read 16 tweets
Jul 24
Una web bonita atrae a más usuarios y clientes.

¿Te cuesta mejorar el diseño de tus páginas?
No te preocupes.

RECURSOS que te dan el CSS listo para copiar y usar.

🧵⬇️
📍 Shadow Palette Generator

Te permite crear sombras bonitas y realistas con CSS.

Puedes cambiar diferentes parámetros como la posición de la luz, el color, resolución y nitidez.

Luego puedes descargar el CSS para usarlo en tu web.

joshwcomeau.com/shadow-palette Captura de pantalla de Shadow Palette Generator donde se mue
📍 Clippy

Gracias a la propiedad clip-path, puedes crear formas complejas para recortar tus elementos o imágenes.

Elige una forma o polígono de los que hay o crea el tuyo propio.

¡Dale un toque a tus imágenes!

bennettfeely.com/clippy/ Captura de pantalla de la herramienta Clippy. Aparece a un l
Read 7 tweets
Jul 23
🔥 TOP 7 mejores APIs GRATIS para tus DESARROLLOS más frikis.

Así practicas programación mientras te diviertes.

🧵⬇️
KAME HAME HAAAAA!!!!

Si no te has criado con Dragon Ball significa dos cosas:
O eres joven o no has tenido infancia.

Este manga/anime es, y será, uno de los mejores Shōnen de todos los tiempos.

⭐ Sin límite ni API Key ni atribución

→ dragon-ball-super-api․herokuapp․com Un dibujo de Dragon Ball. Aparecen Goku, Krillin, Bulma, Pic
Más de 20 años de Harry Potter dan para mucho. 🪄

¡Y por eso no podía faltar una API con todos los personajes y estudiantes!
Revisita Hogwarts en tu próximo proyecto.

🔑 NO es necesaria API KEY

→ hp-api․herokuapp․com Una aplicación construida con la API de Harry Potter. Apare
Read 9 tweets
Jul 22
¿Quieres MEJORAR en PROGRAMACIÓN 🔥?

¡3️⃣4️⃣ CURSOS GRATIS este fin de semana para aprender VUE, NUXT y VITE!

🧵⬇️
Introducción a Vue 3:
vuemastery.com/courses/intro-…

Aplicaciones Vue 3 en el mundo real:
vuemastery.com/courses/real-w…

Vue Router:
vuemastery.com/courses/tourin…

Unit Test con Vue 3:
vuemastery.com/courses/unit-t…

De VueX a Pinia:
vuemastery.com/courses/from-v…
Buenas prácticas en Vue 3:
vuemastery.com/courses/coding…

Formularios en Vue 3:
vuemastery.com/courses/vue3-f…

Nuxt 3:
vuemastery.com/courses/nuxt-3…

Testing en el mundo real:
vuemastery.com/courses/real-w…
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!

:(