1
00:00:00,570 --> 00:00:05,320
Así que este va a ser un video bastante rápido sobre el desarrollador de cromo javascript Cantal.

2
00:00:05,370 --> 00:00:10,560
Entonces, antes de sumergirnos en la escritura de código JavaScript en la sintaxis, comenzaremos por

3
00:00:10,560 --> 00:00:12,370
averiguar dónde escribimos el código.

4
00:00:12,600 --> 00:00:17,910
Y así, en Chrome, uno de los lugares que podemos hacer es un desarrollador de JavaScript. Como mencionamos algunas veces, Chrome tiene excelentes herramientas de desarrollo, algunas

5
00:00:18,360 --> 00:00:24,420
de las cuales ya hemos visto como H Tim L y C Ss.

6
00:00:24,420 --> 00:00:26,340
Inspector, puede hacer clic en la lupa.

7
00:00:26,340 --> 00:00:30,200
Haga clic en un elemento.

8
00:00:30,200 --> 00:00:31,160
Ver el HGA ahora podemos editar cosas que necesita su equipo y podemos editar y ver el éxito.

9
00:00:31,680 --> 00:00:38,420
Así que ya lo hemos visto antes.

10
00:00:38,430 --> 00:00:39,980
Para llegar aquí podemos hacer clic con el botón derecho e inspeccionar el elemento o también podemos ir a Ver las herramientas de desarrollador de desarrollador.

11
00:00:40,170 --> 00:00:50,820
Y hay un atajo aquí que ve la opción de comando.

12
00:00:51,090 --> 00:00:54,420
Así que eso es para llegar a la pestaña de elementos, pero notarás que hay otra pestaña aquí que dice con.

13
00:00:55,410 --> 00:01:01,460
Así que este es el desarrollador de javascript. Así que en pocas palabras, este es un lugar donde podemos escribir y escribir en nuestro navegador para que

14
00:01:01,830 --> 00:01:05,070
los desarrolladores no escriban aplicaciones completas de JavaScript en esta

15
00:01:05,190 --> 00:01:11,490
consola, así como los desarrolladores no escriben una hoja de estilo completa en el navegador usando este inspector VSS.

16
00:01:11,490 --> 00:01:18,470
evaluar o comprender cómo funciona algo o probar algo y luego ir a hacer los cambios en su archivo CSSA.

17
00:01:18,470 --> 00:01:21,770
Para qué lo utiliza es para interactuar con C

18
00:01:21,870 --> 00:01:28,470
Así que en el futuro haremos lo mismo con un javascript.

19
00:01:28,470 --> 00:01:31,860
Utilizaremos la consola para jugar con los juegos para probar

20
00:01:32,160 --> 00:01:34,980
cosas, pero luego implementaremos un archivo de JavaScript completo

21
00:01:35,040 --> 00:01:39,990
que persista y que guardaremos en nuestra máquina en lugar de solo en el navegador.

22
00:01:40,530 --> 00:01:45,960
Así que vamos a comenzar escribiendo nuestro javascript dentro de la consola de Chrome y eso

23
00:01:45,960 --> 00:01:47,070
no durará mucho.

24
00:01:47,070 --> 00:01:51,930
rápida y fácil para que podamos ponernos en marcha sin tener que centrarnos en configurar un proyecto para configurar nuestros archivos y unirlos correctamente.

25
00:01:51,930 --> 00:01:52,710
Simplemente será una forma

26
00:01:52,770 --> 00:01:57,870
Simplemente abriremos su navegador y escribiremos javascript aquí.

27
00:01:57,870 --> 00:02:01,300
Entonces, para ilustrar cómo funciona la consola de JavaScript, tengo un código

28
00:02:01,320 --> 00:02:04,350
pre-escrito que voy a pegar y ejecutar antes de hacerlo.

29
00:02:04,650 --> 00:02:09,330
Solo quiero señalar que el enfoque aquí no está en la sintaxis, así que no entre en pánico.

30
00:02:09,330 --> 00:02:12,280
Vamos a pasar mucho tiempo repasando cómo funciona este código en futuros videos.

31
00:02:12,390 --> 00:02:16,990
¿Cuál es el enfoque aquí?

32
00:02:17,070 --> 00:02:21,330
Es el proceso

33
00:02:21,570 --> 00:02:22,530
Entonces, todo lo que quiero que entiendas, puedo poner un código aquí.

34
00:02:22,530 --> 00:02:23,820
No importa lo que el código realmente

35
00:02:23,820 --> 00:02:26,570
haga, simplemente coloque algún código allí y luego puedo presionar enter y se ejecutará.

36
00:02:26,910 --> 00:02:32,130
Entonces, este código pasa a hacer una animación simple.

37
00:02:32,130 --> 00:02:33,330
Agrega cinco píxeles al ancho de la imagen cada 100 milisegundos.

38
00:02:33,540 --> 00:02:36,320
Así que no ha hecho nada todavía.

39
00:02:36,340 --> 00:02:40,850
Tan pronto como pulso enter, comienza a correr.

40
00:02:41,190 --> 00:02:42,760
Del mismo modo, puedo escribir otro código.

41
00:02:42,800 --> 00:02:45,680
Así que aquí hay un programa muy simple que solo va a mostrar un pequeño mensaje para mí.

42
00:02:46,230 --> 00:02:48,550
Hola a todos.

43
00:02:48,660 --> 00:02:54,130
Y presiono enter y esa ventana emergente se ejecuta y ese código se ejecuta.

44
00:02:54,540 --> 00:02:57,190
Eso es todo lo que quiero mostrar sobre la consola de JavaScript.

45
00:02:57,770 --> 00:03:02,930
Puede abrirlo en cualquier página usando la opción de comando J o yendo a ver la consola de JavaScript del desarrollador

46
00:03:03,480 --> 00:03:06,250
o abriendo el inspector de elementos y haciendo clic en contras. Así que vamos a pasar mucho tiempo aquí.

47
00:03:06,270 --> 00:03:15,840
 

48
00:03:16,230 --> 00:03:20,960
 

49
00:03:20,970 --> 00:03:22,500