Menu

Curso De Visual Studio Code

Lecciones del Curso Gratuito

Instalar Visual Studio Code

Hola hola que tal buenas tardes mi nombre es eugenio pero en este vídeo podemos aprender a instalar visual studio code en windows 10 además de esto vamos a instalar el plugin de payton y vamos a crear un pequeño del mundo en python dentro del visual studio corp y pues comenzamos [Música] y bueno obviamente tenemos que ir a la página de visual studio que es esta de aquí voy a dejar este link en la descripción del vídeo y simplemente tenemos que dar clic aquí en download for windows si quisiéramos descargar visual studio que para otro sistema operativo le damos click a este desplegable y nos muestra que también lo podemos instalar en mac y en linux por cierto voy a dejar en la parte de arriba aquí un link en donde explico cómo instalar visual studio code en ubuntu 8.04 y nada pues vamos a dar clic aquí en en este botón y nos abre esta ventana y un poco en donde nos preguntan dónde quiero de descargar visual studio con bueno el instalador de visual studio que yo ya no tengo descargado aquí está y simplemente le vamos a dar doble clic le damos clic en siguiente aceptamos los términos y condiciones dejamos hasta que sepan en dónde se va a instalar visual studio con aquí me dice que tengo una versión anterior de visual studio que no hay problema le digo que si le quiero sobreescribir le decimos que así queremos que se llame el estudio con y aquí en esta parte simplemente vamos a configurar si queremos que aparezca un icono en nuestro escritorio yo le digo que sí si queremos que al darle clic derecho un menú con el menú contextual y pregunte si también se quiere abrir ese archivo con visual studio com lo que significa es que si yo le doy clic en un archivo como este y por aquí me va a decir que si quiere editarlo con visual studio como le digo que si me parece buena idea también este es un menú contextual para el directorio del explorador de windows le digo que sí y aquí me dice quiero es que todos los archivos que sean de tipo código se abran con visuales en mi caso no no no lo necesito así pero ustedes podrían habilitar este check yo lo voy a dejar así la configuración siguiente instalar y bueno la instalación va a tardar más o menos un minuto pero bueno podrían aprovechar este momento para darle like a este vídeo es más vamos a hacer algo si no les gusta este vídeo al final le quitan el like es más incluso suscriban si así les está gustando este vídeo y listo ya se instaló visual studio con y nos pregunta que si quiero ejecutar este programa le digo que sí en este momento va a abrir tarda muy poco tiempo en abrirse bueno estaba tardar un poco porque es la primera vez y bueno lo prometido es deuda vamos a instalar la extensión había dicho plugin verdad aquí se llaman extensiones vamos a instalar la extensión de payton para esto simplemente le damos clic en este icono ahora buscamos python aquí está python 2019 seleccionamos y le damos clic en install el procedimiento pues es relativamente rápido dependiendo de la velocidad de su internet de 30 a 40 segundos listo ya está y simplemente le damos en recargar esto cierra y abre visual studio code para detectar pues python para que se apliquen las configuraciones de peyton y ahora vamos a crear un nuevo archivo nos vamos aquí en file bueno de hecho nos tendríamos que ir aquí aquí en file new file o control n podríamos haber presionado y voy a escribir éste ring hola mundo lo guardo lo de controles y se va a llamar hola mundo punto país es tan simplemente presione f5 lista y esta quiero crear una cosa se instaló python o la extensión de payton en visual studio pero python como programa no está instalado no se no se instala automáticamente para instalar python y ustedes puedan trabajar en python y en la descripción del vídeo voy a dar aquí arriba también voy a dejar un link en donde explico cómo instalar python en en windows 10 es más vamos a para que vean vamos a instalar la versión 3.6 versión aquí está tres puntos 6.8 que acabamos de instalar y bueno si te gustó este vídeo pues dale like si quieres seguir recibiendo vídeos como éste suscríbete y por qué no activa la campanita.

Instalar Visual Studio Code en Ubuntu 

Qué tal buenas tardes mi nombre es el gen hecho parro en este vídeo les voy a enseñar a instalar visual studio code en un punto 18.04 y pues comenzamos voy a abrir una terminal y vamos a copiar y pegar estos códigos que lo que hacen es las llaves de visual studio co en nuestro en nuestro mundo agreguen nuestra parte de aquí precisamente agregamos el repositorio de visual studio que en nuestra máquina youtube con este comando actualizamos esos repositorios que acabamos de colocar y por último estamos este código que lo que hace es precisamente eso instalar visual estudio con en mi caso hace un poco rápido porque ya lo había instalado en el caso de ustedes posiblemente llegue a tardar entre dos y tres minutos de hecho no pesa mucho y para iniciar visual estudio con solamente tenemos que escribir aquí en la misma terminal o así y listo ya está corriendo la otra forma obviamente es irnos aquí a inicio escribir co y listo bueno eso es todo.

Es el mejor IDE

Hola hola que tal buenas tardes bienvenidos al programa de novato y en este vídeo vamos a trabajar con visual studio bots y cómo no este es un id creado por microsoft y por microsoft y miren yo estoy en ubuntu 18.04 y está corriendo perfectamente llevo varios meses trabajando con este vídeo y no me ha dado ningún problema y digo si yo estoy en un punto a ustedes que posiblemente estén en windows y macos – bueno es impresionante está perfectamente bien hecho se no tengas ningún temor si estás en microsoft y quieres mudara a linux pues no hay ningún problema no te va a dar ningún problema yo vengo de una dinastía de ideas yo he trabajado con varios seres no me da pena decirlo pero yo comencé a trabajar con dreamweaver después me migran netbeans y luego estuve trabajando con su plan en un poco de atom y honestamente me está ganando bueno ya me gano y sólo me voy a quedar con este es una gran maravilla y ustedes se preguntarán por qué miren todo lo que tiene tiene inteligencia bueno es una herramienta que nos ayuda a autocompletar código nos detecta código todo esto además tiene un área de de book en donde ve y los errores en tiempo real los errores que estamos teniendo está vinculado directamente con git y podemos instalarle otras extensiones que por de fondo tengan para instalar visual studio code pues simplemente nos tenemos que ir a esta url la cual voy a dejar en la descripción del vídeo eso no se preocupen les va a aparecer aquí unos botoncitos en donde les va a detectar su sistema operativo en mi caso pues es un monto y me dice bueno detecta que es linux solamente me dice que quieres descargar para debian y ubuntu o un rpm para fedora y redhat no sé cómo se hagan los demás distribuciones de linux pero bueno solamente se descarga se instala y ya si tú no sabes instalarlo pues aquí en la descripción del vídeo te voy a dejar un link donde te muestro cómo instalarlo en windows 10 y en ubuntu 18.04 pues nada como se abre pues aquí se es tan fácil como buscarlo así poniéndole visual y ya te lo habré es muy rápido miren den se cuenta es muy rápido y para empezar te aparece una ventana de welkom aquí tú puedes decirle sabes que ya no me muestra esta ventana diciéndole checa este welcome país start top se lo quitas y ya no te vuelve a aparecer el hueco y te va a aparecer una ventana así en donde te daba unas recomendaciones de los atajos más utilizados en visual studio si tú quieres personalizar tus atajos o quieres ver todos los atajos que hay en visual studio code pues te vas aquí a file y luego te vas a preferente gente vas aquí aquel board short cut que por cierto también tienes atajo control y control ese pero bueno le damos clic aquí y aquí te vienen pero infinidad de atajos o sea es para aventar hacia el cielo un atajo que yo utilizo mucho me van a ver que lo utilizo bastante es el de comentarios y no lo escribimos com en y aquí está este comando que utilizo mucho que se llama todos los line home en que lo que hace es que comenta una línea de código y la des comenta si está comentada no importa si estás en ccs en html en php en javascript detecta en que el lenguaje está trabajando y utiliza los comentarios que se utilizan en ese lenguaje ahora que si no te gustan estos atajos tú puedes crear los tuyos propios le das aquí en editar y pues todo escribe el atajo que necesites.

Trucos y atajos

Hola buenas tardes bienvenidos aquí a programador novato y en este vídeo vamos a seguir viendo detalles trucos de magia que nos entregan visual studio code y pues vamos a nuestro editor vaya lo tengo porque aquí abierto y por lo regular no sé ustedes para mí siempre me lo ha descargado e instalado en inglés y pues no sé si hay una forma de que te lo descargues y ya en español si lo hay pues déjame en los comentarios si no pues mira sigue estos tutoriales para e instalar el idioma español vamos a presionar control si está y aquí vamos a escribir con puré display lengua seleccionado aquí y aquí nos dice que solamente está el inglés pero en la parte de abajo nos dice instala un lenguaje adicional le damos clic ahí esperamos a que cargue y listo ya tenemos todos los lenguajes y buscamos expansión tuvimos acá spanish bueno aquí está el país le damos clic en instalar esperamos y decimos que es claro que si of course y cuando se reinicia ya todo está en español y súper rápido vieron eso increíble ahora un truco o un truco más que me gusta mucho pero no truco algo que trae por defaul visual estudios es que se ven las imágenes en esta imagen y ahí está y pues si veis microsoft mike no soy por eso selección e imágenes de microsoft no solamente se ven imágenes comunes y corrientes también se ven los gif como este hermoso gatito que está aquí muy feliz porque está utilizando visual studio core y lo voy a dejar aquí por media hora de ese gato ahí que llegue de aquí hasta cuernavaca no sé dónde bueno no es cierto vamos a seguir con el siguiente punto y vamos a cambiar el tamaño de la fuente de nuestras letras de estas de aquí le vamos a agregar tamaño hay dos formas de hacerlo una es haciendo una especie de zoom zoom después es un zoom y yo presionó control y más y mirar hacia ese de grande procese grande todo para hacer control – y se hace grande se minimiza así es bueno yo le llamo son no sé déjame realmente pues yo le digo tú pero para cambiar realmente el tamaño de la fuente tenemos que irnos aquí este en grande nos vamos a configuración que también podríamos irnos aquí archivo y configuración como quieras a cualquiera de los dos lo mismo si aquí le vamos a poner puente que estuviera en inglés tendremos que ponerle font y aquí está la fuente font y yo lo voy a cambiar la fuente aún con 18 miren aquí está este tamaño voy a poner 18 y esta presión o controles para que se vaya derecho aquí me dice mira acabas de modificar esta parte de aquí pero pinta en azulito me regreso acá y ya está más grande no sé si se dieron cuenta lo voy a hacer más pequeño lo voy a regresar al 14 le doy control en se para que se guarde y ya me quita la línea azul y ya está al tamaño que tenía anteriormente ahora algo que me gusta mucho bueno también viene en su plan pero no viene en este pero no viene en netbeans que bueno yo he estado utilizando mucho tiempo netbeans es abrir las abrir las carpetas abrir las carpetas en el explorador en el explorador de archivos y miren esto es tan fácil como darle clic derecho al archivo donde queremos que se abra la carpeta.

Extensiones más populares

Hola buenas tardes bienvenidos aquí a donde más a programador novato y en este vídeo vamos a ver las extensiones más populares y las que más me gustan y las que yo utilizo en todos estos tutoriales de visual studio code y bueno todos estos link todo lo que ves aquí lo voy a dejar en la descripción del vídeo como de que no y recuerda el mundo no gira lo mueven los programadores y bueno vamos a comenzar a instalar y hacer pruebas de todo esto de hecho ya todos estos plugin los tengo bueno extensiones me confundo a veces con visual studio que objetan estas extensiones ya las tengo instaladas y no saben cómo instalarlas pues nos vamos no tendríamos que ir a ese icónico que está ahí que dice extensiones y solamente colocamos el nombre de nuestra extensión y aquí va a aparecer la lista por ejemplo este es el debut marx que como les digo ya lo tengo instalado y automáticamente me coloque aquí una etiqueta que ahorita vamos a ver y para qué sirve este de munt book max pues es eso pone marcas ponen marcas en todo nuestro código para que nosotros vayamos viendo los cambios que hacemos por ejemplo quiero colocarle aquí una marca solamente la de clic derecho me voy aquí a bookmarks todo y ya una marquita que voy acá abajo y también voy a colocar una marca aquí clic derecho todos y listo ahora puedo presionar control alterna y me voy moviendo entre todas mis marcas esa es una forma de hacerlo la otra en este icono que nos pone aquí de nuestros book más podemos ver todos los archivos y las diferentes marcas que hemos estado colocando y podemos movernos en todas ellas también las podemos agarrar seleccionar darle clic derecho editar o eliminar o editar el árbol ponerle otro nombre pero bueno yo no lo voy a hacer por lograr lo dejó así y irlas eliminando todas esas marcas rick derecho y deleite y ésta también de ley y se acabaron las marcas por ahora que más que más que otro componente que otro componente que otra extensión tenemos runner este es una pequeña maravilla no sé si tú hayas trabajado con él con llama se escribe con archivos ya se escribe por lo rural cuando tú haces alguna operación en javascript tienes que mandar la llamar a tu index.hu tml ejecutar 3.7 ml y luego ver los resultados de tu lleva sí pero pues eso ya se acabó eso ya se acabó esos del pasado con esta extensión con run run con run run el perdón solamente tienes que dar click a este icono que se coloca cuando tú instalas este proyecto y le voy a dar clic en el icono y aquí me parece el resultado del cual dice hola qué es esto que salió aquí en consola y no solamente sirve para para javascript aquí tenemos infinidad de lenguajes de programación php python pero bueno casi todos no sé no sé yo creo que son todos juntos loren nixon bueno por default visual studio que viene con un lado de nixon que es de emmett muy bueno pero éste te da otras ventajas éste lo de nixon lo que hace es que vamos a verlo vamos a verlo vamos vamos a escribir aquí voy a escribir aquí uno de nixon le voy a poner para esto voy a escribir voy a presionar control chip para ver mis herramientas aquí y escribo loren y aquí está y me dice como que quieres hacer múltiples párrafos una son un solo párrafo o insertar dentro del párrafo le voy a poner múltiples párrafos y me dice cuántos párrafos quieres cinco por ejemplo ya está me crea cinco párrafos de mi loren y vamos a ver qué más herramientas que otras cosas tenemos css mini fire este es una maravilla media venimos aquí por ejemplo a este a este archivo aquí está index no es cierto funciona con ccc vamos aquí a nuestro archivo css y aquí yo tengo un simple código por lo regular cuando se minimicen los archivos ss es se coloca todo esto en una sola línea el inconveniente es que pues por lo regular no podemos ver nosotros como humanos no podemos reconocer una sola línea de código así enorme larga y pues aquí simplemente tenemos que darle clic derecho tenemos que presionar control shift y escribir css mínimo le damos click y listo se acaba de crear acá un archivo minimizado de este mismo archivo ccs pero ya no una sola línea y si tú tuvieras más más más código todo ese código se va a mini mini mini mini ficar mira por ejemplo si lo tenemos así voy a dar este control sin control voy a verificar listo y mira una sola línea con puro control perdón por puro color red y así y así nos ahorramos mucho espacio en nuestros archivos ss si nuestra página web se vuelve más rápida y nuestros clientes llegan mucho más rápido y todos somos felices html wrapper esto lo que hace es que te mete una etiqueta te mete tus etiquetas dentro de otras etiquetas miren vamos a hacerlo mejor porque si se me hace un poco complicado está lo explicando por ejemplo supongamos que éste logre nixon debería de haber estado dentro de un párrafo entonces lo que podríamos hacer es el es que escribir es etiqueta párrafo y escribir arriba y abajo pero no pero no por lo que hace es que nos hace es automáticamente seleccionamos que queremos meter dentro de una etiqueta buscamos el wrap para quien cuando le damos enter y le decimos que lo quiero dentro de un párrafo y listo damos gente y ya está todo está dentro de nuestro párrafo.

Temas más populares

Hola que tal buenas tardes bienvenidos a donde más aquí al programador novato y en este vídeo vamos a darnos un taco de ojo vamos a disfrutar la vista por un momento vamos a probar diferentes temas en particular los temas que a mí más me han gustado pero pues tú te voy a dejar en la descripción del vídeo este link para que tú puedas escoger el tema que más te guste de hecho aquí te vienen previos de los temas va a hablar a hablar pero bueno para que no tengas que estar buscando pues yo te voy a dejar unos temas muy bonitos en particular que a mí me han gustado mucho para que vayas instales uno de uno de esos temas directamente si quieres si no sabes como tú quieras ahora cuál es el primer tema con el que vamos a trabajar pues mono cake cuál es este tema de mono que es el que viene por default en su blog text para esos amantes de su blind text que se han migrado desde sub line a visual studio code pues que no se les haga tan difícil la migración y pues vamos a empezar a instalar este tema cómo se instalan los temas pues fácil nos vamos bueno voy a copiar este nombre porque me da flojera escribir que vamos a visual studio code y nos vamos aquí este icono extensiones le damos clic y colocamos aquí el nombre de esa extensión en este caso mono que le doy clic y le vamos a dar clic acá en instalar esperamos un momento y listo miren por default cuando le das clic aquí en instalar ya se habilita el tema o sea ni siquiera te dice lo vas a escoger no no no no allí lo tienes ahí ya tenemos un ok prometen este voy a seleccionar este el track pero podemos profesor seleccionar el clásico el profesional está muy bonito pero tiene una desventaja tiene un costo de 10 dólares y te va a estar apareciendo una ventanita un poco pero no te va a estar recordando que pues lo tienes que pagar para que no olviden sub line texto también en su line nos aparece el pop si te acuerdas que tienes que pagarlo te recuerda que eres pobre miserable aquí también te van a recordar que eres pobre miserable con estos demostró pero bueno más o menos el 10% de los temas de visual studio con donde paga ella tú decides y los proyectos pagas son los próximos que te voy a enseñar son gratuitos.

Debug php con xdebug en Windows 10

Hola hola buenas tardes bienvenidos aquí a donde más pues el programador novato y en este vídeo vamos a trabajar con the book de visual studio con y vamos a ver el debut ha de jugar nuestro archivo de php cual archivo pues lo que vamos a crear muy sencillito y pues comencemos para esto mira quién nos vamos a ir a nuestra página de php de book de visual studio con la cual podemos obtener yéndonos a visión estudio con y dando clic aquí a las extensiones y escribiendo php the book ahí está ahí está la extensión obviamente la tenemos de instalar desde aquí bueno yo ya la instale pero entonces la tiene que instalar ustedes me entenderán y pues aquí nos viene unas instrucciones de cómo configurar esto aquí nos dice sabes que para que funcione esta extensión debes de tener instalado ex de book para esto debes de crear un archivo test php en donde pues obviamente tienes instalado tussam ya no lo tengo no lo tengo la carpeta aquí es de 2 puntos camps y dentro de hp box aquí está y aquí voy a crear una carpeta de hecho aquí ya la tenía creada voy a borrar todo aquí no pasa nada ustedes lo vieron descargar todo y voy a crear un archivo es más lo voy a crear dentro del visual studio con voy a arrastrar esta carpeta hacia visual studio con y listo un poco más rápido me están viendo mil suscriptores y me está diciendo que no ahí está listo ya está creada este mi proyecto y ahora sí voy a crear el archivo que habíamos llamado que se iba a llamar test punto php ahí está ahora que más nos dice que más tenemos que hacer mismo ver aquí en la página porque no quiero estar ahí moviendo el editor y lo hablaba la nos dice que es el archivo 3 punto php ya mí se lo estoy ahora que más búsquedas con este hp info allá dentro muy bien no voy a caer como bhp info pero no me va a entender php porque tengo que escribir esto cosa que no pusieron ahí los de ex debut pero yo lo entiendo yo lo nosotros lo entendemos somos suficientemente inteligentes para entender que debemos de poner el abrir y cerrar ya menciona nos dice ejecuta ese php info y te vas a la página de book installation wizard bueno entonces ya localhost ahí están debut y el archivo 3 punto php ok una vez bueno nos dice una vez hecho eso tienes que copiar todo el contenido de tu php info y lo tienes que pegar en la página que abriste previamente está el ex de boca perfecto la expresión no controlada para seleccionarlo todo me vengo aquí control uve y le doy clic en analizar mi php info y ahora me dice tienes que seguir estos pasos debes descargar el archivo este archivo que está aquí está perfecto lo descargo no hay ningún problema y además lo tienes que mover a 6.4 sabes que para esto mejor era dado el clic aquí y le pongo aquí el patache telefónico le pongo el pan l’équipe y está fallando la diagonal extensión porque porque dios porque no funciona no funciona bueno está bien lo voy a hacer como tú me dices y mueves eso es lo que acabas de descargar lo mueves hacia la carpeta sesión php extensión que por cierto ya la tengo aquí ya tengo que abrir que ya la tenía abierta bueno está tengo que abrir aquí le voy a abrir ok ahí está y entonces pegamos el lo que acabamos de descargar acá en expert extensión ya lo tenía pero lo voy a reemplazar a y estar que sí que te pegues que sí bueno hay microsoft hay microsoft me haces quedar mal lo voy a borrar bueno supongamos que coraje es meses pasa en serio más es quedar mal y ahí está pegado es que ya lo tenía disculpen ustedes y listo ya está ahí y ahora nos dice que de hecho a ver vamos a la página y nos dice que tenemos que ir al archivo 6 am php in punto php punto in que por cierto ya lo tengo aquí abierto no no lo tengo abierto donde estoy en diario pues ahí está hay que abrir el archivo de hp php punto que es éste acá ya saben cómo es microsoft de chistosito te esconde las extensiones pero bueno nosotros somos más vivos y hasta abajo tenemos que pegar el siguiente código este código que está ahí te lo voy a dejar en la descripción del vídeo si te das cuenta allí en esos códigos destacó lo que no está diciendo que todo lo de ex de book bueno todo lo que está aquí es de excel aquí la url del este del archivo que del del dll que acabamos de descargar que lo habilite mos que funcione automáticamente y bla bla muchas cosas ahí le damos clic acá en guardar y listo ahora que más que más dice que reiniciemos nuestro apache entonces venimos acá y le decimos desde el apache y luego le decimos no sabes que siempre no inicia te a través y listo ya es todo ahora que más que más ya lo reiniciamos y para comprobar que esto haya funcionado nos vamos otra vez a nuestro php info damos f5 y buscamos y ahí está y este y esto lo que necesitamos que aparezca esto esto todo esto ya si tenemos eso ya ganamos tenemos el 75 por ciento del trabajo hecho ahora abrimos nuestro visual studio com y acá en lugar de este código que tengo aquí voy a colocar unos un poco más legibles por ejemplo una igual hacer una variable a da igual a cero después la le voy a sumar uno y voy a imprimir la misma letra y ahí está guardamos y aquí voy a refrescar esto ahí estamos listo ahora le tenemos que decir aviso al estudio con que detecte nuestro navegador.

Debug php con xdebug en Ubuntu 

Hola hola que tal buenas tardes bienvenidos a donde más aquí al programador novato y en este vídeo vamos a probar este bueno a probar el de book de php con visual studio kot y pues comencemos obviamente lo primero que tenemos que tener es este plugin php de book instalado en visual studio para esto abrimos obviamente visuales público nos vamos a la vida del plugin y escribimos php the book y seleccionamos este que está acá yo te voy a dejar esto en la descripción del vídeo y solamente lo instalamos ahora miren aquí abajo el mismo plugin nos dice qué es lo que tenemos que hacer y miren nos está diciendo que en primer lugar debemos de tener instalado ex de book en nuestra máquina en nuestro sistema operativo para esto nos muestra estos pasos ahora estoy trabajando en un monto si tú eres de windows mira en la descripción del vídeo te voy a dejar un link en donde hago esto mismo bueno nuestro mismo pago esta ley de book en windows si está haciendo punto sigue aquí conmigo o liga vamos a hacer esto y bueno nos dicen sabes que debes de tener un archivo tres puntos en alguna parte de tu aquí por aquí en var www 7 m tengas instalado donde tengas instalado php vamos a crear una nueva carpeta la cual le va a llamar de butch cassidy busco el nombre que le quieras poner y listo ahora voy a arrastrar esta carpeta aquí a visual estudio porque voy a crear aquí un archivo como me está diciendo visual studio con que se va a llamar test punto h ok aquí vamos a abrir unas llaves así php y vamos a escribir php info y así de hecho precisamente la página nos dice que hagamos esto bueno aquí en él aquí en el mismo plugin php nos dice que es eso lo que tenemos que hacer abajo saben que voy a abrir la página porque cada vez que me muevo se regresa aquí es estas instrucciones son las mismas aunque dice instalamos este book para esto tenemos que crear un archivo 3 punto php donde le colocamos php info y corremos ese php info para ver entonces voy a escribir local juegos de bus es php y aquí está y ahora nos dice que debemos de copiar todo este contenido y ponerlo dentro del debut installation wizard que es precisamente este que está copiamos todo este contenido con control a control c copiamos pegamos llegamos aquí y le damos a analizar el output y aquí ya nos da unas instrucciones exactas de lo que tenemos que hacer para instalar ex de book en nuestro sistema operativo voy a abrir la terminal y aquí me dices que debes de descargar este archivo entonces escribe w y lo descargamos ahora me dice sabes que debes de tener instalados estos pre requisitos pero si se dan cuenta estos ya es una app get así que me voy al hogar como super administrador y listo ahí está ahora si instalamos los tres requisitos ya los tenían instalados y nos dice ahora debes de descomprimir el archivo que descargaste lo descubrimos y te debes de meter adentro del perfecto momento adentro y ahora deben ejecutar php y php y se toman los códigos fuentes y los convierte en códigos para para para nuestro sistema operativo ahora configuramos esos archivos en nuestro sistema operativo.

Snippets

Hola hola que tal buenas tardes bienvenidos a donde más aquí programador novato y en este vídeo vamos a trabajar con snippets y qué es eso de snippets una gripe es la puerta del infierno de los flojos eso es un mito porque lo que hace que con poquito código nosotros podemos escribir muchísimas líneas de código como este ejemplo que nos está dejando acá pero ustedes dirán ya tenemos el ímpetu nos enseñaste los snipe es de buscar apdv de demostrar snippets no sé que si no lo recuerdan son estos es este plugin que está acá que hace también eso nos da unos snipe es en donde nada más nosotros escribimos 94 y se hace la página solita prácticamente para eso funciona pero pero en ocasiones vamos a necesitar snippets personalizados a cosas que no estén acá en los plugins o que no estén en el método que no está en el visual estudio con y que lo necesitamos más más personalizado más para nosotros y es para nosotros y eso es lo que les voy a enseñar en este hermoso tutorial y pues comencemos vayámonos a nuestro código voy a trabajar con html y un poquito con javascript para enseñar en los snippets estos códigos se los voy a dejar en la descripción del vídeo no se preocupen y pues vayámonos hacia nuestro voy a enseñarles cómo tengo mis snippets no sé mi empresa por éxitos con los que yo trabajo para esto tengo que irme a un script de javascript y aquí miren por ejemplo tengo un sniper que se llama con no recordación a concha y está con y lo que hace con ese es también con sole punto lo que ya podemos escribir bueno puedo escribir algo allá adentro o sea vieron esto tres letras escribí para que me escribieran nada más como 678 letras o sea me da flojera escribir diez letras prácticamente y si para eso funcionan los snipe para eso y más para ahorrarte de escribir ocho letras porque porque bueno es que con eso el punto lo yo lo utilizo mucho también tengo otro snipe por acá que se llama alt y este pequeño a lo que hace es que se alerta o sea nada más utiliza dos letras para ahorrarme una dos tres y si así es somos flojos los programadores somos novatos y todavía somos flojos como es posible esto dios mío porque nos hiciste así pues así somos y punto no nos gusta estar tejiendo nos gustan los resultados y tener el control de todo por eso trabajamos arduamente todos los días para escribir menos que curiosa para servir en nada más pero bueno este ya estuvo bueno a ver por favor programador novato enseñarnos cómo hacer eso muy muy claro.

Integración con git

Hola que tal buenas noches bienvenidos a donde más aquí a programador 4 y en este vídeo vamos a trabajar con visual studio code y ahora te quiero aclarar una cosa estoy en ubuntu no te preocupes todo esto que voy a hacer en un punto te hace exactamente igual en windows otra cosa que te prometo no voy a utilizar la terminal yo sé que todo el mundo que te enseñe aquí siempre saca la terminal en este caso no no voy a hacer eso te lo prometo miren si no me crees no me des like no compartas este vídeo no te asustes suscríbete y no compartas este vídeo ahí está ahí está te lo juro no voy a utilizar la terminal y pues comencemos vamos a abrir nuestro visual studio con aquí está y voy a tener de este lado mi carpeta con mis códigos tengo unos códigos aquí hechos en javascript html jason valor la dólar y pues como siempre hay que arrastrar nuestra carpeta hacia nuestro visual studio com y listo ahora lo siguiente que tenemos que hacer es crear un repositorio o mejor dicho inicializar git en nuestro visual en nuestra carpeta o en nuestro proyecto vaya cómo hacemos esto pues miren nos vamos a este icono que está acá que es el icono de git de hecho déjenme decirles que este es un y este icono se significa que son este modo una rama otra rama y otros dos nodos porque así ya dejémonos de historia ahora inicializar nuestro y si le damos clic acá nos dice no hay proveedor de control de código fuente registrados gracias visual studio com por avisarme y para inicializar lo damos clic en este icono que precisamente nos dice inicializar el repositorio andar le damos clic y nos dice que en qué carpeta quieres inicializar el repositorio no selecciona por default esa carpeta en donde estamos ubicados damos enter y listo ya todos nuestros archivos ya están inicializa 2 pero aquí nos aparece una o una letra o al lado de cada uno de nuestros registros les voy a hacer una analogía esta letra es como si fueran personas que todavía no están registradas en una lista para subirlos a un vagón de nuestro tren git es nuestro tren estas personas acaban de llegar pero las tenemos que meter en una lista para poderla subir al tren de la felicidad digo de allí y como hacemos esto para anotar estas personas en esa lista nada más le damos clic signo de más que está al lado de esa persona o mejor bueno a este registro le damos clic y listo esta persona llamada archivo punto txt ya está dentro de nuestra lista y está lista para que la redundancia para subirse a nuestro vagón pero ustedes dirán oye pero es que mi proyecto yo tengo miles de personas usan miles de archivos no se preocupen si le das clic a este símbolo que está aquí al lado de este número pues te los va a meter a todos en la lista y ahí están ya están todos registrados de hecho colocan una letra al lado del archivo que dice añadido o sea ya están en la lista está esta lista se le conoce en git.

Instalar VS en un servidor(VPS)

Hola hola que tal buenas tardes bienvenidos a donde más aquí al programador novato y en este vídeo vamos a instalar visual studio code en nuestro servidor y vamos a poder acceder a ese visual estudio con a través de un navegador y al código que está directamente en nuestro servidor lo vamos a poder evitar debo guiar echar a correr todo todo lo que puedes hacer en tu máquina local lo vamos a poder hacer desde ya directamente en el servidor y esto para que nos puede servir te preguntarás tú pues imagínate que tienes tu máquina que es un teléfono en un teléfono puedes acceder a tu código en una tablet en una chromebook e incluso desde mi punto de vista una de las razones más importantes para hacer esto es porque podemos de jugar nuestro código allá directamente en la nube en el servidor ver precisamente lo que está pasando allá en ocasiones pues en una nuestra máquina pues no tenemos todos los datos que tenemos en el servidor tenemos que actualizar la base de datos imágenes lo que sea y ya cuando estamos trabajando en el servidor de productivo posiblemente pues ya tenemos todos y nos dicen sabes que está fallando esto entras desde tu chromebook de google revisas veces bueno es una herramienta bueno y la puedes tener ahí y como dicen es mejor tener y no necesitar que necesitar y no tener y por eso te recomiendo que veas este tutorial y lo instales y lo uses y esto es algo muy sencillo y bueno para esto obviamente debemos de tener nuestro servidor bps por lo menos el que te voy a dejar en la descripción del vídeo un link en donde te muestro cómo crear tu bps en digital o xian y también te voy a dejar un código de descuento no es cierto 15 de descuento te voy a regalar 50 dólares si tú creas tú bps con ese link ahí van a estar 50 dólares para ti y bueno pues comencemos continuamos vamos a seguir haciendo esto y vamos a nuestra terminal de hecho aquí yo ya tengo yo ya tengo mi servidor mi bps ya creado con php y ahora voy a proceder a instalar visual estudio con allá arriba para esto tenemos que ir a esta página web en donde pues si no se entregan los binarios para realizar este proceso vamos a ir hasta acá abajo estaba hasta abajo hasta abajo donde dice binarios le vamos a dar clic y nos va a mandar a la página de los binarios todos estos links te los voy a dejar en la descripción del vídeo una vez aquí vamos a descargar la última versión que en mi caso es la versión 1.11 16 y un cacho más le voy a dar clic en copiar dirección de enlace y aquí en mi servidor le voy a dar w get para que para descargar pero sabes que lo voy a lo voy a colocar en una carpeta y me queda pedir que se llame visual studio bs así le voy a poner me voy a meter dentro de esa carpeta y ahí está y ahí lo voy a descargar porque porque después los voy a borrar lo descargamos y listo esto es súper rápido como estamos en la nube.

Integrar Jupyter Notebook de Python en Visual Studio Code con Neuron

Qué tal buenas tardes mi nombre es eugenio parro y en este vídeo les voy a enseñar a integrar júpiter notebook de payton en visual studio code y esto lo vamos a lograr con una extensión llamada en neuron y bueno pues comenzamos vamos a abrir nuestro visual studio code y bueno aquí ya tengo unos códigos de ejemplo pero los voy a probar con neuron si los quieren copiar y pegar aquí están en la descripción del vídeo bueno en la descripción del vídeo voy a dejar este línea en donde pueden copiar pegar esos códigos y pues obviamente para integrar júpiter con visual studio code pues debemos de tener júpiter instalado para esto abrimos la terminal y copiamos esta línea de código si es que no tienen todavía júpiter instalo si lo tienen ya instalado pues no no tienen que hacer esto este proceso pues va a tardar uno o dos minutos dependiendo de la velocidad de su internet y listo ya podemos cerrar la terminal y ahora si en visual studio con nos vamos al área de extensiones y aquí escribimos de hurón y esta lo seleccionamos le damos click en instalar de igual forma va a tardar dos o tres minutos dependiendo de la velocidad de su internet le dan clic aquí en reload for two active activate y listo ya tenemos toda nuestra plataforma lista para trabajar y pues ahora para mirar el panel de los resultados de júpiter y neuron tenemos que presionar control cif b para que se nos muestre el pop pop de búsqueda y ahí vamos a ver vamos a buscar él este texto que se llama open y mucho pane está y listo este es el este es donde se nos van a mostrar los resultados de neuron y pues para mostrar a los resultados lo único que tenemos que hacer es seleccionar el área de código que queremos que se muestre aquí las seleccionamos presionamos alterna enter y listo aquí se muestra el código y el resultado de igual forma si queremos que se muestre todo el código todo esto tenemos que seleccionarlo todo presionamos al enter y de igual forma ahí está el resultado podemos reordenar estas tarjetas podemos bueno las voy a cerrar y ahora lo que voy a hacer es este voy a mostrar una gráfica también tiene su propio para gráficas neuron y obviamente júpiter de igual forma voy a seleccionar todo el código presionó al enter y aquí está el resultado si esto lo quisiéramos ver directamente en en júpiter sin necesidad de utilizar neuron pues podemos darle click aquí en open en browser y pues todo ese código lo manda al al al browser t y bueno eso es todo hasta luego.

Debug python con Visual Studio Code en Ubuntu 

Qué tal buenas tardes mi nombre es juventud paro y en este tutorial les voy a enseñar a ser the book de su código python con visual studio con y bueno para esto vamos a utilizar si no tienen instalada la extensión la extensión de payton podemos instalar con este bueno es el nombre de la extensión de payton para esto tenemos que ir al área de extensión es darle clic aquí en buscar esa extensión y aquí está le vamos a dar clic en install esperamos dos o tres minutos y listo ahora tenemos que reiniciar visual studio con este botón se hace de forma automática y la historia tenemos python instalado en nuestra máquina ahora nos vamos a ir aquí a la guía de documentos y vamos a crear uno nuevo y un fallo yo en este caso vamos a copiar y pegar este código para para ver cómo funciona el debut nos pegamos lo vamos le vamos a dar control s para guardar o podemos ir de aquí a file y 666 a los seis aces exactamente lo mismo le vamos a poner el nombre que ustedes gusten pero yo lo voy a poner de un punto para él es importante que ponga en el punto p y ésta guardamos y en automático al ser un punto pipe puedes detectar que es python y nos va a decir que si queremos instalar buy list por ahora no lo voy a instalar ustedes lo pueden instalar si quieren es para mostrar errores en el código es una forma sencilla y listo ahora ya inclusive está instalado la dea el debut por ejemplo yo aquí puedo dar clic en este puntito rojo en cualquier parte del código y ahí va a empezar un break point click me voy a dibujo y start the book o presiona f5 un momento vaya como esta es la primera vez que corro python me está diciendo que necesito decirle dónde está la carpeta de payton en automático la detecta la versión 3.6 y esta es la carpeta medio que es también esa carpeta y listo ahora de nuevo a dar clic en the book y estar debut y listo ya comenzó a hacer un debut y se detuvo aquí en el 5 de crítica y aquí me muestra qué es lo que quiero hacer y brincar al siguiente a la siguiente línea brincar a la siguiente línea pero entrando a la función o salirme de este rango de líneas reiniciar el debut o detenerlo o darle play y pues que se siga sin hacer ningún nuevo y en este caso yo voy a trabajar con él con f10 o con con esté donde esté over y voy a ir moviéndome entre todas las las líneas de código se dan cuenta por las comienza a marcar aquí nos va dando unos los resultados de las variables con este poder y aquí hay una función en donde si yo doy este over no va a entrar ni la baja de gobierno bueno si se va a ejecutar el código pero no me va a mostrar el debut aquí si yo le diera este quinto o efe 11 entraría y vería exactamente como trabaja esta función con mi debut le voy a dar este hover por ahora y bueno así es así es como trabaja en esta función.