Fundamentos de Programaci贸n

1

Bienvenida a Platzi: 驴qu茅 necesitas para tomar el curso?

2

驴C贸mo aprender programaci贸n?

3

Crea tu primer sitio web

4

Sitios web con HTML

5

Estructura de 谩rbol en HTML

6

Visual Studio Code

7

C贸mo declarar variables y usar prompt

8

Algoritmo de piedra, papel o tijera

9

Algoritmo avanzado de piedra, papel o tijera

10

Aleatoriedad

11

Refactor del c贸digo usando funciones

12

Ciclos

13

Gana 3 veces

14

Archivos de HTML y JavaScript

15

驴Qu茅 es el DOM?

Quiz: Fundamentos de Programaci贸n

Desarrollando un juego con HTML y JavaScript

16

Maquetaci贸n con HTML

17

Secci贸n de elegir mascota

18

驴D贸nde ubicar la etiqueta script? Conectando HTML con JavaScript

19

Escuchando eventos con JavaScript

20

addEventListener

21

Manipulaci贸n del DOM

22

Enemigos aleatorios

23

Ataques en JavaScript

24

Ataques aleatorios del enemigo

25

Imprimiendo ataques del enemigo

26

驴Ganaste, perdiste o empataste?

27

Tablas de verdad

28

Creando el contador de vidas

29

驴Qui茅n gano el juego?

30

Reiniciando el juego

31

Ocultando elementos HTML con JS para mejorar la UX del juego

Quiz: Desarrollando un juego con HTML y JavaScript

Estilos con CSS

32

Anatom铆a de CSS

33

Tipos de display

34

Flexbox

35

Modelo de caja

36

Im谩genes para los Mokepones

37

Estilos del bot贸n

38

Adaptando HTML al dise帽o del juego

39

Layout: t铆tulo y ataques

40

Adaptando JavaScript al dise帽o del juego

41

CSS Grid

42

Responsive Design

43

Detalles finales

Quiz: Estilos con CSS

Optimizaci贸n de c贸digo

44

Revisi贸n de c贸digo

45

Don't repeat yourself (DRY)

46

Clases y objetos

47

Clases y objetos de Mokepon

48

Arrays o arreglos

49

Objetos vs. arreglos

50

Ciclos: manipulando el DOM con iteradores

51

Declaraci贸n lenta de variables

52

Una sola fuente de la verdad

53

Mascotas aleatorias con arreglos

54

Ataques din谩micos por cada mascota: extraer

55

Renderizado din谩mico en HTML

56

Eventos de click din谩micos

57

Secuencia de ataques del enemigo

58

Iniciando el combate

59

Resolviendo el reto de condicionales

60

Optimizando el frontend del juego

Quiz: Optimizaci贸n de c贸digo

Mapa con canvas

61

Introducci贸n a canvas: dibujando con JavaScript

62

Moviendo a Capipepo hacia la derecha

63

Movimiento hacia todas las direcciones

64

Movimientos con el teclado

65

Im谩genes y personajes de fondo

66

M茅todos en las clases

67

Obst谩culos y colisiones

68

Combate entre mokepones colisionados

69

Mapa responsive

70

Botones bonitos y viewport

Quiz: Mapa con canvas

Backend: videojuego multijugador

71

驴Qu茅 es backend?

72

Instalaci贸n de Node.js y NPM

73

Terminal de comandos y Node.js

74

Servidor web con Express.js

75

HTTP, localhost, servidores y puertos

76

Express.js y fetch: API REST con JavaScript

77

JSON y POST: mokepon online

78

Transmisi贸n de coordenadas

79

Mokepones din谩micos en el mapa

80

Optimizando el mapa del juego

81

Batalla entre jugadores

82

Consumiendo la API de ataques del enemigo

Quiz: Backend: videojuego multijugador

Pr贸ximos pasos

83

Probando el juego en varios dispositivos

84

驴Y ahora qu茅 curso tomar?

No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Visual Studio Code

6/84
Recursos

Aportes 87

Preguntas 25

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

驴Qu茅 tan ch茅vere en Visual Studio Code?

.
Este editor de c贸digo es tan incre铆ble que incluso puede escribir todo el c贸digo base por ti 馃槺. Por ejemplo, si abres un archivo .html vac铆o, puedes escribir html y ver谩s que te aparece este men煤:
.

.
Si le das click a la opci贸n que dice: html:5 隆ver谩s que el c贸digo base se escribe solito autom谩ticamente!
.

.
Ahora, vas a ver cosas medias raras como que hay una etiqueta meta con un http-equiv y otra con un name="viewport"鈥 no te preocupes, Visual Studio Code es tan inteligente que te escribe esas etqiuetas por defecto que ayudan a tu navegador a interpretar de una mejor forma tu p谩gina web 馃槃. A medida que avances aprender谩s sobre esas etiquetas, por ahora, si no te sientes segura o seguro con tener eso ah铆 escrito puedes borrarlo, pero ahora ya sabes c贸mo escribir de forma r谩pida esa base de c贸digo que acabas de aprender 馃挌.

馃挌 Extensiones recomendadas para tunear tu Visual Studio Code:

  • Prettier: da formato al c贸digo

  • Live Server: abre y actualiza autom谩ticamente un archivo HTML en el navegador

  • Color Highlight: nos muestra una pre-visualizaci贸n de los colores, muy util en CSS

  • Bracket Pair Colorizer: le da diferentes colores a los parentesis.

  • Path Intellisense: auto-completa rutas, muy util en HTML

  • Auto Rename Tag: auto-completa los pares de tags en HTML

  • Material Icon Theme: agrega iconos distintivos a cada formato de archivo

  • Themes: temas para VSCode que le dan diferentes colores a los elementos de un c贸digo
    _

Si no sabes de qu茅 hablo te recomiendo esta clase 鉂わ笍

Les recomiendo que instalen la extensi贸n Error lens para que el editor les de feedback de donde estamos incurriendo en errores

ME ENCANTA ESTE CURSO Ver que ahora en este curso se utilizara Visual Estudio Code me da muchas ganas de terminarlo 馃憣馃榿 馃挌馃挌 La old school seguimos conservando nuestro ATOM 馃挌

ni modo a desinstalar atom XD

Por ac谩 les dejo algunos post de alexcamachogz, me parecen recursos excelentes si quieren aprender a personalizar su Visual Studio Code:

Platzi tiene un tema especial en Visual Studio Code con los mismos colores de su aplicaci贸n y p谩gina web. Solo tiene buscar 鈥楶latzi鈥 en la pesta帽a de extensiones.

<h1>Top 5 extensiones de visual studio code que deberias tener</h1> 
  1. PRETTIER
  • Esta extensi贸n permite formatear el c贸digo seg煤n las reglas de cada lenguaje. Soporta la sintaxis de una gran cantidad de lenguajes, como JavaScript, JSX, Flow, TypeScript, JSON, HTML, Vue, Angular, CSS, Less, SCSS, GraphQL, MarkDown, CommonMark, MDX y YAML. Prettier ya trae sus reglas predeterminadas, pero t煤 tambi茅n puedes crear las tuyas, como d贸nde van los saltos de l铆nea, las tabulaciones, los espacios, etc. 馃槑
    .

    .
  1. LIVE SHARE
  • Te permite editar y depurar el c贸digo en tiempo real con otro programador, tambi茅n puedes llamarlos, chatear, compartir terminales y servidores. Como en cualquier otra herramienta de trabajo colaborativo, puedes ver en d贸nde est谩 tu compa帽ero en el programa y en qu茅 l铆nea del c贸digo est谩 trabajando. Si hay un problema que surja en el momento, pueden llamarse y encontrar la soluci贸n juntos. 隆Qu茅 viva el trabajo en equipo y en tiempo real! 馃檶
    .

    .
  1. GITLENS
  • Esta extensi贸n te brinda muchas herramientas para trabajar con GIT. Te permite ver el autor de las notas, informaci贸n del repositorio en el que est谩s, las ramas y, dependiendo del archivo o l铆nea que te encuentres, te mostrar谩 el historial de cambios de cada archivo o cada l铆nea para que puedas hacer comparaciones. 隆Es una herramienta muy completa para trabajar con GIT! 馃懆鈥嶐煉
    .

    .
  1. LIVE SERVER
  • Esta es una de las extensiones m谩s recomendadas por desarrolladores frontends, ya que crea un peque帽o servidor local para que puedas ver lo que est谩s haciendo y se actualice autom谩ticamente con cada cambio.
    .

    .
  1. STORIES
  • 驴Te imaginabas que pod铆as compartir tu trabajo por stories?, 驴o qu茅 podr铆as ver lo que otros desarrolladores est谩n haciendo con su c贸digo? Con esta extensi贸n podr谩s mostrar partes de tu c贸digo, ver el c贸digo de otros usuarios e incluso manipularlo, como si fuera un archivo local, y reutilizarlo en alguno de tus proyectos.

隆Programar online! 驴Sab铆an que pueden usar Visual Studio Code sin instalarlo en su PC?
VSCode Online

VSCode es una de las tantas que existen, si quieren jugar y conocer las que Freddy nombra, aqu铆 las comparto:

Tambi茅n hay editores online cuando quieran hacer pruebas rapidas:

鉂わ笍

Visual Studio Code (VS Code) es un editor de c贸digo desarrollado por Microsoft. Es software libre y multiplataforma. VS Code tiene una buena integraci贸n con Git, cuenta con soporte para depuraci贸n de c贸digo, y dispone de muchas de extensiones, que b谩sicamente te da la posibilidad de escribir y ejecutar c贸digo en cualquier lenguaje de programaci贸n.

Colorea las etiquetas, variables, funciones etc鈥 鈫 ayuda visual al DEV
tiene auto completado 鈫 agiliza el codeo
<aside>
馃挕 <meta charset=鈥渦tf-8鈥 /> 鈫 dice que la pagina web tiene una serie de caracteres del estandar utf-8 (tiles,帽, cosas del espa帽ol)

</aside>

Es Visual Studio Code es una herramienta maravillosa. Y todo lo que podemos hacer con las extensiones. Apenas estoy aprendiendo pero quise verlo y complementarlo desde la visi贸n de Platzi.

Resumen

Se puede programar en cualquier programa de texto plano (incluyendo el bloc de notas) pero hay herramientas para hacernos mucho m谩s f谩cil la vida cuando programamos. Actualmente el programa m谩s usado para escribir c贸digo es Visual Estudio Code, es gratis y lo puedes descargar aqu铆

la etiqueta meta nos permite agregar los metadatos de nuestro archivo, uno de esos metadatos es el tipo de caracteres que soporta nuestro archivo

<meta charset="utf-8" /> //nos permite visualizar ac茅ntos, emojis, etc.

Solo un detalle, colocar la / de cierre en la etiqueta <meta> es opcional, no es obligatorio, por lo cual es perfectamente posible solcamente usar <meta charset="utf-8">.
Fuentes:

Algo me dice que esta va a ser la definitiva

TIP:
Para crear la estructura de un archivo HTML en VSC, basta con escribir HTML:5 y enter. Con esto se genera autom谩ticamente toda la estructura de la p谩gina.

Fascinado con el curso, estoy desde las 10 am metido en esto.

creo que aqui se reune la gente que quiere cambiar el mundo鈥so me gusta

Tambi茅n hay Vim, Freddy :(

Por alguna raz贸n cambiar el guion a un gui贸n bajo solucion贸 mi problema con los caracteres especiales
si alguien m谩s tiene este problema esa fue mi soluci贸n

Para los que como yo extra帽an al Freddy recomendando Atom y tuvimos que desinstalarlo jsjsjs. Aqu铆 un tema para el VSC con la interfaz de Atom 馃挌

Cntrl K + Cntrl C (para comentar un texto seleccionado)
Cntrl K + Cntrl U (para 鈥渄escomentar鈥 un texto seleccionado)
Sumamente 煤til.

Hola Prosor
Escrib铆 el c贸digo sin el meta y arrojo la palabra 鈥渃贸digo鈥 con la tilde, no me ocurri贸 lo del video.!

<html>
<head>
	<title>Mi primera pagina</title>
	<script>
	a=10
	b=255
	alert("el valor de a+b es " +  (a +b))
alert("este c贸digo va a funcionar")
</script>
<body>
	<h1>Hola Anita</h1>
	<strong>Por favor</strong> no abras mis documentos 隆隆隆
	<p> Leyder el programador. :)} </p>
<html>

驴Qu茅 aprendimos hoy?
Para que se puedan leer los acentos y las 帽麓s hay que usar la siguiente etiqueta
<meta charset =鈥渦tf-8鈥 />
vamos lento, porque vamos lejos 馃槈

Adi贸s a Atom鈥

Me estoy divirtiendo con la programaci贸n. Me traume un poco con powerapps, esto si es mas chevere.

Les comparto dos temas muy populares y de mis favoritos para VScode 馃捇馃挌

Shades of Purple
https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple
Dracula
https://draculatheme.com/visual-studio-code

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8"/>
    <title>Mi primera paginita</title>
	<script>
	a = 5
	b=235
	perrito = "Ciruelejo"
	alert("El valor de a m谩s b es "+ (a+b))
	alert("Este c贸digo va a funcionar")
	</script>
</head>
<body>
	<h1> Mi primer sitio Web</h1>
	<p>Hola <strong>querida</strong> clase</p>
	<p>Este es mi primer programa completo y profecional</p>
	<p>Gran programa</p>
	
</body>
</html>

muy interesante y motivante la programaci贸n que se explica aca en platzi

por si les interesa saber mas acerca del "utf-8"
https://dinahosting.com/blog/que-es-utf-8/

驴Por qu茅 Word no funciona?

Podr铆amos hacernos la pregunta de por qu茅 Microsoft Word no funcionar铆a para programar y el block de notas si. Te cuento.

Hagamos un experimento.

  • Ve y abre Word o su equivalente en Google, que es Google Docs.
  • Escribe una oraci贸n. Cualquiera. Por ejemplo, mi perro se llama Lucas. No importa qu茅 escribas.
  • Guarda el documento localmente.
  • Ve a la ubicaci贸n del documento y:
    • Dale click derecho.
    • Dale click en abrir con.
    • Si te aparece el block de notas, seleccionalo. Si no, dale en donde dice Elegir otra app o algo por el estilo.
    • Busca el block de notas y lo seleccionas.


Al abrir, ver谩s que no te saldr谩 la oraci贸n que escribiste, te saldr谩 algo como:



驴Ahora lo ves? Apps como Word no generan c贸digo plano, sino que tienen cierta l贸gica detr谩s que modifica el texto original si lo tratamos de abrir con una app como block de notas. Imag铆nate programar en Word y que al abrir VS Code te salgan esas cosas. 馃槄

Los que hicieron el anterior curso de programaci贸n, y ven que Visual Studio es mejor mejor que Atom que dan asi literal jajkajakjakjakjakja

Extensiones de Visual Studio Code: Autoclose Tag, Error Lens, Highlight Matching Tag, Live Server, Platzi Theme, Prettier, Spanish Lenguage, Tabnine y VsCode Icons.

Raro, segu铆 paso a paso las instrucciones, pero a mi me salio el cuadro de dialogo con tilde en primera instancia sin necesidad de usar <meta charset=鈥渦tf-8鈥 />

Si quieren practicar desde el celular pueden descargar TrebEdit. Tiene una version de paga con mejores opciones, pero lo que ofrecen gratis cumple para lo principal que es hacer p谩ginas webs.

visual hizo que quisiera volver a programar despues de ir a la universidad y odiar la programaci贸n y ustedes me lo presentaron!!!

Gracias Genios

Les dejo unos comandos que les pueden servir 馃槂
Pueden ver mas en "File"
Siempre se los muestra 馃槂

Etiqueta especial, llamada "meta"

Por fin Freddy dej贸 de usar Atom y decidi贸 migrar a VSCode. xD!

Esto est谩 de locos jajaja

La vida es mejor con Visual Studio Code 馃憣馃槈

Visual Studio Code es el editor de c贸digo m谩s famoso y usado, y como bien lo menciona Freddy, existen otros como Atom o Sublime Text.

Pero no solamente podemos usar dichos editores, tambien existen algo llamados IDEs, Freddy menciona uno que es Eclipse, hay otros como Intellij o Android Studio.
Un IDE (Entorno de desarrollo integrado) es un editor de c贸digo con m谩s funcionalidades, ayudas o complementos, todo en un mismo software.

En este curso que se va a aprender html-css-js, recomiendo el IDE WebStorm que es el especializado para todo lo relacionado a JavaScript, es de pago pero si tienes correo educativo (el de tu universidad o instituto, tienen dominio .edu) puedes usarlo de forma gratuita (te regalan una licencia estudiantil)

En el curso anterior de programacion basica Freddy nos mando a instalar Atom, gran salto ahora nos piden VSCode haha

**A ver sus themas de VS code 馃槃
**Este es el mio:

鉂わ笍

  • Las extensiones de los archivos importan!
  • No puedes programar en word.
  • Visual Studio Code es una de m煤ltiples opciones de software que puedes utilizar para programar.

VSC es de Microsoft igual que Github por lo que las integraciones son muy sencillas cuando trabajan en equipo.

Visual Studio Code! 馃挌 hace que programar sea m谩s f谩cil 馃榾

Sin duda, el mejor editor de c贸digo de nuestro tiempo.
Lo genial de VScode es la gran cantidad de extensiones que puedes agregar, y muy f谩cilmente. Adem谩s, es muy ligero. Recuerdo aquellos d铆as en que usaba Sublime Text y no ten铆a idea de como agregar una extensi贸n, o cuando empec茅 a usar Atom y tardaba una eternidad en abrir un proyecto鈥 VScode mejor贸 mucho las cosas.

Programar en un editor de texto al principio puede ayudarnos a memorizar la estructura de los lenguajes que est谩s aprendiendo.
Creo que si empiezas usando solo editores de c贸digo como VScode, en alguna oportunidad, (aunque rara), puede pasar que necesites programar en un equipo diferente y no cuentes con la herramienta. Muy seguramente no recordar谩s las estructuras de los lenguajes muy bien, porque el editor siempre te ayud贸 a autocompletar. Pero bueno, ser铆a una rara ocasi贸n.

Existen editores online que te servir谩n para hacer proyectos peque帽os o pr谩cticas. Muy 煤tiles.
Aqu铆 dejo unos cuantos:

Codepen.io
Cloud9
Repl.it
Stackblitz.com
VScode.dev

Aqui les dejo el tema de Platzi para VSC
dale clic, que esperas dame clic

yo aprendi por otros medios que ya se html ,css,algo de javasCript pero esto lo repito por que es un buen recordatorio que todos debemos hacer pa que no se apague el cerebro

Me encant贸 esta herramienta

隆Incre铆ble sesi贸n, Freddy!

Agradecido de haber tomado el curso de prework.

Dej茅 de utilizar Visual Studio Code porque consume demasiado y va muy lenta muy m谩quina por eso uso Sublime Text.

Visual Studio Code



Visual Studio Code es una de las m煤ltiples aplicaciones que puedes usar para programar mejor.

Existen otras alternativas como:

  • Sublime Text
  • Notepad++
  • Atom
  • Eclipse
  • Dreamweaver


Visual Studio Code es un editor desarrollado por Microsoft y se puede descargar desde su p谩gina web.

La etiqueta <meta charset="utf-8" /> que va dentro de <head></head> permite reconocer caracteres utf-8.

Visual Studio Code es ch茅vere 馃槑

Cosas que debes de saber para andar a la moda en Platzi:

Algunas personas que estudian aqu铆, y claro, algunos profes, usan este tema en Visual Studio Code:

SynthWave '84

Tambi茅n se utiliza esta extensi贸n para compartir nuestro c贸digo a nuestros profes o compa帽eros:

CodeSnap

Ejemplo:

Mi theme favorito para VS Code es: Seti-Monokai 驴Cual usas tu?
.
Sugerencia: Instala 煤nicamente las extensiones que vayas a usar, no llenes tu VS Code con much铆simas extensiones porque puede ponerse lento todo.

馃憣馃榿 馃挌馃挌

Recordemos lo que se menciona al final de la clase, es m谩s c贸modo acostumbrarse a guardar con Ctrl + S en lugar de ir a archivo y guardar manualmente!

Aqu铆 pueden descargar Visual Studio Code 馃殌馃榿馃挭馃徎

Me encanta ver que Freddy tiene descargado el instalador de gimp 馃槃

Esta muy ch茅vere el curso, gracias Freddy por dar estos cursos gratis. Me gusta la forma de explicar, es muy sencilla y clara, la manera de ense帽ar es muy buena. 馃槂

Me acabo de dar cuenta que puedo comentar jiji lo siento
馃槮 D

xd

  • Un archivo de texto plano es la forma en que el editor de c贸digo detecta lo que se est谩 viendo.
  • Los colores evidenciados son ayudas visuales para el momento en que se esta programando.
  • La etiqueta meta va a tener el atributo charset, la cual para este caso en espec铆fico va a utilizar el standard UTF-8.
  • Cuando las etiquetas no tienen contenido se cierran en el mismo momento, no como la etiquetas que contienen algo para nuestro sitio. E.G: <meta charset=鈥淯TF-8鈥/>

si quieren tener toda la basse solo pongan html y les saldra html 5 presionenlo y tendran la base

https://code.visualstudio.com/

<!DOCTYPE html>
<html lang=鈥渆s鈥>
<head>
<!-- ATRIBUTO -->
<meta charset=鈥淯TF-8鈥>
<meta http-equiv=鈥淴-UA-Compatible鈥 content=鈥淚E=edge鈥>
<meta name=鈥渧iewport鈥 content=鈥渨idth= , initial-scale=1.0鈥>
<!-- ATRIBUTO -->
<title>PLATZY-HTML</title>
<link rel=鈥渋con鈥 href="./img/ico/games_01.ico" type=鈥渋mage/x-icon鈥 />
<script>
a = 1;
b = 2;
perrito = 鈥楥iruelejo鈥;
alert('El valor de a + b es 鈥 + 鈥=鈥 + 鈥 鈥 + (a+b));
</script>
</head>
<body>
<h1>Primer intento de website</h1>
<p>Este es nuestro primer programa completo y profesional</p>
<p>Gran Programa</p>

</body>
</html>

En la anterior versi贸n del curso nos hizo descargar Atom y ahora es Visual Studio Code. Llevamos seis clases en las que nos dice que 鈥渁hora si vamos a aprender a programar鈥.

para mi que soy cero me parecio muy interesante y claro el comienzo鈥

Se me tilda el video justo cuando van a 3explicar como poner las tildes en el editor VSC. Alguien me lonpodra explicar brevemente ?

Espero poder avanzar en esta forma de alfabetizaci贸n del siglo XXI, la de la programaci贸n. Muchas gracias por las nuevas posibilidades que me brindan.

隆隆Genial!! A seguir pr谩cticando.

Prob茅 el editor de c贸digo Atom, tambi茅n es bueno, pero me quedo con Visual en este momento. Visual tambien es el editor que m谩s usan los profesores en los cursos.

Esto se est谩 poniendo bueno! 馃槂)

ok teacher fredy visual code is excelent to learning鈥

q emocionante es aprender programacion es una utopia de aprendizaje鈥

f por atom

Observaci贸n de estudio:
Para poder escribir caracteres en nuestro c贸digo, es fundamental que utilicemos una etiqueta especial llamada <meta esta se incluir谩 despu茅s del <head>
.
Luego de haber creado la etiqueta <meta incluimos su atributo que es charset este atributo significa 鈥渏uego de caracteres鈥
.
Despu茅s de colocar el atributo, escribimos el est谩ndar =鈥渦tf-8鈥 finalmente se cierra la etiqueta con />

Importante:
Dejar un espacio entre <meta y charset este espacio se lo considera un atributo

<meta charset

utf-8 es el est谩ndar que nos permite agregar tiendes, e帽es, etc.
Cuando las etiquetas no tienen contenido por dentro entonces se cierran con />

<meta charset="utf-8" />

Visual Studio Code tiene su version Online por si no pueden descargarla en su computadora
https://vscode.dev/

este VSCode es el que utilizo

Q.E.D. Atom馃拃

Como recuerdo que en el anterior curso de programaci贸n b谩sica se usaba atom y me entero de que atom va a dejar de recibir soporte a finales de 2022 y pensar que atom era el m谩s utilizado en 2015, como cambia la tecnolog铆a

  • Existen varios editores de texto pero hay algunos que no sirven como word. El mejor editor es Visual Studio Code.
  • La extensi贸n de archivo debe ser la correcta.

ETIQUETA ESPECIAL:
<meta charset=鈥渦tf-8鈥 />

Spoiler: Esto es un 鈥淐lickbait鈥 si miraste la versi贸n actual (a julio 2022) del Visual Studio Code en tu computador ya instalado鈥 馃槈

Para los amantes del software Open Source, la alternativa al Visual Studio Code es VSCodium.

驴Por qu茅 al final de todos los v铆deos de este curso Freddy termina con una carita tan coqueta sexy? 馃槼