15:14 Este atajo es práctico cuando necesitas copiar una línea específica en otra que esta muy separada o que tiene otra indentación, para hacer una copia de la línea en específico e incluso multiples líneas, en lugares colidantes (solo arriba y abajo), el mejor atajo es ALT + SHIFT + (ARRIBA / ABAJO).
Esté video lo necesitaba hace tres años, es excelente tu forma de explicar espero se pueda profundizar más en el tema con unos ejemplos prácticos usando React, NextJs y también una Api en Node con express o incluso con NestJs que ya tiene typescript por defecto
15:23 para que sepan esto de copiar y pegar líneas lo pueden hacer más fácil usando shift+alt y la flecha de abajo y se copia y pega la linea de una vez y pueden hacerlo con cuantas líneas quieran :D y si le dan solo alt y flecha hacia arriba o hacia abajo mueven esa linea para donde quieran
Excelente video, todo lo explicas muy claro, solo para agregar, en VsCode Shift Alt Flecha hacia arriba o hacia abajo también copian la linea o las lineas
Ese midu!!!! 🙌🏼🙌🏼🙌🏼 por si no lo han comentado…. Usando [control + d] también duplica líneas 👍🏼 con ganas de terminar este vídeo y irme a por el de NodeJs + typescript 🤓
Hola Midu. Gracias por tus vídeos. Siempre me ayudan un monton. Como test automation, para mi es un grandioso lenguaje para automatizar pruebas, a pesar que llevo tiempo con java selenium, ahora que tengo la oportunidad de iniciar un proyecto desde cero estoy utilizando typescript y le he visto muy buenas ventajas
15:18 (lo de copiar la línea entera sin seleccionar nada): Sí, lo sabía. Hasta el punto de que fue de los primeros comportamientos que quité de la configuración de VS Code. Por cierto, para más detalles: la propiedad se llama ""editor.emptySelectionClipboard". Os recomiendo ponerlo a "false" para evitar sobreescribir lo ya copiado en el portapapeles al pulsar sin querer "C" en vez de "V" (¡que está justo al lado!).
Hola, me gustó mucho tu video, pero me gustaría compartir un consejo que tal vez te ayude a simplificar tus condicionales. Una buena práctica que suelo aplicar es usar los if principalmente para manejar casos negativos o de error, en lugar de usarlos para los casos de éxito. Por ejemplo, si un método resulta exitoso, no pondría ese caso dentro de un if. En su lugar, dejaría que el flujo normal continúe sin interrupciones, y utilizaría el if únicamente para manejar excepciones o errores. Esto ayuda a que el flujo del código sea más claro y directo, ya que el caso de éxito se convierte en el camino "por defecto". Espero que te sea útil, y gracias por compartir tus conocimientos en el video. 😊
JAJJAJAJAJ buena el atajo, pero ya lo sabia o tambien con Alt + Shift y Flecha arriba o abajo puedes copiar un bloque o una linea y el de copiar ya lo conoci asjjsijasjisa Grande midu
Gracias Midu! Para una próxima podrías realizar un boootcamp de typescript orientado al Frontend, hay mucha variedad de tipos en cuento a eventos y en mi caso cambiar de js a ts a sido simple pero de jsx a tsx ya es algo más complejo
Para los que se le complica la definición de tipado débil y tipado dinámico. El tipado débil implica que el intérprete va a intentar compatibilizar cualquier tipo con cualquier operación, dando resultados poco predecibles después de una operación. Luego con respecto a Tipado Dinámico, quiere decir que el intérprete intenta inferir o interpretar el tipo de una variable a partir de su valor y permite que una variable cambie de tipo libremente.
A mi se me complico mucho en cuanto llegue a los tipos para los elementos HTML, las interfaces y los wrappers como algún consejo? Por cierto qué extensiones y tema usas en VSC?
Hola, alguien me dice el nombre de la extension que muestra los errores o explicaciones al frente (rojo y/o verde), por favor? por cierto muy buen tutorial me encanta aprender con midu.
Si me sabía lo de copiar una linea 😅, y para borrarla hago lo mismo con "Ctrl + X", cuando lo descubrí me di cuenta que por todas las veces que no hice eso gasté mas menos un año de tiempo 🤣. Bueno aparte, gracias por el dato, y por el buen contenido que haces 🙌
Como haces que los mensajes del editor se muestren en el codigo? A mi me aparecen subrayados en las variables o error y cuando paso el mouse por arriba se muestran en unos segundos de espera.
si quieres sentirte un hacker y aplicar a google, haz esto para copiar una linea hacia arriba o abajo en VSCode: te paras en cualquier parte de la linea que quieres copiar y pulsas Shift + Alt + tecla arriba/abajo 😉
Hola @midudev ya tengo instalada la extension error Lens, pero no me aparece así la linea de código en verde e indicandome que dicho parametro sea any, ayuda bro?? que debo insertar en mi json??
Alta lista brother, llegue por el de typescript + react pero hay mucho material de calidad en tu canal q me interesa.. Pregunta, si no lo publicaste ya, sera que podes hacer algun tutorial para la Localizar aplicaciones en reactjs + typescript + i18next con archivos json? Tengo unas pruebas funcionando con javascript pero me esta costando hacerlo con typescript. Gracias
Me salió este error al ejecutar la calculadora error TS2550: Property 'includes' does not exist on type 'string[]'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2016' or later. NODE v14.16.0 NPM 6.14.11 "devDependencies": { "ts-node": "^10.7.0", "typescript": "^4.6.3" } Para corregirlo utilicé en el tsconfig.json las propiedades lib y target { "compilerOptions": { "noImplicitAny": false, "lib": ["es6", "dom", "es2017"], "target": "es5", } } Midu porque a tí no te salió el error que a mi si
Solo faltó explicar como migrarías un "string" a otro tipo de objecto personalizado => operaciones, ya que cuando intentas crear una variable tipo operación asignando la string da error
Si sabía lo de copiar la línea solo al darle ctrl + c, sin seleccionar nada. Jeje. 😄 Quiero saber es como haces para que los errors y warnings se muestren en la linea de código..? Sin necesidad de hacer hover..🥺
Muy buen tutorial midu Una pregunta, alguien sabe como hacer para tener ese setup en la terminal? me refiero poder estar escribiendo en una parte de la terminal el codigo y en la otra parte que se vaya visualizando, en el minuto 1 comienza a hacer lo que me refiero.
@@midudev Disculpa sensei midu, cual es el programa o extension que usas en vs code en tus videos de js para que los resultados te aparezcan de lado derecho como si fuera un console log en tiempo real
Recientemente descubri yo una forma de copiar y pegar lineas muy rapido. 1. posicionas el cursor en la linea que quieres copiar 2. alt + shift + tecla hacia abajo (o tambien hacia arriba) y listo, replicaste la linea. Y funciona tambien con una seleccion. ejemplo seria 1. seleccionas las lineas que quieras copiar. 2. alt + shift + tecla hacia abajo (o tambien hacia arriba) y de nuevo es todo, copiaste una funcion o componente completo. Jeje
Gran video, solo tengo una duda, el process.argv me da error, que es indefinida y que no se puede leer, habilite la importacion de ESM en tscongif e instale las dependencias de @types/node, es mi primera vez en un entorno de node y queria aprender TypeScript para frontend pero viendo el video me dio curiosidad el process y lo quise probar, lamentablemente tengo este problema, ¿Alguien sabe que hacer para que me devuelva el string[] el process.argv?
ya me habia visto el tutorial pero volviendolo a ver me preguntó que editor de texto usas? jajaja se ve muy minimalista y me gusta eso el que aparece al inicio del video no el visual
Hola Midu!! estuve viendo el video tuyo con Hdeleon y mencionaste que typescript es un lenguaje versionado y podría tener problemas de incompatibilidad con versiones anteriores que opinas ahora?
Midu cosas como estás deberías ponerlas en lo que hablamos en la charlas de mecenas. Tu comunidad es principalmente front y creo que tips como los cortos de front se ven mucho más que estos que ya son una curva mayor. A mi me gustaría ver más backend ya que sé que sabés y mucho pero eso lo dejaría en las ideas que hablamos ese día. Saludos crack y trato de ver todo y derle like a todo. Te lo merecés
15:14 Este atajo es práctico cuando necesitas copiar una línea específica en otra que esta muy separada o que tiene otra indentación, para hacer una copia de la línea en específico e incluso multiples líneas, en lugares colidantes (solo arriba y abajo), el mejor atajo es ALT + SHIFT + (ARRIBA / ABAJO).
Esté video lo necesitaba hace tres años, es excelente tu forma de explicar espero se pueda profundizar más en el tema con unos ejemplos prácticos usando React, NextJs y también una Api en Node con express o incluso con NestJs que ya tiene typescript por defecto
15:23 para que sepan esto de copiar y pegar líneas lo pueden hacer más fácil usando shift+alt y la flecha de abajo y se copia y pega la linea de una vez y pueden hacerlo con cuantas líneas quieran :D y si le dan solo alt y flecha hacia arriba o hacia abajo mueven esa linea para donde quieran
Gracias
minuto 15:20, trucaso!!! nuevo para mi, no me lo sabia!! Sensei, gracias por hacer lo que haces... eres grande!!
Gracias hermano ya e venido estudiando typescript me gustó tu video
Buenas !. Podrías hacer un video o simplemente un comentario con todas las extensiones que utilizas en vsCode. Desde ya muchas gracias. Saludos !
muy claro!
gracias por el video. Lo único, vengo del ANSI C, C++ y ver las lineas sin el punto y coma final me hace doler los ojos! jajaja
Saludos
Excelente video, todo lo explicas muy claro, solo para agregar, en VsCode Shift Alt Flecha hacia arriba o hacia abajo también copian la linea o las lineas
Ese midu!!!! 🙌🏼🙌🏼🙌🏼 por si no lo han comentado…. Usando [control + d] también duplica líneas 👍🏼 con ganas de terminar este vídeo y irme a por el de NodeJs + typescript 🤓
Excelente maestro, es muy útil usar TS, no lo usaba mucho, pero ya toca hacerlo para controlar el tipado o lo que devuelve !
Hola Midu. Gracias por tus vídeos. Siempre me ayudan un monton. Como test automation, para mi es un grandioso lenguaje para automatizar pruebas, a pesar que llevo tiempo con java selenium, ahora que tengo la oportunidad de iniciar un proyecto desde cero estoy utilizando typescript y le he visto muy buenas ventajas
Me paso igual, me resulto excelente con Playwright & typescript
15:18 (lo de copiar la línea entera sin seleccionar nada): Sí, lo sabía. Hasta el punto de que fue de los primeros comportamientos que quité de la configuración de VS Code.
Por cierto, para más detalles: la propiedad se llama ""editor.emptySelectionClipboard". Os recomiendo ponerlo a "false" para evitar sobreescribir lo ya copiado en el portapapeles al pulsar sin querer "C" en vez de "V" (¡que está justo al lado!).
Excelente video... seguimos con el proximo para ir aprendiendo mas y mas !
¡Gracias!
Gracias por comentar y dejar un super thanks!!!!
Gracias Midu! Justo lo que necesitaba!
15:33 no lo sabia, pero definitivamente lo pondré en practica
fui corriendo a probarlo si si!! jajaja muy bueno
Muchas gracias por la información de calidad, muy bien explicado!!
Para copiar la linea en vscode yo utilizo ALT + SHIFT + Direccional abajo
Excelente clase de introducción midu sigue brindando contenido de tan alta calidad 👍👍
Excelente video!... oye para duplicar una linea también puedes pulsar alt+shift+flecha abajo o arriba sin seleccionar nada
Lo del ctrl + c y ctrl + v lo acabo de descubrir contigo. Literal jaja. Eres una máquina tío. Aprendo mucho contigo.
Gracias!!! 🤗
🤨
Gracias por estos vídeos y por subirlos a TH-cam
Hola, me gustó mucho tu video, pero me gustaría compartir un consejo que tal vez te ayude a simplificar tus condicionales. Una buena práctica que suelo aplicar es usar los if principalmente para manejar casos negativos o de error, en lugar de usarlos para los casos de éxito.
Por ejemplo, si un método resulta exitoso, no pondría ese caso dentro de un if. En su lugar, dejaría que el flujo normal continúe sin interrupciones, y utilizaría el if únicamente para manejar excepciones o errores. Esto ayuda a que el flujo del código sea más claro y directo, ya que el caso de éxito se convierte en el camino "por defecto".
Espero que te sea útil, y gracias por compartir tus conocimientos en el video. 😊
Me encanto el truco de VSC; ctrl + c; crtl + v; otra muy buena es; Alt + flechas; mueve la posición de línea de código.
👏
JAJJAJAJAJ buena el atajo, pero ya lo sabia o tambien con Alt + Shift y Flecha arriba o abajo puedes copiar un bloque o una linea y el de copiar ya lo conoci asjjsijasjisa Grande midu
Para copiar una linea también se puede hacer shift + option + flecha abajo
me encanta ese short
Gracias Midu! Para una próxima podrías realizar un boootcamp de typescript orientado al Frontend, hay mucha variedad de tipos en cuento a eventos y en mi caso cambiar de js a ts a sido simple pero de jsx a tsx ya es algo más complejo
Disculpen como hago para ver la descripcion del error al lado del codigo?
He instalado Quokka.js y nada
gracias
Que extensión utiliza para que VS muestre una descripción de los errores?
Presionando alt + shift + flecha arriba/abajo te duplica la linea por encima o por debajo de la línea en la que estas posicionado
Muy bueno el vídeo! Por cierto, Ctrl + Mayús + D hace lo mismo que el copy/paste que has descubierto tú, que está guay pero ya son dos comandos
si haces Alt en la linea en VS directamente puedes cambiarla de lugar
Gracias Midu. Siempre tirando magia
Gracias a ti!
Me ha encantado el vídeo! Tremendo typescript, gracias
Muchísimas gracias!
para copiar una linea de codigo ,tambien puedes en windows con shift + alt + flecha abajo o arriba
Para los que se le complica la definición de tipado débil y tipado dinámico. El tipado débil implica que el intérprete va a intentar compatibilizar cualquier tipo con cualquier operación, dando resultados poco predecibles después de una operación. Luego con respecto a Tipado Dinámico, quiere decir que el intérprete intenta inferir o interpretar el tipo de una variable a partir de su valor y permite que una variable cambie de tipo libremente.
A mi se me complico mucho en cuanto llegue a los tipos para los elementos HTML, las interfaces y los wrappers como algún consejo? Por cierto qué extensiones y tema usas en VSC?
wao ese truco de copiar y pegar esta muy bueno :0
Que buena explicacion! gracias
Midudev como se llama la extencion que hace que te salga los errores al costado de cada linea ?
También quiero saber 🥺
error lens
@@yudithserrano709error lens
siempre se aprende algo nuevo con midu ✨
Una pregunta cómo puedo configurar sublime text para poder escribir en typescript
Excelente vídeo.... podrías decirme que editor es el que usas al inicio para ver el JS en vivo? y el programa de terminal que usabas? Gracias!
RunJS y iTerm2 para macOS
Hola, alguien me dice el nombre de la extension que muestra los errores o explicaciones al frente (rojo y/o verde), por favor?
por cierto muy buen tutorial me encanta aprender con midu.
Sobre lo de copiar y pegar la línia yo lo tengo configurado para que duplique (la linea donde está el cursor) con Ctrl+D. Como lo hacen JetBrains ^^
Si me sabía lo de copiar una linea 😅, y para borrarla hago lo mismo con "Ctrl + X", cuando lo descubrí me di cuenta que por todas las veces que no hice eso gasté mas menos un año de tiempo 🤣. Bueno aparte, gracias por el dato, y por el buen contenido que haces 🙌
Muy claro, gracias crack!
Gracias a ti!
Grande Midu🚀🚀
Graciaaaas! 🤗
una pregunta muy tonta, como hago para que los errores me salgan directamente en el editor y no en la sección de problemas de VScode?
Hola, ninguna pregunta es tonta, todos aquí estamos para apoyarnos. Si entendí bien capaz te refieres a la extensión Error Lens de VS Code.
Yo tengo instalado Quokka y cumple la misma función solo que tenés que crear el archivo con F1 no de forma manual como en el vídeo
¿
que extension de vscode usa para que sea vea los errores asi en la linea?
¿Que extensión es la que muestra las advertencias en rojo sobre el código? (como en el minuto 21:27) ¿Alguien sabe? :)
es typeScript lo que te muestra los errores
Hola! Cual es la otra aplicación que usas en el minuto 14 para ver si includes esta bien usada??
Eres una máquina, me maravillas..
🤗🤗🤗
Como haces que los mensajes del editor se muestren en el codigo? A mi me aparecen subrayados en las variables o error y cuando paso el mouse por arriba se muestran en unos segundos de espera.
si quieres sentirte un hacker y aplicar a google, haz esto para copiar una linea hacia arriba o abajo en VSCode:
te paras en cualquier parte de la linea que quieres copiar y pulsas
Shift + Alt + tecla arriba/abajo 😉
O mover una línea o lo que tengas seleccionado con shift + flechitas arriba o abajo
Midu como haces para que en la consola te muestre la compilacion de javascript en tiempo real
console ninja
Hola @midudev ya tengo instalada la extension error Lens, pero no me aparece así la linea de código en verde e indicandome que dicho parametro sea any, ayuda bro?? que debo insertar en mi json??
como se llama ese editor de codigo, que te muestra en tiempo real lo que codeas? me gusta para explicar cosas.
Grande midu
🤗
me gustaria saber que thema esta utilizando en el editor de codigo
Midu eres un crack
buenas, excelente video, una consulta que extensión usa para que aparezca la recomendación ?
Es error lens
Alta lista brother, llegue por el de typescript + react pero hay mucho material de calidad en tu canal q me interesa.. Pregunta, si no lo publicaste ya, sera que podes hacer algun tutorial para la Localizar aplicaciones en reactjs + typescript + i18next con archivos json? Tengo unas pruebas funcionando con javascript pero me esta costando hacerlo con typescript. Gracias
me pusiste a dudar de mi conocimiento con los 25 retos
Me salió este error al ejecutar la calculadora
error TS2550: Property 'includes' does not exist on type 'string[]'. Do you need to change your target library? Try changing the 'lib' compiler option to 'es2016' or later.
NODE v14.16.0
NPM 6.14.11
"devDependencies": {
"ts-node": "^10.7.0",
"typescript": "^4.6.3"
}
Para corregirlo utilicé en el tsconfig.json las propiedades lib y target
{
"compilerOptions": {
"noImplicitAny": false,
"lib": ["es6", "dom", "es2017"],
"target": "es5",
}
}
Midu porque a tí no te salió el error que a mi si
Solo faltó explicar como migrarías un "string" a otro tipo de objecto personalizado => operaciones, ya que cuando intentas crear una variable tipo operación asignando la string da error
Que terminal/editor es este que usa? Minuto 1:45
Me podrías decir que editor de código estás usando para em video?
Tu curso de nextJS clon de Twitter está vigente u obsoleto? muchas gracias!!!!
Todo lo que se enseña, funciona. Pero han añadido nuevas funcionalidades que no salen.
@@midudev mil gracias eres un crack !!
Grande Midu 😎
Si sabía lo de copiar la línea solo al darle ctrl + c, sin seleccionar nada. Jeje. 😄 Quiero saber es como haces para que los errors y warnings se muestren en la linea de código..? Sin necesidad de hacer hover..🥺
Extension error lens, luego en el settings.json defines que quieres que te enseñe (errors, warnings, info y hint)
@@er_locoplaya6081 Muchísimas gracias por tu respuesta
brutal!!! ctrl +w ?
me puedes pasar la extensión para que me marque los errores de ese modo porfa
14:42 esto en IntelliJ sería un solo comando: CTRL + D 😉
Hola buenas tardes, me puedes indicar un script que reemplace el evento Target.Locked = True? Muchas gracias
Muy buen tutorial midu
Una pregunta, alguien sabe como hacer para tener ese setup en la terminal? me refiero poder estar escribiendo en una parte de la terminal el codigo y en la otra parte que se vaya visualizando, en el minuto 1 comienza a hacer lo que me refiero.
. También quiero saber
Hola, es una aplicación que se llama RunJS.
@@markadoss4449 Muchas gracias, ya lo encontre
Hola midu, quería hacerte una consulra, que aplicación usas para que aparezca el resultado enseguida a la derecha?
Esta es la extensión que uso yo:
th-cam.com/users/shorts51q0PYdYOJc
@@midudev Disculpa sensei midu, cual es el programa o extension que usas en vs code en tus videos de js para que los resultados te aparezcan de lado derecho como si fuera un console log en tiempo real
@@xVinoz runjs
@@xVinoz run js, es de pago pero hay una version free
@@dannysolano8183 gracias ya lo revise.
Recientemente descubri yo una forma de copiar y pegar lineas muy rapido.
1. posicionas el cursor en la linea que quieres copiar
2. alt + shift + tecla hacia abajo (o tambien hacia arriba)
y listo, replicaste la linea. Y funciona tambien con una seleccion.
ejemplo seria
1. seleccionas las lineas que quieras copiar.
2. alt + shift + tecla hacia abajo (o tambien hacia arriba)
y de nuevo es todo, copiaste una funcion o componente completo. Jeje
Gran video, solo tengo una duda, el process.argv me da error, que es indefinida y que no se puede leer, habilite la importacion de ESM en tscongif e instale las dependencias de @types/node, es mi primera vez en un entorno de node y queria aprender TypeScript para frontend pero viendo el video me dio curiosidad el process y lo quise probar, lamentablemente tengo este problema, ¿Alguien sabe que hacer para que me devuelva el string[] el process.argv?
como se llama el plugin que muestra los errores inline?
x2, yo igual necesito saber eso
Error lens!
como se llama la extension que esta usando para que te muestre cuando hay un error en typescript
Inline Error.
Gracias midu
al fin sabia algo que midu no sabia :,v.
ya me habia visto el tutorial pero volviendolo a ver me preguntó que editor de texto usas? jajaja
se ve muy minimalista y me gusta eso
el que aparece al inicio del video
no el visual
Creo que es un playground que el mismo diseño, el video esta en el canal
@@juanlambrotta1781 muchas gracias gran hombre
El Ctrl+C y Ctrl+V sobre la línea si me lo sabía 😀
Hola Midu!! estuve viendo el video tuyo con Hdeleon y mencionaste que typescript es un lenguaje versionado y podría tener problemas de incompatibilidad con versiones anteriores que opinas ahora?
Esa no es mi opinión. Es algo objetivo. 😅 eso no quita que TypeScript sea interesante, especialmente para ciertos tipos de desarrollos.
@@midudev muchas gracias Midu excelentes tus videos!!! Estaré echándole un ojo a cada uno de ellos para poder aprender todas estas tecnologías 😄
midu te dejaste el link al repo 😢
me ayudas intento hacer run pero sale error
Y como para que sirve que tengamos en la vida real variables dinamicas ?
Midu cosas como estás deberías ponerlas en lo que hablamos en la charlas de mecenas. Tu comunidad es principalmente front y creo que tips como los cortos de front se ven mucho más que estos que ya son una curva mayor. A mi me gustaría ver más backend ya que sé que sabés y mucho pero eso lo dejaría en las ideas que hablamos ese día.
Saludos crack y trato de ver todo y derle like a todo. Te lo merecés
Sí fui corriendo al Visual Studio a probarlo xD
Cual es la extension que te pone los errores en rojo
Error Lens
Que editor ese?, o que extensión si es vscode?
creo que ocupa panda extension de vsc
Hola, disculpa que tema de vscode usas ?
One Dark Pro
@@midudev gracias por tu respuesta!
Un atajo a toda madre para copiar varias lineas de codigo sin necesidad del mouse es ALT + SHIFT + flecha hacia abajo
Lo hice sin querer una vez y lo descubrí. Lo de control +C y control +V
jaja el ctr+c es tremendooo!!
Crack!!
☺️☺️☺️
si se javascript basico o no se javascript puedo aprender typescript?
primero js, despues te pasas a ts pq si no es medio dolor de cabeza, se puede, pero no se si seria recomendable.