🟥 Aprende a Programar dentro de tu navegador 🌐 Editor p5.js (JavaScript)

hola soy chef carlos d bienvenido al tutorial donde vamos a seguir nuestras cosas del p5 para fijar más cosas gráficas pero antes seríamos aprender dónde vamos a programar estén informados siguientes nuevos en esto no lo puede obligar instalando un programa hay muchos hitos lineales para poder trabajar y muchas cosas que están ayudan mucho pero a veces nos demos el conocimiento la computadora nos muestra hoy hay dificultades que son diferentes que no podemos controlar cada uno y el editor de todo mostraba hoy puestas desde el navegador por lo cual ya ahorita como estáis sentados con celular o la computadora para empezar a formar y desarrollar todavía también es editor aquí lo pueden usar en el navegador y compartir tus proyectos ya dos ya funcionando por otro compañero una comunidad lo puedan probar jugar utilizar o todo lo relativo que quieran o sea ustedes este editor es completamente gratuito de que puedan nada para utilizarlos porque es muy pro muy bien y él para hacer eso tenga más que decir démosles el editor es éste el p5 editor o editor del p5 está bien genial ese compañero las llamas programará eso también nos ha hecho el p5 llama habla de doom en este editor te permite hacer proyectos hacia el desarrollo web en un avión lo que vamos a hacer en el p-51 con visor turcott [Música] porque quiero hacer que sea más fácil para ti que nunca ha pasado por amar empezar desarrollar todos es interesante y divertido y también porque quiero dar tus proyectos listos para títulos puedes probar desde el navegador porque a veces yo cuando trabaja con proyecto un tutorial de hemos mío otro compañero es decir es les funciona porque no me funciona a mí no yo puede dejar los proyectos ya funcionando en la internet no lo puede probar y los puede descargarse pruebas también en tu computadora localmente por lo cual me gusta mucho el p5 también yo puede sacar mi proyecto duplicarlo otras cosas geniales que ya te mostraré a un momento en este tutorial que después con justin bieber la parte vamos pueden descargar el código fuente pueden observar un y verlo en la web y lo pueden ver en el editor hacen clic acá y les abre aquí el editor con el código ya funcionando y si la anp le pueden probarlo desde el navegador tenía que salir obviamente lo puede descargar los puede utilizar les podía enviar ver que se envió bien lo que usted está información por esto muchos editor porque podemos indexar lo que usted lo pueden probar directamente y si quiere también puede programar bien el editor nos ofrece como esta página en blanco nosotros vamos logrando también cambiar lenguaje en la parte de arriba yo le recomendaría supongo que no está perdido en español por eso en español hace clic aquí y pone el lenguaje que ese voto en este caso español y va a poner la interfaz en la mayoría de cosas en tu lengua nativo que es español podemos registrar y queda una cuenta acá para que sirva queda una cuenta aunque hemos cuanto podemos en estos proyectos sketches individualmente que va salvando sin tener que descargarlo ni un lado y también podemos compartir estos proyectos tenemos acompañe a la comunidad en un link para hacer esto posible hilario ingresar pueden crear y usar su cuenta de google o su cuenta del grifo yo en mi caso uso mi cuenta gizmo donde vemos proyectos y también estoy usando para subirlos a sitio web de noche de formación voy a estar con mi cuenta mismo si no sabes que dijo y saben que es git y todo esto recomiendo que vaya a ver la serie x está allá arriba y en la descripción también se las voy a dejar y está inicialización ya por empezar a utilizarlo queremos estudiar un poquito en estas vídeos cómo utilizan unos botones más importantes le damos la parte de arriba en la izquierda tenemos que es el de play y el stop y damos en el botón de play se ejecuta el juego está acá que en este caso es un cuadrado y ahora nuestros vídeos cómo hacer dibujos con utilizar esto te cambia el potencial que va a haber que hacer interesantes con un montón de cosas y si queremos para usarlo como hacerlo acá ya sea para él es que el código no están bien si queremos mostrar quedando el play caracteres automático y no queremos nosotros estar dándole el play cada rato digamos que hemos cambiado el tamaño a 200 aquí y de otra del play algo yo quería ser igual play como nosotros decidir que sea auto refrescante ya que se refresca automáticamente y nosotros de qué está hablando el play card y kaká luego al play una vez más si yo vengo aquí y pongo 500 o sea cambia automáticamente depende del pollo estamos viendo estos buenos pies a cliente artificial o como alumnos que compito mal antes al menos eran interesantes jugando a ustedes es perder sus máquinas y uno quitar lo has deshabilitado intencionadamente por favor vuelve a mostrarnos que cambian y se configura algunas cosas muy importantes de aquí arriba al engranaje pueden venir y cambiar el tema hay tres temas que están disponibles unos el claro que viene por defecto oscuro que utilizo yo he encontrado estos contrastes por ser en compañeros que tienen dificultad para ver algunos colores esto ayudar porque todos los colores se distingue pincel mejor la experiencia también pueden decidir y el tamaño quieren ustedes que se vean las letras y también si quiere que se grabe o se guarda automáticamente la computadora y si a la comida automáticamente si ustedes lo pide poner comida en sólo pone y que la angustia se guarda en cada línea de agua inter colgó también el editor el p5 que soportada por la comunidad del proceso y fundación las formaciones prótesis traen también cosas para accesibilidad entiendo a la gente que no tiene dificultades de algunos tipos este editor también ayuda para que sea más fácil para utilizarlo obviamente es muy fácil tiradores de novedad y también con cosas aún más ex podemos ver aquí que puede activar los números puede ser el sonido también puede hacer algunos formatos especiales para trabar es muy importante dificultad civilidad lo cual no está en esto aquí tengan unas opciones en la parte de arriba tenemos el voto el nombre de este proyecto que se llama la mapa por defecto el editor a poner un nombre bien creativo bien divertida un proyecto creado anteriormente abierto sigan en la parte de arriba le pondrá y en el 5 en el hp carlos pérez de usuarios y que aquí mi búsqueda con sketches y mis proyectos permitimos colecciones la copia tengo montón me recursos yo soy un imagen un logo de un montón de veces hay también va a estar las confirme las por demostrar un rato también este voto sirve para eso de wever mis jefes de mis coches lo va a aceptar me manda aquí una página por las calles cuando fue la fecha en la cual trabajé y nuestros nombres que le doy ahora abramos uno que está interesante voy a abrir el juego la vida aquí va a cargar el código y si lo display ahorita a este juego la vida que es exactamente similar que tengo aquí el track btr y realmente una acción tutorial picando esto y espero muy pronto hacerlo en una lección suscríbase del me guste vídeo para que más gente lo puedan ver y aprender estas cosas interesantes bueno y ningún proyecto vacío de un país puede trabajar algo que muy importante logramos más alante pero importa esa velocidad que usted imprime un mensaje hola mundo pero de aquí imprimir que es una función que específica del p5 replay en la parte de abajo va a decir aquí tenemos depuradora no sale la información por la consola también vamos a la consola el navegador pero lo genial esto quería traer su propia consola puede trabajar y de puerta depurando y viendo qué pasa con los códigos actualmente estamos trabajando sobre el código pota ese orden jackson también es posible agregar otros códigos otros archivos para que sea un poquito más grande más html css y como estamos viendo ahorita ya se puede ver otro archivo como si nos la parte de arriba y era superior damos clic aquí como pueden ver tenemos tres archivos index html sketch punto js y el style puntos s en la tercera y tal vez no aguanta tanto en el ya que éste le propone que usted sepa que aquí está también pueden crear un nuevo archivo si usted no necesitar haz clic aquí y le pueden quedar crear un nuevo archivo o subir un archivo extenso computadora que ya están trabajando localmente lo quiere subir un poco los directorios quieren crear una ruta directorio también puedes subir imágenes y otros archivos para poder utilizados desde sus proyectos o estos muy pero muy útil y si quieren nombrar algunos archivos de pondrá clic secundario le pondrá de renombrar y también nos pueden destruir permanentemente es que ustedes lo desea algo que está genial que casi todo editores deberían tener pero también no tiene t5 lo bueno que pueden darle auto formateado o que ordena el código dylan cuanto el chip efe control efe el comando chief efe en managua por orden al código y luego haga un poquito cayó de control efe el orden al chapo de manera más correcta pues sean fácil leerlo verdad algo muy importante como estamos desarrollando también podemos ser búsqueda y reemplazar código para el archivo que tenemos una estancia y podemos ir a la ayuda adaptado de teclado recomiendo que lo veamos alguna cosa específica muchos atajos de teclado como pueden ver tengo 1 2 3 4 y uno más para hacer macro porque es genial puedes poner ese botón específico y algo muy promo el genial lo bonito que también traen si aquí información de referencia que es muy muy pero muy útil acá está la referencia tenemos clic nos manda a la página oficial de especificó que veremos en esta serie completa y de vender muchas veces a ver a por acá tenemos a la mano apocalyto este proyecto ya tenemos listo terminado y está sin miel crear o compartir este cuadrado todo el mundo como lo hacemos muy fácil aquí en archivos como darle primera que guardarla pues de proyecto es 9 para guardar o morder y le voy a dar compartir es clic en compartir y me da estos links para con partículas para compartir en pantalla completa voy a abrirlo y también computadoras porque pueden ver este caso sólo va a enseñar solamente el cuadrado y usted lo pueden pasar a boca y compañeros del mundo no pone a través del chat porque pueden ver un cuadrado y también les da el link del editor que el mismo link que está aquí arriba verlos presidencial también ustedes compartir por otra mente poner el código y también ejecutarlo y probarlo también les da para incrustarlo podio sitio web y lo quieren meter este ejemplo este archivo que es usted en otra página para que pueda probar y utilizar pero no esas tres y los genial si alguien abre un proyecto que no sea suyo cuando entré no va a poder editar por hacer pero puede hacer una copia para que él pueda probar y trabajando esta unidad profesores que quieren compartir con estudiantes un envase y que ustedes que hagan algo extra en la exploración es súper interesante este editor me parece muy genial y muy útil bueno a menos que cualquier navegador ya sea en windows linux o mac y también es posible usar el celular por lo cual deseo que lo utilice no comparta tal vez quiere utilizar más adelante un editor más potente pero que tengan plano en este mundo desarrollo y promoción estarán herramientas para poder desarrollar y como mencionó en los tutoriales de x palante cuando vais a sitios de noche de formación en la parte baja ver un botón de editor que esté acá porque ustedes puedan abrir los ejemplos de todos los vídeos que vamos a ir haciendo de aquí para adelante sin nada más que decir los especiales a la vez recomiendo que vean el vídeo de miembros que lanzamos un poco para que ustedes puedan generar y tengan deseo de apoyar nos vemos el próximo vídeo veo la playlist de más vídeos allá [Música] [Aplausos] [Música] [Aplausos] [Música] e e ah