1 00:00:02,540 --> 00:00:09,820 Vamos a ver ahora una aplicación, una página web que nos va a permitir de manera muy sencilla iniciarnos en la programación. 2 00:00:09,960 --> 00:00:17,579 Es una de las más sencillas que hay, es gratuita, no necesita registrarse, aunque si te registras tienes mayores posibilidades 3 00:00:17,579 --> 00:00:22,739 y es muy útil para iniciación a la programación. 4 00:00:23,519 --> 00:00:29,300 Vamos a poner Code aquí y nos lleva a esta primera página. 5 00:00:29,300 --> 00:00:33,439 y esta es la página que se nos abre, vemos que hay una opción 6 00:00:33,439 --> 00:00:37,640 de iniciar sesión, si tenemos 7 00:00:37,640 --> 00:00:41,679 una cuenta y una opción aquí que es de crear distintas actividades 8 00:00:41,679 --> 00:00:44,219 en la primera página que se nos abre es esta 9 00:00:44,219 --> 00:00:49,520 la primera ventana, si lo debo de conocer más, pues nos cuenta un poco lo que es Code 10 00:00:49,520 --> 00:00:53,560 podemos traducir en español, pulsando el botón derecho 11 00:00:53,560 --> 00:00:57,619 traducir y vemos que nos cuenta un poco lo que es Code 12 00:00:57,619 --> 00:01:01,259 y ven cómo 13 00:01:01,259 --> 00:01:03,219 funciona todo esto. Nosotros nos vamos a la página 14 00:01:03,219 --> 00:01:05,180 anterior y tenemos varias opciones 15 00:01:05,180 --> 00:01:07,019 aquí, aunque en realidad todas ellas nos llevan 16 00:01:07,019 --> 00:01:09,200 al mismo lugar. Vamos a pulsar, por ejemplo, 17 00:01:09,299 --> 00:01:09,739 alumnos 18 00:01:09,739 --> 00:01:12,359 y nos va a llevar a 19 00:01:12,359 --> 00:01:14,200 los cursos que hay 20 00:01:14,200 --> 00:01:16,819 para aprender a 21 00:01:16,819 --> 00:01:19,079 programar. Estos cursos, 22 00:01:19,260 --> 00:01:21,560 cursos prelectores, cursos presc, 23 00:01:22,000 --> 00:01:23,239 lecciones sin 24 00:01:23,239 --> 00:01:24,280 conexión, son 25 00:01:24,280 --> 00:01:26,939 aprender a programar sin necesidad de tener un ordenador 26 00:01:26,939 --> 00:01:29,060 y unas opciones 27 00:01:29,060 --> 00:01:36,260 que son horas del código, actividades sencillas que no es un curso completo, sino las actividades por separado. 28 00:01:36,700 --> 00:01:43,060 Y aquí tenemos más cursos, un montón de cursos que podemos pulsar y hacerlos sin necesidad de estar registrados. 29 00:01:43,560 --> 00:01:48,879 Primero vamos a ver unas opciones, por ejemplo, de la hora del código, que son actividades únicas, 30 00:01:49,200 --> 00:01:53,579 no actividades que impliquen una secuencia, como es un curso. 31 00:01:53,579 --> 00:02:00,799 y vamos a ver, por ejemplo, algunas, por ejemplo, Star Wars, pulso y me da la opción de probarlo, 32 00:02:01,079 --> 00:02:03,319 probar la actividad con bloques, no con lenguaje de Java. 33 00:02:04,079 --> 00:02:09,139 Le doy a probar y se me abre primero un pequeño vídeo explicando qué es esto, 34 00:02:09,819 --> 00:02:12,199 que es una actividad de programación basada en Star Wars. 35 00:02:17,330 --> 00:02:17,889 Aquí. 36 00:02:21,909 --> 00:02:25,689 Es la productora de Star Wars, que nos cuenta un poco, y luego esta otra persona. 37 00:02:27,710 --> 00:02:29,949 que nos cuenta un poco cómo funciona la programación. 38 00:02:30,469 --> 00:02:32,090 En esto podemos verlo o quitarlo. 39 00:02:32,669 --> 00:02:34,710 Lo importante es aquí la actividad. 40 00:02:35,490 --> 00:02:37,129 Tenemos un juego ambientado en Star Wars, 41 00:02:37,189 --> 00:02:38,189 con la música Star Wars. 42 00:02:38,770 --> 00:02:41,289 Nos dice que vamos a tener que agregar un comando 43 00:02:41,289 --> 00:02:43,509 para poder mover al personaje. 44 00:02:44,650 --> 00:02:45,770 Le damos un trozo de metal, 45 00:02:46,310 --> 00:02:47,810 puedes obtenerlo y le damos OK. 46 00:02:48,189 --> 00:02:50,110 Y lo que tenemos que hacer es añadir 47 00:02:50,110 --> 00:02:52,229 un nuevo bloque. 48 00:02:53,229 --> 00:02:55,409 Ahora la ejecuta, se me ocurre un bloque a la derecha. 49 00:02:55,409 --> 00:02:56,430 No, este bloque no es. 50 00:02:56,430 --> 00:02:59,490 un bloque a la derecha y otro bloque a la derecha 51 00:02:59,490 --> 00:03:00,650 y al ejecutar 52 00:03:00,650 --> 00:03:03,469 llega al objetivo 53 00:03:03,469 --> 00:03:07,409 bien, nos dice si queremos seguir jugando 54 00:03:07,409 --> 00:03:09,370 continuamos, es un bloque 55 00:03:09,370 --> 00:03:09,849 que tiene 56 00:03:09,849 --> 00:03:11,909 actividad que tiene 57 00:03:11,909 --> 00:03:15,490 15 niveles 58 00:03:16,050 --> 00:03:17,770 ahora nos dice 59 00:03:17,770 --> 00:03:19,590 que necesitamos ese trozo de metal 60 00:03:19,590 --> 00:03:21,129 pues mover a la derecha 61 00:03:21,129 --> 00:03:23,750 otra opción de mover a la derecha 62 00:03:23,750 --> 00:03:25,310 otra de mover abajo 63 00:03:25,310 --> 00:03:27,770 y otra de mover abajo 64 00:03:27,770 --> 00:03:28,509 ya dije que estaba 65 00:03:28,509 --> 00:03:33,770 ahí le he dado arriba, está mal, me he equivocado 66 00:03:33,770 --> 00:03:35,270 es mover 67 00:03:35,270 --> 00:03:38,090 abajo, no sé por qué he cogido 68 00:03:38,090 --> 00:03:39,270 arriba 69 00:03:39,270 --> 00:03:41,629 desde reinicio 70 00:03:41,629 --> 00:03:47,969 bien, y ya tenemos esta 71 00:03:47,969 --> 00:03:50,509 hecha 72 00:03:50,509 --> 00:03:53,449 bien, podemos continuar, vamos a darle 73 00:03:53,449 --> 00:03:54,629 a volver para atrás 74 00:03:54,629 --> 00:03:58,310 y vamos a ver otra, por ejemplo esta de la artista 75 00:03:58,310 --> 00:04:02,949 bienvenido a la artista, en primer lugar vamos a intentar hacer el simple cuadrado 76 00:04:02,949 --> 00:04:06,550 utilizando el bloque de giro a la derecha y el bloque de avance 77 00:04:06,550 --> 00:04:10,789 le doy a ok y lo que tiene que hacer es mover hacia adelante 78 00:04:10,789 --> 00:04:15,229 cuando se mueve pinta 100 píxeles, que es esta distancia en principio 79 00:04:15,229 --> 00:04:19,110 gira a la derecha y lo único que hay que hacer es repetir esto 80 00:04:19,110 --> 00:04:22,850 mover hacia adelante, derecha 81 00:04:22,850 --> 00:04:29,610 hacia delante, girar a la derecha y mover hacia delante 82 00:04:29,610 --> 00:04:35,579 y ahora al ejecutar, pues se ha hecho la figura 83 00:04:35,579 --> 00:04:40,500 si continuamos, pues ahora habrá que hacer una figura un poco más complicada 84 00:04:40,500 --> 00:04:43,980 en el que hay que moverse 150 píxeles 85 00:04:43,980 --> 00:04:47,879 y girar como les pone aquí 86 00:04:47,879 --> 00:04:50,540 ángulo de 120 y 60 grados 87 00:04:50,540 --> 00:04:52,120 vamos a ir haciéndolo 88 00:04:52,120 --> 00:04:55,220 mover hacia 150 píxeles 89 00:04:55,220 --> 00:04:56,939 ahora una vez que se ha movido 90 00:04:56,939 --> 00:04:59,860 girar es hacia la izquierda 91 00:04:59,860 --> 00:05:03,420 ahora es girar hacia la izquierda 92 00:05:03,420 --> 00:05:05,560 y nos dice 120 grados 93 00:05:05,560 --> 00:05:07,680 120 grados 94 00:05:07,680 --> 00:05:09,459 y ahora pintar 95 00:05:09,459 --> 00:05:12,379 que es 100, 150 píxeles hacia adelante 96 00:05:12,379 --> 00:05:14,959 y ahora como nos ha dicho 97 00:05:14,959 --> 00:05:17,339 alternar con girar a la izquierda 98 00:05:17,339 --> 00:05:19,079 60 grados 99 00:05:19,079 --> 00:05:20,959 y ahora otra vez 100 00:05:20,959 --> 00:05:24,220 mover hacia adelante 150 píxeles 101 00:05:24,220 --> 00:05:28,629 y esta vez 102 00:05:28,629 --> 00:05:30,050 girar a la izquierda 103 00:05:30,050 --> 00:05:32,050 120 grados 104 00:05:32,050 --> 00:05:34,829 y lo último 105 00:05:34,829 --> 00:05:36,029 mover hacia adelante 106 00:05:36,029 --> 00:05:37,970 150 píxeles 107 00:05:37,970 --> 00:05:40,589 y ahora cuando pulsamos 108 00:05:40,589 --> 00:05:45,129 hace el diamante 109 00:05:45,129 --> 00:05:45,910 o el rombo 110 00:05:45,910 --> 00:05:47,870 bien, pues esto es otro tipo de actividad 111 00:05:47,870 --> 00:05:51,709 que se hace aquí 112 00:05:51,709 --> 00:05:53,750 en la obra del código 113 00:05:53,750 --> 00:05:55,810 hay otra 114 00:05:55,810 --> 00:05:56,670 por ejemplo 115 00:05:56,670 --> 00:05:58,629 la fiesta del baile 116 00:05:58,629 --> 00:06:03,680 que le voy a dar inicio 117 00:06:03,680 --> 00:06:06,439 y en esta simplemente van a salir figuras 118 00:06:06,439 --> 00:06:08,060 aquí nos lo explica en otro vídeo 119 00:06:08,060 --> 00:06:10,899 y aquí simplemente van a salir figuras 120 00:06:10,899 --> 00:06:12,079 aquí pongo la edad 121 00:06:12,079 --> 00:06:17,019 aquí me dice que simplemente añada un nuevo 122 00:06:17,019 --> 00:06:17,540 personaje 123 00:06:17,540 --> 00:06:22,920 al ejecutar se va a establecer 124 00:06:22,920 --> 00:06:24,860 un nuevo personaje, el gato en el centro 125 00:06:24,860 --> 00:06:27,019 puedo elegir otro personaje distinto de los que hay aquí 126 00:06:27,019 --> 00:06:28,540 y al ejecutar 127 00:06:28,540 --> 00:06:32,079 lo que hace es verla 128 00:06:32,079 --> 00:06:42,800 ya está conseguida la primera actividad 129 00:06:42,800 --> 00:06:44,220 primer nivel 130 00:06:44,220 --> 00:06:45,819 vamos al segundo 131 00:06:45,819 --> 00:06:47,480 y aquí me dice que 132 00:06:47,480 --> 00:06:48,980 añada 133 00:06:48,980 --> 00:06:51,699 una tecla de pulsar 134 00:06:51,699 --> 00:06:52,779 arriba por ejemplo 135 00:06:52,779 --> 00:06:55,379 para que el gato dé un aplauso 136 00:06:55,379 --> 00:06:56,800 y ahora cuando ejecuto 137 00:06:56,800 --> 00:07:04,100 y yo puedo añadir más teclas 138 00:07:04,100 --> 00:07:05,360 añadir abajo 139 00:07:05,360 --> 00:07:07,500 que el gato haga 140 00:07:07,500 --> 00:07:11,939 una caída 141 00:07:11,939 --> 00:07:16,490 o que al pulsar a la derecha 142 00:07:16,490 --> 00:07:18,329 pues haga otra casa 143 00:07:18,329 --> 00:07:19,269 el gato 144 00:07:19,269 --> 00:07:22,610 haga palmas arriba 145 00:07:22,610 --> 00:07:23,810 y que al pulsar 146 00:07:23,810 --> 00:07:25,550 a la izquierda 147 00:07:25,550 --> 00:07:28,329 el gato haga 148 00:07:28,329 --> 00:07:33,050 un floss 149 00:07:33,050 --> 00:07:34,069 sea lo que sea eso 150 00:07:34,069 --> 00:07:36,250 y ahora voy a ejecutar 151 00:07:36,250 --> 00:07:46,589 bien, así podría ir añadiendo personajes 152 00:07:46,589 --> 00:07:48,670 añadiendo efectos, añadiendo músicas 153 00:07:48,670 --> 00:07:50,029 que se pueden cambiar también 154 00:07:50,029 --> 00:07:52,649 y es otro tipo de actividad 155 00:07:52,649 --> 00:07:54,129 todo esto 156 00:07:54,129 --> 00:07:56,709 se puede ver 157 00:07:56,709 --> 00:07:58,550 todo en conjunto en estos cursos que 158 00:07:58,550 --> 00:08:00,009 tenemos aquí, si yo pulso 159 00:08:00,009 --> 00:08:01,649 el curso express 160 00:08:01,649 --> 00:08:04,389 pues en lugar de hacer una actividad aislada 161 00:08:04,389 --> 00:08:05,930 puedo seguir una secuencia 162 00:08:05,930 --> 00:08:11,970 que desde Code han programado para ir viendo los distintos contenidos que implica una programación. 163 00:08:12,750 --> 00:08:16,269 Aquí tenemos, por ejemplo, en algún sitio está la página de Star Wars, 164 00:08:16,269 --> 00:08:25,009 hay también la fiesta del baile, está también por algún sitio el artista pintando. 165 00:08:26,089 --> 00:08:31,550 Bien, aquí sería ir haciendo estas actividades, ir viendo los distintos contenidos. 166 00:08:31,550 --> 00:08:32,850 por ejemplo esta de Angry Birds 167 00:08:32,850 --> 00:08:35,149 al pulsar Angry Birds 168 00:08:35,149 --> 00:08:36,490 pues es muy similar a las otras 169 00:08:36,490 --> 00:08:39,690 aquí me dice que uno de estas piezas 170 00:08:39,690 --> 00:08:41,070 para que se pueda mover 171 00:08:41,070 --> 00:08:43,289 y ahora la ejecuta 172 00:08:43,289 --> 00:08:50,590 se le continúa a la siguiente 173 00:08:50,590 --> 00:08:53,110 haciendo lo que me dice 174 00:08:53,110 --> 00:08:54,129 que la siguiente es 175 00:08:54,129 --> 00:08:56,470 hay que arrastrar un bloque más de avanzar 176 00:08:56,470 --> 00:08:58,450 porque con dos solos no llega 177 00:08:58,450 --> 00:08:59,730 pulso 178 00:08:59,730 --> 00:09:01,029 ejecuta 179 00:09:01,029 --> 00:09:08,669 todas esas actividades 180 00:09:08,669 --> 00:09:12,669 es tanto las de la hora del código, que son actividades aisladas, 181 00:09:13,169 --> 00:09:15,789 como los cursos los puedo hacer sin estar registrado. 182 00:09:16,230 --> 00:09:19,990 Hay infinidad de actividades aquí. 183 00:09:20,169 --> 00:09:22,610 Las primeras están en castellano. 184 00:09:22,769 --> 00:09:24,750 El problema es que cuando te pones a ver más actividades, 185 00:09:24,990 --> 00:09:27,789 vas a ver por aquí que algunas ya no están en castellano, 186 00:09:27,870 --> 00:09:28,929 sino que están en inglés. 187 00:09:29,509 --> 00:09:31,169 Pero hay infinidad de actividades. 188 00:09:31,889 --> 00:09:33,490 Hay muchas, muchas en castellano. 189 00:09:34,049 --> 00:09:35,850 ¿Cuál es la ventaja de registrarse? 190 00:09:35,850 --> 00:09:39,490 Pues evidentemente que registrarte te va a permitir hacer más cosas.