1 00:00:20,860 --> 00:00:28,420 Hola bienvenidos a esta clase como primera medida y es algo que vamos a repetir en esta y en casi todas 2 00:00:28,420 --> 00:00:38,010 las clases lo que vamos a hacer es poner en marcha nuestro servidor web local me estoy refiriendo a 3 00:00:38,030 --> 00:00:40,390 exam así que vamos a hacerlo. 4 00:00:40,390 --> 00:00:46,510 Pero quiero aclarar esto es probable que no siempre esté mencionando yo hoy vamos a arrancar Zam vamos 5 00:00:46,510 --> 00:00:54,430 a arrancar Zam lo doy ya por sabido de ahora en más no vamos a poder trabajar si no ponemos previamente 6 00:00:54,430 --> 00:01:01,330 en funcionamiento este servidor local entonces van a notar que hay algunas diferencias entre la versión 7 00:01:01,330 --> 00:01:07,540 que yo tengo que es para Mac o la versión que la mayoría de ustedes va a tener que es para Windows o 8 00:01:08,230 --> 00:01:14,050 menos pero que si va a haber seguro que estén trabajando con Linux hay diferencias pero en definitiva 9 00:01:14,140 --> 00:01:16,780 están más o menos los mismos botones. 10 00:01:16,780 --> 00:01:25,210 No te va a ser para nada difícil encontrarlos y desde luego le damos en el botón Start para que arranque 11 00:01:26,510 --> 00:01:33,150 bueno el sistema ya arrancó me di cuenta porque esto se puso en verde y dependiendo como les digo de 12 00:01:33,150 --> 00:01:39,300 la versión van a ver que también van a arrancar los servicios si no arrancan automáticamente el servidor 13 00:01:39,300 --> 00:01:44,430 Apache que es nuestro servidor Web o Malle se cuele que de momento no lo vamos a usar los podemos hacer 14 00:01:44,430 --> 00:01:46,670 arrancar individualmente. 15 00:01:46,670 --> 00:01:50,940 Y ahora que están todos detenidos voy a poder arrancar sólo el que yo quiero en realidad. 16 00:01:50,940 --> 00:01:54,320 De momento sólo vamos a usar Apache no pica. 17 00:01:54,330 --> 00:02:00,640 No hace mal que estén los otros funcionando pero si quieren hilar finitos solo arranquen Apache. 18 00:02:01,020 --> 00:02:06,630 Bueno el otro que vamos a usar más adelante y con certeza es Malle se cuele nuestro motor de base de 19 00:02:06,630 --> 00:02:11,630 datos y el que no vamos a usar nunca es el FTP si se lo quieren ahorrar no hace falta que lo arranque 20 00:02:12,030 --> 00:02:19,410 bueno esto ya me quedaría listo en el caso de Mac no puedo cerrar esta ventana en Windows si no me equivoco 21 00:02:19,410 --> 00:02:20,910 cuando la quieran cerrar. 22 00:02:20,910 --> 00:02:23,640 En realidad no se cierra sino que se minimiza. 23 00:02:23,640 --> 00:02:28,450 Bueno esto hay que dejarlo siempre minimizado porque si realmente lo cierro va a dejar de funcionar. 24 00:02:28,780 --> 00:02:32,400 Entonces yo puedo proceder a minimizar esto. 25 00:02:33,450 --> 00:02:41,660 Bueno ahora en qué dirección está funcionando nuestro hosting virtual que acabamos de crear vamos a 26 00:02:41,660 --> 00:02:48,410 poder acceder a esta página a esta página local que empieza a funcionar desde que hice clic en Start 27 00:02:48,800 --> 00:02:53,080 en una dirección muy particular que se llama local Jost. 28 00:02:53,810 --> 00:03:01,250 Bien así ustedes escribiendo eso y haciendo clic en Enter ya van a acceder a su hosting algo particular 29 00:03:01,340 --> 00:03:07,940 es que para los usuarios de Mac van a tener que agregarle un puerto especial ya que no podemos utilizar 30 00:03:08,210 --> 00:03:13,420 el puerto por defecto que es el 80 insisto todos los que tengan Windows. 31 00:03:13,540 --> 00:03:19,630 En teoría sólo escribiendo el local Jost ya les va a dar acceso a lo que vamos a ver a continuación 32 00:03:20,050 --> 00:03:26,470 pero en el caso mío y en el caso de todos los que usen Mac deben poner dos puntos 80 80. 33 00:03:26,470 --> 00:03:33,100 Aclarado esto voy a proceder a presionar Enter y como ven entramos como una especie de panel de control 34 00:03:33,330 --> 00:03:39,600 es una página de Sam esto pero esta web está funcionando en nuestra computadora así que es para celebrar. 35 00:03:39,640 --> 00:03:45,250 Ya pudimos acceder a una web que está funcionando en nuestro propio ordenador incluso si nosotros tuviéramos 36 00:03:45,250 --> 00:03:52,090 manera de publicar la IP de nuestra máquina se podría acceder desde afuera o sea un amigo nuestro podría 37 00:03:52,090 --> 00:03:57,050 acceder a la web o a nuestro servidor web que funciona en nuestra máquina. 38 00:03:57,160 --> 00:03:58,510 Muy interesante. 39 00:03:58,510 --> 00:04:01,200 En algún momento ya a tocar ese tema. 40 00:04:01,210 --> 00:04:05,760 Bueno esto no es más que una página de bienvenida que explica un poco de qué se trata Zam. 41 00:04:05,830 --> 00:04:12,580 Hay algunos links pero dónde está alojado en definitiva estos archivos que componen esta página web 42 00:04:12,860 --> 00:04:15,260 en donde están en nuestra máquina. 43 00:04:15,460 --> 00:04:22,570 Como ya vimos en un capítulo anterior quienes tienen Windows deben entrar a la carpeta Zam que está 44 00:04:22,570 --> 00:04:28,760 directamente en el disco Cé y ahí adentro van a encontrar la carpeta HT docx. 45 00:04:28,850 --> 00:04:36,490 Bueno en Mac funciona algo distinto pero pasa lo mismo también tenemos la carpeta HT Docs y yo les recomiendo 46 00:04:36,490 --> 00:04:43,600 a ustedes que tomen esa carpeta y le hagan un acceso directo en el escritorio porque vamos a estar entrando 47 00:04:43,690 --> 00:04:52,900 a cada rato con un tema particular es que en Mac me permite montar la carpeta HD2 como si fuera un disco 48 00:04:52,900 --> 00:04:53,730 aparte. 49 00:04:53,770 --> 00:05:00,700 Esto me trae algunas ventajas no es de lo que más me gusta de Sam pero bueno lo usamos y en definitiva 50 00:05:00,730 --> 00:05:08,440 al montárselo como un disco duro aparte ya me aparece en el escritorio y me es fácil encontrar la carpeta 51 00:05:08,530 --> 00:05:13,600 HT Docs lo voy a hacer click y está acá adentro. 52 00:05:13,780 --> 00:05:20,730 Ahí está no desde lo más práctico pero bueno a mí no me es ningún problema acceder a ella bueno pero 53 00:05:20,730 --> 00:05:30,390 en definitiva aquí estamos en la carpeta Hachette docx estos archivos que vemos acá en definitiva no 54 00:05:30,390 --> 00:05:31,740 son otra cosa más que 55 00:05:35,100 --> 00:05:42,030 esta web que estamos viendo entonces miren lo que hubiera servi ingresar acá donde dice Dashboard. 56 00:05:42,130 --> 00:05:48,430 En realidad cuando entramos al local Jost entramos a esta sección. 57 00:05:48,580 --> 00:05:53,350 Acá tenemos un archivo en índex punto PHP que en realidad lo que va a hacer este pequeño programa me 58 00:05:53,350 --> 00:05:58,190 estoy adelantando con cosas que probablemente ahora no entiendan pero paciencia ya vamos. 59 00:05:58,330 --> 00:06:00,340 Al ejecutarse este índex punto PHP. 60 00:06:00,340 --> 00:06:03,920 En definitiva lo que hace es redireccionar a la carpeta password. 61 00:06:04,150 --> 00:06:10,350 Miren la dirección vieron que aparece barra Dashboard es porque linda expone de PHP me redireccionado 62 00:06:10,780 --> 00:06:13,760 a esta dirección. 63 00:06:13,760 --> 00:06:15,360 Bueno entonces yo voy a entrar acá 64 00:06:19,100 --> 00:06:22,890 y miren lo que tengo acá un índex punto HTML. 65 00:06:23,010 --> 00:06:31,520 Bueno yo lo voy a arrastrar hasta Atom que lo tengo funcionando el editor aquí atrás de la ventana y 66 00:06:31,520 --> 00:06:34,980 miren o belcanto por acá 67 00:06:42,060 --> 00:06:52,950 grabo actualizo y miren lo que cambio arriba ven cambio el título de la pestaña vamos a seguir cayendo 68 00:06:53,010 --> 00:07:06,990 un poco más y Bienpagá el curso de Chepe con Coman o control ese bravo vuelvo al navegador ven como 69 00:07:06,990 --> 00:07:07,710 cambia. 70 00:07:07,860 --> 00:07:13,740 Se dan cuenta de que estoy tocando lo que estoy viendo en este momento estoy tocando la web que me está 71 00:07:13,740 --> 00:07:20,640 mostrando nuestro servidor es solamente un ejemplo me quiero que os quiero que nos metamos de a poco 72 00:07:20,970 --> 00:07:27,650 en sintonía así que vamos a ir despacito y poco a poco vamos a ir acelerando. 73 00:07:28,380 --> 00:07:34,950 Es muy importante que pongamos algunas cosas en orden para que podamos trabajar cómodos y Nachete docx 74 00:07:35,040 --> 00:07:37,500 vamos a crear una nueva carpeta. 75 00:07:37,500 --> 00:07:40,540 Por supuesto que esto también es a gusto de cada uno. 76 00:07:40,560 --> 00:07:45,990 Yo les recomiendo esto después si no les gusta prueban otra manera pero lo que vamos a hacer es crear 77 00:07:45,990 --> 00:07:56,530 una nueva carpeta que se va a llamar SAMP y voy a agarrar todo esto que está acá y lo voy a meter ahí. 78 00:07:57,620 --> 00:08:00,300 Listo bien por qué. 79 00:08:00,900 --> 00:08:08,340 Porque ahora voy a crear otra carpeta y lo vamos a poner curso a dentro de curso vamos a empezar a hacer 80 00:08:08,340 --> 00:08:14,010 todas las prácticas los ejemplos a lo largo de esta primera etapa y por qué te lo hago poner acá en 81 00:08:14,010 --> 00:08:20,100 la carpeta curso y no directamente los ejemplos acá que también funcionarían y porque yo sé que no va 82 00:08:20,100 --> 00:08:24,690 a pasar mucho tiempo hasta que empieces a crear tus propios proyectos. 83 00:08:24,690 --> 00:08:32,070 Miren si yo ahora vuelvo a la web y actualizo en Dashboard no me aparece nada porque ya no está más 84 00:08:32,070 --> 00:08:37,260 ahí borro esto y me aparecen las dos carpetas en curso. 85 00:08:37,260 --> 00:08:43,650 Obviamente no va a haber nada y en SAMP ya tenemos guardados los archivos originales que vinieron por 86 00:08:43,650 --> 00:08:47,060 si alguna vez los queremos usar de nuevo. 87 00:08:47,130 --> 00:08:52,650 Yo particularmente los borro no lo necesito nunca más pero ustedes están aprendiendo si lo quieren guardar 88 00:08:52,860 --> 00:08:55,260 ya están ahí en la carpeta SAMP. 89 00:08:56,160 --> 00:09:02,460 Bueno en la próxima clase ya nos vamos a meter un poco más de lleno en lo que es HTML. 90 00:09:02,460 --> 00:09:09,240 Por lo menos quiero que tengan las herramientas básicas para podernos defender y desarrollar un buen 91 00:09:09,240 --> 00:09:17,400 código de PHP pero antes de terminar esta clase vamos con algo muy importante trabajar incómodos no 92 00:09:17,400 --> 00:09:22,050 nos hace mejores programadores o sea no hay mejor programador que programa con un bloc de notas sin 93 00:09:22,050 --> 00:09:23,880 ningún tipo de ayuda. 94 00:09:23,970 --> 00:09:30,930 Entonces aprovechemos las herramientas que tenemos a mano para poder avanzar más rápido y como les decía 95 00:09:30,960 --> 00:09:33,720 más cómodos. 96 00:09:33,720 --> 00:09:39,930 Yo les propongo esta manera de trabajar por lo menos hasta que ustedes se encuentren en el lugar que 97 00:09:39,930 --> 00:09:47,430 más les gusta y por favor escuchen esto que pasó acá en la ciudad de Córdoba donde a donde vivo una 98 00:09:47,430 --> 00:09:56,820 vez estaba escuchando la radio y se armó una polémica tremenda porque no sé quién fue el actor famoso 99 00:09:56,910 --> 00:10:04,410 o la figura mediática que contaba que le gustaba tomar vinos bueno no me acuerdo si era con soda con 100 00:10:04,410 --> 00:10:05,190 gaseosa. 101 00:10:05,190 --> 00:10:08,360 Ojo que en Argentina le decimos soda al agua con gas. 102 00:10:08,360 --> 00:10:12,150 Sé que en otros países al refresco la gaseosa también le dicen Soda. 103 00:10:12,270 --> 00:10:20,170 Da lo mismo a esta persona le encantaba tomar buenos vinos pero con gaseosa o con refresco entonces 104 00:10:20,170 --> 00:10:27,160 todo el mundo salió a criticarlo y a tirarle con lo que tenían a mano y salió a hablar un enólogo muy 105 00:10:27,160 --> 00:10:28,130 entendido en vinos. 106 00:10:28,130 --> 00:10:35,170 Yo no sé nada de vinos por supuesto pero salió a hablar un enólogo y con cuatro o cinco palabras creo 107 00:10:35,170 --> 00:10:44,770 que resolvió el problema y dijo hablo a la radio para decirles cuál es el mejor vino y que se acabe 108 00:10:44,770 --> 00:10:53,140 toda esta polémica y dijo El mejor vino es el que más te gusta y si te gusta el vino con Coca-Cola y 109 00:10:53,160 --> 00:10:54,160 hielo. 110 00:10:54,160 --> 00:10:58,290 Ese es el mejor vino entonces hablando un poco de esto. 111 00:10:58,300 --> 00:11:01,720 Si lo que más te gusta es trabajar de una manera o de otra. 112 00:11:01,820 --> 00:11:03,790 Esa es la mejor manera para vos. 113 00:11:04,060 --> 00:11:11,230 No hay recetas mágicas entonces yo les cuento una manera en la que yo trabajo o para enseñarme me resultados 114 00:11:11,230 --> 00:11:14,650 o cuando estoy aprendiendo cuando estoy apurado no siempre trabajo así. 115 00:11:14,920 --> 00:11:20,080 Pero creo que nos puede ayudar a trabajar de esta manera y es a pantalla partida. 116 00:11:20,080 --> 00:11:24,720 Ni que hablar si tenemos dos monitores como en la mayoría de los casos no tenemos esos lujos. 117 00:11:24,740 --> 00:11:30,370 Bueno trabajamos a pantalla partida y esto quiere decir que en el lado izquierdo o derecho como más 118 00:11:30,370 --> 00:11:38,860 te guste ponemos el código que vamos a empezar a trabajar y del lado derecho vamos a poner el navegador 119 00:11:38,980 --> 00:11:42,960 ya en la dirección del ejemplo en el que estamos trabajando. 120 00:11:43,080 --> 00:11:49,800 Entonces esto me va a permitir que hacer modificaciones grabar rápido y ahí ya vengo acá y le doy a 121 00:11:49,800 --> 00:11:56,850 actualizar para notar los cambios van a ver cómo esta manera de trabajar puede que nos dé cierta agilidad. 122 00:11:56,850 --> 00:12:02,780 Modifico grabo vengo a la derecha pruebo modifico grabo vengo a la derecha pruebo. 123 00:12:02,950 --> 00:12:05,010 Bueno esto ha sido todo por esta clase. 124 00:12:05,040 --> 00:12:07,310 Nos vemos en la próxima. 125 00:12:07,320 --> 00:12:07,910 Muchas gracias.