1.srt

WEBVTT

1
00:00:00,540 --> 00:00:04,760
Vas a escribir tu primera línea de código
 y aprender a programar.

2
00:00:04,900 --> 00:00:07,740
Lo primero que necesito que hagas
es que descargues Google Chrome,

3
00:00:07,770 --> 00:00:10,540
asumo que ya tienes Google Chrome instalado.
Abre Google Chrome

4
00:00:10,880 --> 00:00:13,660
y aquí arriba, en la barra de título, vas a escribir:

5
00:00:13,740 --> 00:00:18,240
<i>about: blank</i>.

6
00:00:18,800 --> 00:00:20,900
Esto simplemente nos da una página en blanco.

7
00:00:21,080 --> 00:00:25,300
En un lugar vacío dale clic derecho
y ve a la opción que dice "<i>Inspect</i>".

8
00:00:25,440 --> 00:00:29,960
Probablemente si lo estás viendo en español
debe decir algo así como "Inspeccionar Elemento". Dale clic

9
00:00:30,500 --> 00:00:33,460
y nos muestra la forma en la que está
por dentro escrita una página web,

10
00:00:33,520 --> 00:00:37,200
pero esto no nos interesa por ahora.
Por ahora ve a la opción que dice "<i>Console</i>"

11
00:00:37,280 --> 00:00:39,440
y vas a escribir algo, sólo confía en mí:

12
00:00:39,560 --> 00:00:45,960
"<i>alert</i>", abres paréntesis, luego abres comillas dobles
y escribes: "<i>Mi nombre es Freddy</i>",

13
00:00:46,380 --> 00:00:49,720
cierras comillas, cierras paréntesis
y pones un punto y coma.

14
00:00:49,900 --> 00:00:53,200
Esto exactamente así lo tienes que escribir y dale <i>enter</i>

15
00:00:53,440 --> 00:00:55,560
y te sale este aviso: "<i>Mi nombre es Freddy</i>".

16
00:00:55,940 --> 00:00:59,840
Ya sabes cómo disparar una alerta,
y eso lo puedes hacer en muchas otras cosas.

17
00:00:59,980 --> 00:01:02,540
Vamos a hacer algo más complicado,
 vamos a guardar mi nombre.

18
00:01:02,660 --> 00:01:07,700
Para guardar mi nombre se escribe una cosa que se llama
 "<i>var</i>", luego vas a aprender de eso en el curso,  <i>nombre</i>,

19
00:01:07,880 --> 00:01:13,740
"<i>var nombre =</i>",
y otra vez, entre comillas, escribes "<i>Freddy</i>" y eso es todo.

20
00:01:13,840 --> 00:01:18,380
Es importante que le coloques los espacios, el igual,
 las comillas y el punto y coma.

21
00:01:18,920 --> 00:01:22,220
No pasó nada y siempre sale esta cosa que dice "<i>undefined</i>",

22
00:01:22,420 --> 00:01:27,420
pero si tú escribes simplemente "<i>nombre</i>" y <i>enter</i>,
 ¡hey! el programa se acuerda que me llamo Freddy.

23
00:01:27,760 --> 00:01:31,240
Ahora escribe exactamente como yo lo escribo: "<i>alert</i>",

24
00:01:32,440 --> 00:01:41,520
abres paréntesis, "<i>Mi nombre es</i>", espacio, cierras comillas,
luego otro espacio, el signo <i>+</i>, como sumar,

25
00:01:41,700 --> 00:01:46,360
y le sumas ese que creamos allá arriba, ese "<i>var nombre</i>",
pero por fuera de las comillas.

26
00:01:46,500 --> 00:01:49,700
"<i>"Mi nombre es " + nombre</i>", ¿qué crees que va a salir? Dale <i>enter</i>.

27
00:01:50,100 --> 00:01:52,920
¡Sigue diciendo que mi nombre es Freddy!
Se acuerda quién soy yo.

28
00:01:53,400 --> 00:01:57,820
Vamos a hacer algo más interesante.
Ya <i>"nombre"</i> existe, no tengo que volverle a escribir <i>"var"</i>,

29
00:01:57,920 --> 00:02:04,460
solamente escribo: "<i>nombre =</i>",
abro comillas y escribo: "<i>Juana la Alpaca</i>",

30
00:02:06,140 --> 00:02:09,800
cierro comillas, punto y coma, <i>enter</i>.
Dice simplemente "Juana la Alpaca",

31
00:02:09,920 --> 00:02:14,340
y si yo le escribo "<i>nombre</i>" y <i>enter</i>
ahora se llama "Juana la Alpaca", ya no es "Freddy".

32
00:02:14,520 --> 00:02:20,660
Volvamos a escribir la línea de arriba, puedo simplemente
seleccionar y pegar la misma línea de antes

33
00:02:20,740 --> 00:02:24,220
y le vuelvo a dar <i>enter</i> y ahora
 "<i>Mi nombre es Juana la Alpaca</i>".

34
00:02:24,800 --> 00:02:29,160
Ahora vamos a hacer algo más interesante,
 sólo confía en mí y escribe tal cual lo que yo escribo:

35
00:02:29,400 --> 00:02:37,400
"<i>nombre = prompt</i>" y entre paréntesis, entre comillas,

36
00:02:40,900 --> 00:02:47,500
"<i>Cual es tu nombre</i>",
interrogación, comillas, paréntesis, punto y coma.

37
00:02:47,620 --> 00:02:52,340
Y, cuando le dé <i>enter</i>, ahora el programa
 nos quiere preguntar nuestro propio nombre.

38
00:02:52,460 --> 00:02:55,860
Coloquémoselo, digamos que
yo ahora me quiero llamar "<i>Picacho</i>" y <i>enter</i>

39
00:02:55,960 --> 00:02:59,900
y me dice "<i>Picacho</i>". Si voy a escribir <i>"nombre"</i>,
 ¡hey! Es tal cual el que le escribí.

40
00:03:00,080 --> 00:03:03,840
Ahora volvamos a copiar y pegar la línea original,
 ¿se acuerdan?

41
00:03:03,980 --> 00:03:08,200
<i>alert("Mi nombre es "+ nombre);</i>
 y al darle <i>enter</i> me dice que mi nombre es "Picacho".

42
00:03:08,720 --> 00:03:10,560
Escribiste tus primeras líneas de código.

43
00:03:10,620 --> 00:03:15,560
Si quieres entender mucho más, ir a la profundidad,
crear tus propios juegos, aplicaciones móviles,

44
00:03:15,780 --> 00:03:21,160
servidores o programar electrónica, para eso es el Curso
 de Programación Básica que estás empezando ya mismo.

45
00:03:21,300 --> 00:03:24,180
¿Ya tienes Chrome? Ahora descarga un editor de código.

46
00:03:24,260 --> 00:03:27,160
En este curso vamos a usar Atom,
pero puedes usar el que quieras.

47
00:03:27,640 --> 00:03:28,880
Googleas "atom",

48
00:03:29,680 --> 00:03:32,860
el primer resultado es "atom.io", ese es el correcto.

49
00:03:33,060 --> 00:03:36,880
Simplemente lo descargas
para Windows, para Mac, para Linux y lo instalas.

50
00:03:37,060 --> 00:03:41,800
Al abrir Atom solamente ves este espacio vacío
 como si estuviéramos listos para crear magia.

51
00:03:42,040 --> 00:03:46,140
Puede no parecer mucho,
 pero aquí puede que construyas tu próxima gran idea,

52
00:03:46,200 --> 00:03:50,600
tu próximo gran juego, tu próxima gran aplicación,
 o la empresa que va a cambiar tu vida.

53
00:03:51,740 --> 00:03:55,600
Y todo empieza sabiendo
que si tengo una variable <i>x</i> que vale 1

54
00:03:56,260 --> 00:04:02,680
y tengo una variable <i>y</i> que vale 2,
cuando yo haga <i>"x + y"</i> me va a dar 3.

55
00:04:03,060 --> 00:04:06,120
Con esto inicia el Curso de Programación Básica,
 ya tienes todo.

56
00:04:06,320 --> 00:04:10,820
Si ya estás dentro del curso solamente tienes que
darle clic acá, al siguiente video, y arrancar con tu clase,

57
00:04:10,920 --> 00:04:16,600
y si no estás todavía dentro del curso
 vas a platzi.com/programacion y te registras.

58
00:04:16,680 --> 00:04:20,280
Es completamente gratis
y es el curso que puede cambiar tu vida.