Curso JavaScript: 33. Módulos ( import / export ) -

[@renzo259]

Pudiste haber subido este curso a Udemy pero decidiste compartirlo gratuitamente, es algo de admirar y algo para agradecer constantemente. hace poco empecé con el curso y estoy aprendiendo mucho, antes leía código de JavaScript y no lo entendía, pero ahora si y es que explicás muy bien. Gracias por dedicar tu tiempo a enseñarnos. GRACIAS TOTALES. saludos desde Argentina.

[@jonmircha]

;) comparte para llegar a más personas

[@SpiderWolf]

X2

[@miguelofre]

Adhiero a renzo

[@AlexPawChain]

lo mismo

[@lucialezmor01]

Jon, gracias! Habiendo intentado aprender en diferentes cursos, si bien me dieron alguna una idea, recién ahora después de ver tus clases es cuando realmente entiendo lo que estaban haciendo. Es el único curso que realmente enseña las bases. Se nota el amor por lo que haces. Mil gracias por compartirlo acá! ahora a hacer ejercicios!

[@jonmircha]

😉👋🏻

[@stratusk4175]

Wacho, un crack la verdad, no hay chance, el mejor profe que encontre hasta ahora, mejor que la facu, que cierto otros programadores con sus respectivos cursos, pero hay algo que te distingue y es tu vocacion hacia el area. Te mando un abrazo!

[@jonmircha]

😃🙌🏻

[@DiegoGutierrez-gu5ui]

En el minuto 15:45 donde haces un import mi cabeza exploto de la emoción porque cuando leía código de Javascript no entendía que significaba pero ahora lo se gracias a ti... Jonathan eres un gran ser humano ✌💪✅🙆🏻‍♂️ gracias, mil gracias...

[@jonmircha]

;)

[@jefersonmunoz1355]

Este es el mejor curso de Js actualizado que uno puede encontrar, está fenomenal, en otro canal hice varios cursos igualmente explican excelente y viendo este tema de import/export se me hizo muy parecido al lenguaje SQL, yo uso Mysql y viendo lo del "import" se me hace practicamente igual al SELECT, al igual que el "from" igual al FROM en sql y el alias que se usa igual en Mysql.👍🏻

[@robyirloreto]

Gracias Maestro, te dejo el merecido Like.. Saludos desde Venezuela.

[@jonmircha]

😃👍🏻

[@diegofernandotriana580]

Buena clase explicas super bien felicitaciones , esperando un curso de Reactjs para apuntarme

[@manuelrosen2752]

Aprendí cosas que nunca en mi vida había visto, esto vale oro, gracias Mircha.

[@jonmircha]

Con mucho gusto

[@ivanastorga1641]

40 minutos de joya pura y dura :V

[@jonmircha]

;)

[@emanuelr9815]

Yo había tomado un curso de pago y nada que ver con este, este esta mucho mejor explicado y a mas profundidad!!

[@jonmircha]

;)

[@alexanderg3764]

39:09 es bonito ver que gracias al curso entiendes lo que dice una doc de una libreria aunque jamas haya visto nada de esa libreria, muchas gracias profe :) (Objetos y funciones terminado! llego el momento de la primera prueba...)

[@jonmircha]

:) suerte!!!!

[@sebastianramos3317]

No me fije que la clase duraba 40 minutos, se paso tan chevere en esta clase que el tiempo paso super rapido y aparte aprendi muchooo , profe que clase tan bacana , gracias

[@jonmircha]

👋🏻😃

[@phreakphreak]

NodeJS , lo menciono para tomar en cuenta que si siguen el curso de Javascript con NodeJS y no saben mucho, pero de igual forma lo usan para los ejemplos, aqui hay un par de cosas puntuales especialmente para esta clase. 1. para exportar modulos en NodeJS necesitan escribir o agregar esta linea "type":"module" a su archivo package.json. 2. en NodeJS version 8 node --experimental-modules filename.mjs 3. en la última versión de NodeJS v14, ya soporta la implementación de modulos perfectamente

[@jonmircha]

GRacias por tu aporte :)

[@giovannyvanegas88]

Excelente, me funciono gracias!!

[@angelo.florestorres5644]

saben como usar una variable que se exporta, en otro archivo :/

[@disenadoresweb]

La mejor clase que he tenido, de verdad es admirable como aprendí tanto en una sola clase y esos cuarenta minutos fueron como 5, me han ayudado mucho tus clases a entender Js, gracias!

[@jonmircha]

👋🏻😉

[@Ni_idea_de_tecnologia]

Que gran explicación. Ahora hay que poner en marcha todos estos conocimientos y asentarlos. Gracias Sr Mircha

[@jonmircha]

😉👍🏻

[@pedrogilperez9840]

Que buena Clase, super útil para entender como trabajan los Framework, perfecta para aclarar muchas dudas. Saludos desde España.

[@frankfarfan3107]

Me facina el modo tan claro en el que explicas las cosas, muchas gracias por otra muy buena leccion Maestro de lo digital, saludos desde Milano.

[@jonmircha]

😉👍🏻

[@QUIQUE-xr3ho]

Excelente curso. Hace 15 dias no sabia de JavaScript ahora ya entiendo algo de codigo y un poco de next.js Cuando hace un curso o video hablando de next.js Excelente curso saludos

[@LETTSAR]

Estuve buscando entender la diferencia de usar el Default en el export y por fin la encontre.. Excelente.. Bendiciones!

[@jonmircha]

😉👌🏻

[@carlosjavierorozco8418]

Excelente que bueno que se puede trabajar con import y export en JS. Muy buena clase Jon. Gracias.

[@jonmircha]

😉👋🏻

[@josedavidfriasjimenez3101]

Estaba aprendiendo JS y acabo de dar con este vídeo y curso de JS. Suscrito. Me veré los primeros vídeos para repasar conceptos y seguiré aprendiendo con tu curso. ¡Muchas gracias por compartirlo!

[@jonmircha]

De nada ;)

[@joseluisperez5137]

Muchas gracias profe! Justo inicie un curso de React, pero lo pause por desconocer algunas bases de JS. A ver cuando dono en su paypal que lo tiene bien merecido, exito en este 2021

[@jonmircha]

;)

[@carlosgrajalespatino4447]

Hice mi tesis con Angular si saber nada de Angular solo copiando y pegando de cuanto tutorial encontraba en youtube y por consiguiente muchismas cosas no las entendia y estaban como en "Chino". Pero a este nivel de tu curso y con está clase en especial es como si se me hubiera quitado una venda de los ojos.. cada vez me van quedando claras muchas cosas.. gracias por compartirnos tu conocimiento....saludos desde Colombia .. Posdata: Estoy recolectando un dinerillo para recompesarte tu maravilloso trabajo, pronto te lo enviaré !! :)

[@jonmircha]

😉🙌🏻

[@eladmin4473]

Que buen curso.... el mejor que vi hasta ahora

[@jonmircha]

😉🙌🏻

[@AndruV42]

Pensé que solo con npm init (packge.json) y con webpack se podía trabajar bien con los módulos ... Es que estaba leyendo y no sabía sobre algo así de simple para no importar tanto . Muchas gracias

[@jonmircha]

😉

[@MarcosCastelli]

Mi amichi JON creo que es un buen momento como para empezar a ver todo el curso otra vez y refrescar la RAM. Muchas gracias otra vez.

[@ivantg4572]

que maravilla de clase no habia comprendido bien lo de los modulos

[@jonmircha]

😉👍🏻

[@braianrico4422]

Explicas tan claro que me confundiste jajajaja Sabes que no es cierto, nuevamente mil gracias, de verdad que los detalles que das a las clases enriquecen demaciado todo tu contenido, Dios te bendiga!!! 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

🤭🙌🏻🙌🏻🙌🏻

[@alvarocisneros1648]

Muy bueno. El alias en los módulos nos permite diferenciar variables, clases, funciones o variables que se llamen igual dentro de módulos distintos y que al importarse en otro modulo generen un problema de no saber a quien se esta haciendo referencia.

[@jonmircha]

👍🏻

[@coincidenciatardia]

Sigo agradeciéndote este contenido de calidad y gratuito, sabes igual que en el momento que pueda lo voy hacer material a la devolución

[@jonmircha]

🤓👍🏻

[@MarcosCastelli]

Muy bueno lo probé generando clases con herencia y funciona bien, de este modo cada archivo JS maneja una única clase y se hace mucho mas fácil ver el codigo, el archivo no es tan extenso y se me hace mas fácil la vida. Gracias por el video, excelente. Cada vez lo veo mas parecido a JAVA.

[@jonmircha]

😉👍🏻

[@medeloswaldoivanmartinez1590]

Eres bien chingón Mircha, recién estoy haciend omis residencias y gracias a tu curso estoy aprendiendo cosas nuevas, en verdad muchas gracias. Cuando tenga dinero te invitaré un taco por todo lo que haces por tu comunidad programadora. Saludos profesor

[@jonmircha]

😃👍🏻

[@kinyoldboy9240]

Explicas de forma sencilla algo con mucho potencial. Muchas gracias bro!!!

[@jonmircha]

Gracias, saludos

[@gjavier]

Una forma de poder invocar los archivos js en la cabecera es usar: document.addEventListener('DOMContentLoaded', function(){...todo el código js...}); De ésta forma primero carga el DOM.

[@matiaswelschen1136]

Genial esta clase, para ir teniendo noción de a poco con React, va como piña.

[@jonmircha]

😉👍🏻

[@NickelFirepowerNico]

23 de febrero de 2022 Muchas gracias por esta clase, ahora si a hacer los 10 ejercicios!!! :)

[@jonmircha]

Excelente!

[@carlosfreitez4955]

Como te fue?

[@ceciliayanez667]

Definitivamente eres el JulioProfe de JavaScript jaja!! Gracias :)

[@jonmircha]

🙈

[@jeanfrancosanchez625]

muy buen clase, ignoraba por completo el import y export en javascript, osea jon que ahora podemos, como en php y en los demas lenguajes orientados a objetos, atomizar o modularizar el codigo, puedo tener un archivo con todas las variables y constante a usar en la aplicación y solo llamarlas donde y cuando se neseciten o tener un archvo como en php que contenga toooooooooooodas las funciones y solo llamarlas cuando y donde sean necesarias, archivos mas compactos y entendibles, esto si es una mejora considerable

[@jasserblanco2805]

Hora de comenzar los ejercicios y a la vez repasar todos los videos hasta hoy, gracias profe!

[@jonmircha]

Vamos!

[@moisescastillo3447]

Que buen video, se entendió clarisimamente este tema, un punto que muy rara vez se toca en su totalidad, veo que estas siendo muy completo en el curso, ojala puedas tocar el tema de single page Application con cambio del hash, transitionn page con vanilla javascript, desde ya gracias por el curso

[@jonmircha]

Sí de hecho estoy trabajando en hacer un app justamente así con puro Vanilla JS :) comparte para llegar a más gente

[@d-landjs]

Excelente maestro, super entendible!!!

[@jonmircha]

👍🏻

[@yamil3105]

muchísimas gracias por toda tu labor docente

[@jonmircha]

De nada comparte para llegar a más gente y suscríbete

[@gustavoramos1316]

Gracias Jonathan aclaraste muchos temas de importación y exportación.

[@jonmircha]

😉👍🏻

[@jesusveliz2150]

Genial @jonmircha, cada dia más interesante esta saga esta muy buena....muchas gracias por su aporte y compartir sus conocimientos...con el mundo.👍

[@jonmircha]

De nada, comparte para llegar a más gente :)

[@elweonweandolaweafome]

Siii entiendo mòdulos ahora

[@jonmircha]

👏🏻😉

[@johnherrera5913]

Master! Tienes mucha facilidad para realizar y explicar todo

[@jonmircha]

🤭🙌🏻

[@Adormir123]

Muchas Gracias docente y amigo Jonatan Mircha

[@jonmircha]

Gracias. Saludos👋🏻😉

[@jhonimanuelsanchezsuarez3117]

Excelente, muy buena explicación, sobre las importaciones y exportaciones de clases, funciones y variables, tanto con let como con const. Así como los posibles errores que pueden surgir cuando no se hace la importacion o exportacion de forma correcta, conforme a la estructura del códico o la sintaxis de programación.

[@jonmircha]

👋🏻😉

[@timawid]

Tus cursos son una maravilla🤩🤩

[@jonmircha]

Gracias! 😊

[@juang7405]

Jon: muchisimas gracias por este cursdo, realmente impresionante. Gracias por compartirlo de manera abierta y gratuita.

[@jonmircha]

😉👌🏻

[@luisalbertovillarortiz7424]

jonmircha, excelente gracias por compartir, Que grande que hagas cursos en Escuela IT. jonmircha, hago un comentario para los que solo estan tomando esta sesion funciona si levantan un servidor. de otro modo , tendran un error de CORS. disculpa, los acentos mi teclado es americano. Saludos Jonmircha.

[@jonmircha]

😉👋🏻

[@luischaconcampos]

Gracias profesor! Me ha aclarado la consfusión que tenía desde hace tiempo con esto de los imports de ES6!! Un merecido LIKE!!!!!

[@jonmircha]

🤓👍🏻

[@alfgow]

Ufffffff, creo que acabo de subir de nivel en el conocimiento de JS jajaja, gracias profe

[@jonmircha]

😉👍🏻

[@victormontivero1998]

Me mire como 10 clases hoy, muy bien explicado, mañana arranco con los primeros ejercicios! Muy buen trabajo.

[@jonmircha]

Suerte !!! :)

[@fernandomaldonado1254]

el mejor de todos los que vi...solo una duda.....que es azucar sintactico...y tras bambalinas??

[@Carlosreyes-rz2xh]

El mejor profesor

[@alejandroluna9739]

Muchas gracias profe excelente contenido vamos con los ejercicios ahora! espero con tu curso salir con los conocimientos para trabajar con el stack MERN

[@jonmircha]

En el que quieras MERN, MEVN, MEAN, MESN, etc etc etc ;)

[@977matias]

Ahora si quedó bien claro, muy buen video!!

[@jonmircha]

👍🏻

[@alevilghost]

Ahora si, venga esos ejercicios!!!

[@jonmircha]

}:)

[@colommbiano]

muchas gracias profesor por fin un buen curso bien explicado para después entrar a conocer los framerwork como React. lo recomendare y compartiré este curso

[@jonmircha]

gracias

[@antonycalderon6311]

Muchísimas gracias por tan buena explicación

[@jonmircha]

De nada, comparte para llegar a más gente

[@andresarturomorenohurtado8386]

Te metistes tremendo curso mi bro

[@jonmircha]

:)

[@fredyvelasqueznina1026]

Estaba brava la clase. Gracias maestro jonmircha :)

[@jonmircha]

😉🙌🏻

[@josejulian8528]

Jejejeje. Me hizo mucha gracia cuando de diste de cuenta que tenías internet Explorer en tu computadora.

[@jonmircha]

😅

[@carlesbautista8293]

Gracias Jonathan, muy buena expliaccion, ya veo que a IE tienes que hacer-le la comida aparte !!!!

[@jonmircha]

Nel, ya no merece comida ese bicho jajajaja

[@Angelval3]

Joder casi me pierdo jsjs, pero al final creo que logré entender bien. Buen video 👍.

[@jonmircha]

👍🏻😉

[@diegoziraldo2358]

Hola Jon buenisima la clse, no me quedo muy en claro la diferencia de crear un export default o un export comun, ya que las dos igualmente deben ser importadas...

[@jonmircha]

default lo importas sin {} y le puedes nombrar como gustes en el archivo que lo importes, sin default tienes que usar la destructuración {}

[@alvarocisneros1648]

Supongamos que quieres exportar una función anónima. Esto lo podrías hacer con la exportación por defecto: En constantes.js por ejemplo: export default function( a, b){ return a+b; } En modulo.js al importarla, ya la podrías recibir con nombre. Por ejemplo si la llamamos "sumita" import sumita from "constantes.js"

[@matiasnetto7492]

Muy buena explicación!!, Me sirvió de mucho, gracias por compartir tu conocimiento con la comunidad ♥️

[@jonmircha]

;)

[@emilickuidesign]

No sé quien acá ha estudiado inglés o está aprendiendo. Solo quiero mencionarlo por mi experiencia personal. He estado estudiando y aprendiendo sola por 1 año y algunos meses, la relación del comentario con el este curso es que toda esta información puede ser abrumadora al principio, así como lo es aprender un idioma en el que no sabes como conectar cosas y no entiendes que está pasando al principio. Un idioma nuevo requiere una exigencia muy fuerte de memorización de palabras, reglas y métodos de aprendizaje continuo. Algo que por ende requiere práctica. Cuando empecé a estudiar programación, maquetación y todo eso, el fuerte entrenamiento de memoria que me ha obligado a tener el inglés, permite que mi capacidad para entender cosas como estás sea mucho mayor, no me enredo ni me estoy sobre pensando todos los métodos y cosas de implementación. Mi consejo es que prueben trabajar y estimular su memoria, esto es mucha información y requiere dedicación y entrega porque si no puede ser un camino doloroso. Aprender inglés me facilitó muchas cosas, no solo desde la perspectiva del lenguaje como tal, si no mi capacidad de comprensión y resolución de problemas. En conclusión nos hace más inteligentes y eso está comprobado científicamente. Prueben ese dolor un rato y créanme que todo se les hará más fácil en el futuro. Esto es solo algo que yo he experimentado. Todos somos diferentes, capaz a ti te funciona solo tomar oxigenantes, pero bueno al que le sirva igual se lo dejo.

[@jonmircha]

👋🏻😉

[@racedevweb]

Video 33: Jon me sigue pareciendo un capo

[@jonmircha]

😉👍🏻

[@mynorrangel3129]

Muchas gracias por tus videos

[@jonmircha]

Gracias por ver👋🏻😉

[@maxjsl1257]

Nada como una clase del profe Jon para arrancar el día!

[@jonmircha]

:)

[@b0mb3r0]

gracias @Jonmircha por tu tiempo y esfuerzo, me ayuda full para continuar con mi aprendizaje

[@jonmircha]

;)

[@AlexPawChain]

maestro de maestros

[@reiferdalis5409]

hay personas que llegan tarde a este curso o simplemente llegan a este video porque es lo que estan buscando pero si de casualidad te da un error el buscador de CORS es porque debes instalar un servidor en el VSc te vas a la parte de extensiones y alli instalas el live server luego al archivo HTML le das click derecho y le dices open with live server.... DE NADA

[@jonmircha]

😉👍🏻

[@xnor.stifler]

creo es el lenguaje mas difícil pero completo ya no doy mas , con tanta información, solo voy en 20 % del curos ,cunado acabare , eso seguramente después será aprende mas, solo espero que valga la pena

[@jonmircha]

creéme... lo valdrá 😉 ánimo

[@miguelcamguse]

Muchas bibliotecas públicas tienen computadores con Windows 7 que usan Internet Explorer, muchos cafés de Internet lo usan porque el único software al que tienen acceso para administrar la red ya no tiene soporte.

[@LordinmortalMDQ]

te agradezco muchísimo, tenia un error q no podía solucionar, tenes mi like y suscripción para siempre

[@jonmircha]

Gracias, saludos!

[@jeissonm.5082]

gracias Jonatan

[@jonmircha]

Con gusto👋🏻😉

[@MarcosCastelli]

JON buenas tardes, no se donde lei que ya no era necesario usar ni el type, ni tampoco el nomodule, la verdad no recuerdo la explicacion pero si que no eran necesarios. Además te comento cuando coloco nomodule me lo pone como esperando un calor nomodule = " " que iria la ruta al archivo de JS para IE6?. Gracias por el video.

[@valnetvln6802]

Vaya, una clase super completa, que buena onda. Buena explicación

[@jonmircha]

:)

[@salomeosorio9591]

Brutal todo el contenido delas clases ,super util

[@jonmircha]

🤓✌🏻

[@delio_maya]

Excelente curso. Gracias profesor Jon.

[@GerentedeSistemas]

Jon, dando cátedra de Javascript

[@jonmircha]

:)

[@SpiderWolf]

Una pregunta, si exporto lo que sea por default, por ejemplo una variable llamada saludo, se tiene que poner Fuera de los corchetes { ... } de destructuración? es decir, tipo asi: import saludo, {a, b, c} from "./constantes.js";

[@SpiderWolf]

olvídalo xD ya vi el minuto donde explicas eso :o

[@jonmircha]

🤭

[@danielalexanderfernandez7872]

Excelente tu explicación, gracias.

[@jonmircha]

De nada, comparte para llegar a más gente

[@srcuyo]

me encanta este curso!

[@jonmircha]

😉👋🏻

[@esthermanrique4721]

Por fin lo entendí...!!!! Como siempre Jon, aprender contigo es un placer!!! Gracias mil!!!

[@jonmircha]

DE nada :)

[@carolinalaverde5704]

muchas gracias, que buen tutorial ademas explicas de una forma que hace ver todo muy sencillo. Quería preguntarte cuando vas hacer uno de SPA, tengo un proyecto sobre eso y estoy un poco confundida, por que debe ser solo con JS sin librerías ni frameworks. Eres un genio. gracias

[@jonmircha]

EN octubre sale la serie de cursos sobre SPA aprendejavascript.org/ también puedes ver una master class que dí al respecto te dejo el enlace kzbin.info/www/bejne/r4XWm3SuqK2tg7s

[@carolinalaverde5704]

Gracias, la voy a revisar.

[@chruscica]

Bien ! le encontraste una segunda utilidad al IE !!!! (Ya todos conocemos la primera)

[@jonmircha]

jajajaja

[@nachosanabria6942]

gracias excelente video

[@jonmircha]

👋🏻😉

[@kuarzen1162]

Maestro, antes que nada agradecerle por toda la informacion que comparte . En segundo lugar, habra alguna forma de conocer los atajos en visual studio para seleccionar lineas de codigo y modificarlas, o arrastrar lineas de codigo y cosas por el estilo, que veo que usted maneja pero yo no se como ejecutar . si conoce algun video explicativo o tal vez usted tiene alguno, de uso de teclas rapidas.. se agradece doblemente

[@jonmircha]

code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

[@kuarzen1162]

@@jonmircha muchas gracias

[@chrisvaling5269]

Joncito sigo comentando como motivacion, aunque debo mencionar que al principio pase un mal rato para importar y de alli surge mi pregunta, resulta que cuando vas a asignar de donde quieres importar, VS te da las opciones segun las unidades que tengas. por ejemplo te da aritmetica, si la colocas asi no te escribe el .js entonces debes colocarlo manual, por ese error casi me frustro porque no me dejaba importar jeje. VS no lo deberia poner completo con .js?? me surge esa duda

[@jonmircha]

no, esa es una comodidad que han hecho los frameworks y librerías como React y Angular pero no es obligación del VSCode completar la extensión

[@CbastianAraque]

Esto está mucho mejor que one piece y la saga de wano kuni XD. Buena inversión de tiempo, ojalá pronto pueda remunerar este trabajo. #Javascript

[@jonmircha]

😎👌🏻

[@valentinserassio4742]

crack el profe

[@jonmircha]

👋🏻😉

[@quinojuan2]

Gracias!😄

[@jonmircha]

De nada 😊

[@MauricioGalaviz]

Excelente curso, mis felicitaciones, una pregunta,, el archivo módulos.js se puede minificar o no se recomienda?

[@jonmircha]

Puedes hacerlo

[@MauricioGalaviz]

@@jonmircha Muchas gracias

[@zaeddielopez9501]

Exelente contenido!!!!!

[@jonmircha]

Gracias!

[@jrodriguez2112]

Genio

[@luisgranados2006]

Si ha alguien más no le funciona cuando coloca en el script "type="module", logré solucionarlo abriendo el archivo HTML desde el Live Server. Es un plugin del Visual studio code.

[@sebastianvalencia9852]

gracias, no entendía porque no me funcionaba

[@medinaalexis118]

Gracias , me estaba volviendo loco xd

[@alexdurand5287]

Buen aporte, pero porque sucedera eso...