¿Qué se puede hacer con Javascript? (Juegos, Apps, Desktop, ClIs, etc)

Summary

Este video ofrece una visión amplia del potencial de JavaScript más allá de la creación de páginas web y aplicaciones. Se presenta un amplio abanico de bibliotecas y frameworks que permiten desarrollar desde presentaciones interactivas con Reveal.js, hasta aplicaciones de escritorio con Electron y juegos con Phaser. También se explora el uso de JavaScript en el desarrollo de servicios backend con Node.js, la creación de CLIs con Commander y la programación de dispositivos IoT con Johnny-Five. El video resalta la versatilidad de JavaScript en múltiples entornos y aplicaciones.

Takeaways

• 🌐 JavaScript no solo se utiliza para crear páginas web, sino también para una amplia gama de aplicaciones y desarrollos tecnológicos.
• 📚 Los frameworks y bibliotecas como React, Angular y Vue.js son fundamentales para el desarrollo de aplicaciones web dentro del navegador.
• 🔄 La necesidad de frameworks y bibliotecas surge para manejar la interactividad y el crecimiento de las aplicaciones web de manera eficiente.
• 🎨 Se pueden crear presentaciones interactivas utilizando JavaScript, como lo demuestra la plataforma de Slides.com, que integra código dentro de las diapositivas.
• 🛠️ Node.js es un entorno de ejecución para JavaScript que permite el desarrollo de aplicaciones fuera del navegador, incluyendo servidores y aplicaciones de escritorio.
• 🖥️ Electron es un framework que permite crear aplicaciones de escritorio utilizando HTML, CSS y JavaScript, empleado en populares aplicaciones como Visual Studio Code.
• 🎮 Los motores de juegos y frameworks como Phaser, Babylon.js y Pixi.js facilitan el desarrollo de juegos en la web, tanto 2D como 3D.
• 🔊 Bibliotecas como Tönnies y Howler.js permiten la creación y manipulación de audio en aplicaciones web, añadiendo música y sonidos a la interfaz del usuario.
• 🎨 GreenSock (GSAP) es una biblioteca de animaciones de JavaScript que ofrece una amplia gama de herramientas para crear animaciones enriquecidas en sitios web.
• 🔩 Johnny-Five es una biblioteca que permite programar placas electrónicas como Arduino y Raspberry Pi con JavaScript, abarcando el Internet de las Cosas (IoT).
• 📱 Existen frameworks como Ionic y React Native que facilitan el desarrollo de aplicaciones móviles multiplataforma utilizando JavaScript.

Q & A

¿Qué es lo que se puede hacer con JavaScript además de crear páginas web?

Además de crear páginas web, JavaScript se puede utilizar para desarrollar aplicaciones web, presentaciones interactivas, juegos, aplicaciones de escritorio, aplicaciones de consola, y hasta para programar placas electrónicas como Arduino o Raspberry Pi.

¿Cuáles son algunas de las bibliotecas y frameworks mencionadas en el script para crear aplicaciones web?

Las bibliotecas y frameworks mencionadas incluyen React, Angular, Vue, y Svelte, que permiten crear aplicaciones web interactivas dentro del navegador.

¿Por qué se utilizan frameworks y bibliotecas para el desarrollo web en lugar de hacerlo desde cero?

Se utilizan frameworks y bibliotecas porque proporcionan estructuras y soluciones predefinidas para problemas comunes, evitando así la reinvención de la rueda y facilitando el desarrollo y mantenimiento de aplicaciones más grandes y complejas.

¿Qué es reveal.js y cómo se relaciona con las presentaciones interactivas?

reveal.js es un framework basado en HTML que permite crear presentaciones interactivas. Permite incrustar código y crear presentaciones modernas y enfocadas en el desarrollo, similares a PowerPoint pero con capacidades más avanzadas.

¿Cómo se puede utilizar JavaScript para crear juegos?

Para crear juegos con JavaScript, se pueden utilizar game engines como Phaser, Babylon.js, o Pixi.js, que facilitan la creación de juegos 2D y 3D que funcionan tanto dentro como fuera del navegador.

¿Qué es Node.js y cómo se relaciona con el desarrollo de aplicaciones de servidor?

Node.js es un entorno de ejecución de JavaScript que permite ejecutar JavaScript fuera del navegador, lo que se utiliza para desarrollar aplicaciones de servidor y otros tipos de desarrollo que no están limitados al navegador.

¿Cuáles son algunos frameworks mencionados para el desarrollo de aplicaciones de servidor?

Entre los frameworks mencionados para el desarrollo de aplicaciones de servidor se encuentran Express, Koa, LoopBack, y Next.js, que permiten crear aplicaciones web multi página y servidores de diferentes tipos.

¿Qué es Electron y cómo se utiliza para crear aplicaciones de escritorio?

Electron es un framework que permite crear aplicaciones de escritorio utilizando HTML, CSS y JavaScript. Se basa en Node.js para la parte del servidor y utiliza la interfaz de usuario del navegador para la parte del cliente.

¿Cómo se pueden utilizar bibliotecas como Johnny-Five para programar placas electrónicas con JavaScript?

Johnny-Five es una biblioteca de JavaScript que proporciona una API para programar placas electrónicas como Arduino o Raspberry Pi, permitiendo controlar sensores, actuadores y otros componentes electrónicos.

¿Qué alternativas se mencionan para el desarrollo de aplicaciones móviles con JavaScript?

Se mencionan frameworks como React Native, Ionic y NativeScript para el desarrollo de aplicaciones móviles con JavaScript. Estos frameworks permiten crear interfaces nativas para Android y iOS utilizando tecnologías web.

¿Cómo se puede utilizar JavaScript para el desarrollo de interfaces de consola y herramientas de línea de comandos?

Se pueden utilizar bibliotecas como Commander.js o Enquirer para crear interfaces de consola y herramientas de línea de comandos. Estas bibliotecas facilitan la creación de comandos, la obtención de entrada del usuario y la gestión de la salida de la consola.

Outlines

00:00

🌐 Utilidades de JavaScript más allá del desarrollo web

El primer párrafo introduce el alcance de JavaScript, que no se limita a la creación de páginas web y aplicaciones. Se menciona que, aunque comúnmente asociado a la creación de sitios y la interactividad en el navegador, existen bibliotecas y frameworks como React, Angular y Vue que permiten realizar tareas más allá de la web tradicional. También se toca la posibilidad de crear presentaciones interactivas con código utilizando 'slides.com', que se basa en la biblioteca Reveal.js.

05:02

🛠️ Desarrollo de servidor y aplicaciones de consola con Node.js

El segundo párrafo explora las capacidades de JavaScript para el desarrollo de aplicaciones de servidor y de consola a través de Node.js. Se destacan frameworks como Express, Koa, y LoopBack, que facilitan la creación de APIs y aplicaciones web tradicionales, así como la posibilidad de trabajar con tecnologías modernas como GraphQL y WebSockets. También se menciona Electron como una herramienta para crear aplicaciones de escritorio, y alternativas como NW.js y Proton Native.

10:03

🎮 Creación de juegos y aplicaciones multimedia

El tercer párrafo se enfoca en la creación de juegos y aplicaciones multimedia con JavaScript. Se menciona el uso de motores de juegos como Phaser, Babylon.js y Pixi.js, que permiten desarrollar juegos 2D y 3D para navegadores y plataformas móviles. También se habla de la biblioteca WebGL para la creación de gráficos 3D en el navegador y de frameworks como PlayCanvas, que ofrecen soluciones integradas para el desarrollo de juegos.

15:03

🔊 Manipulación de audio y animaciones en JavaScript

El cuarto párrafo cubre la manipulación de audio y animaciones en JavaScript. Se presentan bibliotecas como Tönnies y Howler.js para la adición de sonidos y música personalizados en aplicaciones web. También se introduce la biblioteca GreenSock (GSAP) para animaciones en sitios web, que permite crear transiciones y elementos animados en páginas, creando experiencias de usuario más atractivas.

20:04

📲 Programación de hardware y desarrollo móvil con JavaScript

El quinto párrafo abarca la programación de hardware con JavaScript, utilizando bibliotecas como Johnny-Five para controlar placas electrónicas como Arduino y Raspberry Pi. También se menciona el desarrollo de aplicaciones móviles con frameworks como Ionic y React Native, que facilitan la creación de interfaces nativas para Android e iOS basadas en tecnologías web. Se sugiere que JavaScript tiene una amplia gama de aplicaciones más allá del desarrollo web tradicional.

📝 Conclusión y llamado a la participación

El sexto y último párrafo concluye el video pidiendo a los espectadores que compartan en los comentarios otras posibilidades que conozcan de JavaScript que no se hayan mencionado. Se invita a la audiencia a dar feedback y a esperar el próximo contenido relacionado con más aplicaciones de JavaScript.

Keywords

💡JavaScript

JavaScript es un lenguaje de programación interpretado, orientado a objetos y con funciones de primera clase, más conocido como el lenguaje de las páginas web. En el video, se destaca que no solo se utiliza para crear páginas o aplicaciones web, sino que tiene una amplia gama de usos, como se demuestra a lo largo del script.

💡Bibliotecas

Las bibliotecas en el contexto de JavaScript son conjuntos de funciones y métodos predefinidos que facilitan el desarrollo de aplicaciones. En el video, se mencionan bibliotecas como React, Angular y Vue, que son utilizadas para crear aplicaciones web interactivas.

💡Frameworks

Los frameworks son estructuras más completas que incluyen bibliotecas, herramientas y convenciones para el desarrollo de aplicaciones. El video destaca frameworks como Express y Koa para el desarrollo de aplicaciones de servidor, y Electron para aplicaciones de escritorio.

💡Desarrollo web

El desarrollo web se refiere al proceso de creación de contenido para la World Wide Web. El video cubre múltiples aspectos del desarrollo web, desde la creación de páginas y aplicaciones web hasta la programación de interfaces de usuario y experiencias interactivas.

💡Interfaz de usuario

La interfaz de usuario (UI) es la parte de un sistema que permite a los usuarios interactuar con la máquina o programa. El video menciona la creación de UIs con frameworks y bibliotecas de JavaScript para mejorar la experiencia del usuario.

💡Node.js

Node.js es un entorno de ejecución para JavaScript que permite el uso de JavaScript fuera del navegador, lo que significa que se puede utilizar para el desarrollo de aplicaciones de servidor. En el video, se menciona Node.js como base para frameworks que permiten el desarrollo de aplicaciones de servidor.

💡Electron

Electron es un framework que permite crear aplicaciones de escritorio multiplataforma utilizando HTML, CSS y JavaScript. En el video, se destaca cómo Electron permite a los desarrolladores crear interfaces de usuario de aplicaciones de escritorio enfocada en el desarrollo web.

💡Animaciones

Las animaciones son cambios en la posición, forma o color de los elementos en la pantalla que se producen de manera controlada. El video menciona bibliotecas como GreenSock (GSAP) para añadir animaciones a sitios web y mejorar la experiencia del usuario.

💡WebGL

WebGL es una API que permite dibujar gráficos 2D y 3D en un navegador web sin la necesidad de complementos. En el video, se menciona WebGL como una tecnología que, junto con frameworks como Three.js, permite crear experiencias de juego y visualizaciones 3D en la web.

💡IoT (Internet de las cosas)

La IoT es un concepto que se refiere a la conexión de dispositivos electrónicos a una red para que se comuniquen y se controlen entre sí. El video menciona plataformas como Johnny-Five que permiten programar placas electrónicas como Arduino y Raspberry Pi, lo que es parte del ecosistema IoT.

💡Desarrollo móvil

El desarrollo móvil se refiere a la creación de aplicaciones para dispositivos móviles. Aunque no es el foco principal del video, se menciona que frameworks como React Native permiten crear aplicaciones móviles utilizando JavaScript y los conocimientos del desarrollo web.

Highlights

El video muestra que JavaScript no solo es para crear páginas web, sino que tiene muchas otras aplicaciones.

Se discuten bibliotecas y frameworks como React, Angular y Vue para desarrollar aplicaciones web dentro del navegador.

Se destaca la necesidad de frameworks y bibliotecas para manejar la interactividad y el crecimiento de las aplicaciones web.

Se menciona la capacidad de JavaScript para crear presentaciones interactivas con código, como en la página 'slides.com'.

Se presenta 'Reveal.js' como un framework para crear presentaciones con facilidad utilizando JavaScript.

Se habla sobre 'Node.js', el entorno de ejecución de JavaScript, y su uso para desarrollar más allá del navegador.

Se mencionan frameworks como Express y Koa para el desarrollo de aplicaciones de servidor.

Se habla de 'Electron' como un framework para crear aplicaciones de escritorio con HTML, CSS y JavaScript.

Se mencionan alternativas a Electron como 'NW.js' y 'Proton Native' para el desarrollo de aplicaciones de escritorio.

Se discuten frameworks para el desarrollo de CLI (Command Line Interface) como 'Commander.js'.

Se abordan motores de juegos y frameworks para crear juegos en JavaScript, tanto en 2D como en 3D.

Se menciona la biblioteca 'WebGL' y su uso para crear elementos 3D dentro del navegador.

Se habla de bibliotecas como 'Tönnies' para la creación de música y sonidos en el navegador.

Se presenta 'GreenSock' como una biblioteca para animaciones en sitios web.

Se discute el uso de JavaScript para programar hardware, con bibliotecas como 'Johnny-Five' para placa electrónica.

Se menciona la plataforma 'Node-RED' para el Internet de las Cosas (IoT) utilizando JavaScript.

Se habla de frameworks como 'Ionic' y 'React Native' para el desarrollo de aplicaciones móviles con JavaScript.

Se invita a los espectadores a compartir en los comentarios qué otras cosas pueden hacerse con JavaScript que no se mencionaron en el video.

Transcripts

en este vídeo voy a comentarles qué se

puede hacer con javascript actualmente

sé que muchas personas que ven que

conlleva script tan solo se pueden crear

páginas o aplicaciones web

pero en este vídeo voy a mostrarles algo

más le voy a mostrar unas bibliotecas y

frameworks que sirven para hacer otras

cosas dentro de la web y la razón de por

qué muchas personas creen que ya escrita

no sólo sirve para hacer páginas o

sitios web es que por lo general nació

con este enfoque simplemente nación el

navegador para crear páginas o

interactividad dentro del navegador

bueno hay otras opciones estos días y de

eso le voy a hablar en este vídeo así

que vamos a empezar

pero yo es que se utiliza mucho en

sitios y aplicaciones web principalmente

porque el navegador ya soporta este

lenguaje entonces prácticamente

cualquier sitio o aplicación que vean

dentro del navegador ya está utilizando

ya script entonces cómo se pueden crear

estas cosas bueno para eso se utiliza un

framework y bibliotecas por ejemplo una

biblioteca pasando popular para crear

aplicaciones web

riad otra es angular y otra es view

aunque también una que se está

popularizando bastante estos días se

desvele estas tres bibliotecas y

frameworks al final nos permiten poder

crear aplicaciones dentro del navegador

si te preguntas por qué necesitamos

bibliotecas y frenos para crear sitios

dentro del navegador es porque por lo

general cuando creamos sitios añadimos

interactividad como botones como el

tratar de hacer sliders tarjetas con

animaciones y cosas por el estilo o

cambiar de rutas o transiciones y

básicamente cómo hacer que el usuario

interactúe con la página entonces para

poder controlar esto en una aplicación

que va creciendo poco a poco se utilizan

frameworks y bibliotecas porque si lo

hiciéramos de cero al final llegaríamos

a la misma respuesta o algunas

respuestas similares entonces

básicamente lo que nos ofrecen estos

frenos bibliotecas crear páginas y estoy

seguro que muchos de ustedes ya conocen

esto si no conocen nada de esto aquí

desarrollo web front-end o básicamente

les estoy diciendo que ya escribe uno de

sus objetivos principales es utilizarlo

dentro del navegador para crear

aplicaciones y sitios pero como les dije

no tan solo para eso sirve ya óscar esto

otra razón para poder utilizar yao

script también es poder crear

presentaciones por ejemplo aquí les

muestro una página llamada slides

puntocom esta página le permite poder

crear presentaciones interactivas

es decir si alguna vez han visto una

conferencia de programadores o alguna

conferencia de él por ejemplo de

desarrollo web y demás quizás han visto

estas presentaciones en pantalla

básicamente lo que nos permiten hacer

esta página es poder crear

presentaciones con el código que está

incrustado dentro de los slides piensan

así es como un powerpoint pero aún más

moderno o un power point enfocado a

desarrollo podrían pensarlo entonces

este tipo de presentaciones al final nos

permiten poder

digamos resaltar código o ir añadiendo

animaciones para que el código el código

se vaya desplazando o digamos si

nosotros queremos hacer una presentación

pero está enfocada en código si ustedes

estudian por ejemplo programación en

ingeniería informática programación y

demás si quieren hacer una presentación

les recomiendo que le echen un ojo a

esta página porque puede que

y le añada un poco más a su presentación

ya que les permite poder de nuevo ir

mostrando el código de poco a poco para

poder explicarlo a las personas que les

estén escuchando o básicamente

simplemente si quieren tener una

alternativa al típico digamos a los

slats de google oa los slides de

microsoft ok entonces básicamente para

hacer una alternativa por point para

enfocan desarrolladores ahora lo

interesante de slice puntocom es que

está basado en rebeldes rebeldes es

básicamente un framework para crear

presentaciones o slides de hecho aquí en

su propia página llamada rebeldes

puntocom pueden ver que aquí me da como

especie de bienvenida básicamente lo que

me permite hacer este framework es crear

esto de una manera bastante simple y

bastante rápida

de hecho personalmente prefiero crear

slides utilizando esta biblioteca que

utilizando powerpoint la razón es que

como escribo código por lo general tengo

mucho más velocidad tipeando que

agarrando el mago sin moviendo elementos

entonces prefiero utilizar esta

biblioteca pero no es la única de hecho

también en linux siempre ha habido

bibliotecas que no digamos los programas

de consola que nos permiten hacer esto

bueno si ustedes son desarrolladores web

y ya conocen la base de html css y

javascript y quieren empezar a crear

presentación

no tienen que ser desde cero ya hay un

framework que les permite poder hacer

estas cosas que les dije por ejemplo

resalta el código empezar a tener un

código interactivo como presentación

como pueden ver o al final poder tener

típicas animaciones o transiciones

dentro de sus presentaciones todo esto

ya creado simplemente para que empiecen

a programar un poco y no es nada

complicado y les permite tener una

presentación un poco más interesantes

como pueden ver y muy aparte de esto

también ya óscar y no sólo funciona en

dentro del navegador también obviamente

funciona dentro del servidor para eso se

utiliza un entorno de ejecución llamado

nautile es noyes si no conocen de qué se

trata es básicamente una especie de

intérprete de javascript que se utiliza

dentro del sistema operativo de esa

manera podemos utilizar ya script ya no

tan solo para crear páginas o

aplicaciones web sino también para crear

otro tipo de desarrollo y básicamente

desde el surgimiento de no 10 javascript

dejó de tan solo están enfocados en el

navegador y ha empezado también a

abarcar otras áreas de desarrollo que es

lo que les voy a mostrar también dentro

de unos segundos si ustedes ya conocen

algo del front end por ejemplo html css

y javascript y ya conocen algunas

bibliotecas y framework del front end

sería aprender un poco más de naughty es

no tan solo porque digamos es una parte

esencial para otro tipo de desarrollo

sino porque también digamos les permite

poder entender cómo funciona un poco

mejor el desarrollo fronteras ya que

muchas herramientas del front end

utilizan esta herramienta por debajo

utilizan now 10 por debajo ok entonces

aún así si quiere seguir enfocándote

enfrente te recomiendo que le eches un

ojo a nadie para que puedas entender

cómo funciona muy bien pero no olvides

principalmente su enfoque es permitir

hallar y ejecutar aplicaciones de

servidor por ejemplo algunos framework y

sirven para crear aplicaciones de

servidor al estilo de otros lenguajes

como php

abbas y hard y demás por ejemplo son

estos frenos de aquí express por ejemplo

es un framework que nos permite poder

crear aplicaciones de servidor típicas

como e ipiales o recibir eso nos permite

poder crear aplicaciones multi páginas

aplicaciones que por lo general son

utilizadas con un php o java o ruby por

ejemplo o también permite poder crear

aplicaciones un poco más modernas

utilizando conceptos como graph y bell o

utilizando conceptos como websockets y

cosas por el estilo entonces es un

framework que principalmente yo te da

las cosas básicas hechas pero las cosas

digamos elevadas intermedias

la tarea a ti para que tú decidas qué es

lo que quieres hacer o incluso

implementar un nuevo patrón es un

framework que no te dice cómo hacer las

cosas pero hay también alternativas por

ejemplo también está happy que el cual

es otro framework del naut que está

utilizado y ya que algunos tutoriales

desde entonces le voy a hacer algunos

vídeos en la descripción pero es muy

parecido express sólo que aquí en lo que

nos permite hacer es tener una

alternativa directa expresa una

alternativa un poco más moderna o que al

final tiene algunos módulos mejor

organizados express ok luego también hay

otros frenos por ejemplo el look back

que es un framework que está patrocinado

por ibm y al final también te da las

cosas hechas este ya no es un freno a no

pinet si no es un framework opiniones

dice cómo hacer las cosas te dice como

creó el componente es cómo empezar a

llamar componentes de servidor o cómo

enlazar los o cómo comunicarlo también

tiene una alternativa por ejemplo están

next y es que también es otro framework

de back-end para poder crear de nuevo al

final todas estas bibliotecas te

permiten crear recibía es aplicaciones

multi página de conexión a la base de

datos conexión a otros servidores y

demás y hasta aquí vendría a ser como el

desarrollo típico yo sé que ustedes han

desarrollado en jaws que ya conocen de

front end de backend pero también se

pueden hacer otro tipo

royo por ejemplo se pueden desarrollar

aplicaciones de escritorio con jaws

creep por ejemplo aquí entraría electrón

electrón es un framework de javascript

que nos permite poder crear aplicaciones

de escritorio utilizando conceptos de

html css y javascript y les comenté hace

un rato acerca de nadies porque

principalmente no 10 es la base de todos

estos framework y por ejemplo electro

utilizan audios para comunicarse con el

sistema operativo y utiliza html css y

javascript para poder desarrollar la

interfaz entonces piensa de esta manera

si con audios tienes el backend y con

html se decidió si tienes el front end

utilizando electrón puedes utilizar

ambas para poder crear una aplicación de

escritorio y electrones utilizado en

aplicaciones muy popular por ejemplo

aplicaciones populares como facebook

messenger en su digamos en su versión de

stop oficial estudio code está creado

con electro o la aplicación de

escritorio de tweets o microsoft teams

que es digamos la plataforma de

comunicación de microsoft también está

utilizando electro y también en la

aplicación de pickman aunque no tiene

soporte para linux esta solución

enfocado para windows y mac y esto lo

que ven aquí es la forma más fácil de

poder crear una aplicación de escritorio

utilizando html css y javascript

llamativas también son nw js y no digo

estos dos son menos populares que

electrón principalmente porque no están

siendo utilizadas por aplicaciones que

no utilizamos en nuestro día a día así

que no tienen tanta digamos tantos

cambios continuos es decir no se

actualizan constantemente pero electrón

por otra parte si tiene todas esas cosas

entonces aquí puede encontrar mucha más

información y un punto de entrada mucho

más fácil para empezar con aplicaciones

de escritorio pero en cuanto a nw js

también son una alternativa si ya

conocen muy bien de html css y

javascript y quieren también conocer

algo extra y estos días también se

publica otro más llamado no de aquí el

cual digamos que tiene algunos binding

décimas más que están basados en qt para

poder crear aplicaciones de escritorio

utilizando javascript es una alternativa

directa electrón que ofrece un mejor

rendimiento aunque de nuevo no es tan

popular como el lector pero de nuevo

aquí les dejo otra información para que

puedan enterarse ok pronto voy a estar

logrando un vídeo también de no de aquí

y no de nw js para que vean también las

alternativas de electrón ya que dado

algunos ejemplos se lo voy a dejar en la

descripción pero no todo tiene que ser

algo visual también hay cosas que

utilizamos en nuestro día a día como

desarrollado

así que no son tan digamos tan vistosas

o no tienen interfaces gráficas una de

esas cosas son los clics o los como

online interface es decir aplicaciones

de consola o terminal que utilizamos a

diario si eres desarrollador quizás ya

las conoces y sabes su importancia por

ejemplo hay programas de consolas que te

permiten poderme intersport con el piar

eso te permiten utilizar framework para

crear proyectos y demás bueno esos

programas de consola también se tienen

que programar y por eso también existe

un framework por ejemplo uno de esos es

commander o comando 10 el cual te

permite poder para tener un framework

para poder empezar a programar nuevos

comandos para dar ayudas para decir la

versión de tus herramientas de consola y

demás si creías que era fácil crear una

aplicación de consola la realidad tiene

los mismos problemas que cualquier tipo

de aplicación el poder escalarlo el

poder hacerlo crecer y sobre todo el

poder hacer que funcionen distintos

sistemas operativos el asunto con odies

es que como es un entorno de ejecución

que funciona tanto en windows linux y

mac a crear comandos con un out te

permite poder crear comandos para los

tres sistemas cooperativos o

herramientas de consola para los tres

sistemas operativos lo cual es una

ventaja si quieres ofrecer herramientas

de desarrollo hay que funcionar en

práctica

cualquier sistema ok entonces también

esta es otra alternativa esto sirve de

nuevo para crear aplicaciones de consola

y no es el único porque también está por

ejemplo en cuadrillas y también le he

comentado de esto en algunos vídeos

anteriores y que esto nos ofrece poder

ir haciendo preguntas en consola si

alguna vez se han preguntado por ejemplo

cómo funcionan las herramientas como

rinitis clic o ironic o angular que te

pregunta a medida que vas digamos

escribiendo código en consola o cuando

la ejecuta se va preguntando cosas en

consola

bueno utilizan esta biblioteca para

poder hacer preguntas por ejemplo aquí

pueden ver algunos ejemplos tienen aquí

una pregunta aquí pueden tipear algo o

pueden tener una lista para ordenar o

una lista ordenada o pueden tener

alternativas o pueden ir escogiendo y

seleccionando algunas opciones dentro de

consola todo esto es lo que nos ofrece

es como una especie de interfaz dentro

de la consola ok entonces esta es otra

herramienta que también pueden llegar a

utilizar para crear realmente se

consuela un poco más interesantes ok

entonces tanto commander como en cual se

utilizan para crear clics o como online

interface en javascript y muy aparte de

aplicaciones de escritorio y

aplicaciones de consola también algo que

se puede hacer con ya dos clics son

juegos juegos que pueden funcionar tanto

dentro

como fuera del navegador es decir pueden

funcionar tanto en windows linux y mac y

para hacer esto existen game engine o

existen motores de videojuegos así como

también existen framework entonces de

esta manera puedes crear videojuegos

utilizando ya los tips y la ansiedad de

serlo todo desde cero

también hay forma de hacerlo desde cero

porque conlleva script puedes abrir un

canvas ir dibujando píxel a píxel o ir

dibujando frame a frame lo que quieres

hacer pero en realidad de una forma

mucho más sencillo es utilizando algún

game engine o algún motor de videojuegos

por ejemplo algunos de estos son que de

bellocq el cual también te permite a

través de un y de ir arrastrando

elementos

básicamente creado tu videojuego otro

también es me lo niegues el cual es muy

similar también es una alternativa

aunque un poco más pequeña podríamos

decir y luego también existen otro

framework que incluso tienen planes

pagados como por ejemplo impact este te

permite crear videojuegos tanto en 2d

que funcionan tanto en móvil

y soportan los distintos navegadores y

también algo que tenemos como

alternativa similar en patillas es

babilonia y es que ella está enfocado

mucho más en 3d en videojuegos 3d y

también pixie y es que también es otro

entonces tenemos alternativas para poder

crear videojuegos en la web sin la

necesidad de nosotros programarlos de

cero

también hay frameworks otro también

podría ser por ejemplo facer que esté

aquí también funciona en móviles en web

y puedes llegar a utilizar de una manera

muy fácil simplemente importando su

biblioteca dentro de una html y

empezando a desarrollar y también está

otros más por ejemplo play canvas el

cual también te ofrece una manera de

poder tener una idea e ir programando

con jaws y dentro de éste hay de o

dentro de este editor de código para

poder crear tu videojuego y si te

preguntas cómo es posible que se creen

elementos 3d dentro del navegador para

poder crear videojuegos bueno es posible

gracias a que dentro de navegador existe

una biblioteca llamada pues eagle que

para poder interactuar con esto es un

poco trabajos así que también existen

bibliotecas por ejemplo una biblioteca

también estrellas el cual te permite

poder utilizar esta está llamada web

piel para poder crear videojuegos

animaciones o lo que gustes realmente

por ejemplo si alguna vez te has

preguntado el cómo crear una sala

interactiva en donde pueda seguir

navegando en 3-d bueno para eso se tiene

que utilizar el web webgl junto con trey

y es o algún framework que utilice web y

el por debajo pero vas

y con eso yo puedo crear este tipo de

cosas una sala interactiva en donde

pueda interactuar con elementos o puedo

ir viendo básicamente como si estuviera

allí ok de hecho google también está

empezando a implementar web piel en su

motor de búsqueda supongamos que en

google buscas algo que se puede mostrar

en 3-d supongamos buscas el cuerpo

humano ok entonces google te puede dar

un modelo en 3d de cómo luce el cuerpo

humano para que puedas ir estudiando

también de manera gráfica y a partir de

aquí les voy a mostrar algunas

bibliotecas que ya no sólo sirven para

crear interfaces sino también para dar

complemento a esas cosas dentro las

interfaces por ejemplo si alguna vez te

has preguntado cómo añadir tonos o

sonidos dentro de un interfaz es decir

cuándo va posicionando y que suene algo

bueno bibliotecas que nos permiten poder

crear esos sonidos la razón es que el

navegador tiene una impide que está

relacionada con audio entonces ustedes

pueden empezar a crear también música

dentro del navegador y una esta

biblioteca que nos permite hacer eso es

por ejemplo tönnies que como su nombre

indica nos permite poder crear tonos

para poder componer música si sabes algo

de composición musical o sabes alguna

escala musical pues también podrías

crear algo dentro de aquí pero

obviamente tienes que escribirlo es

decir si sabes escribir partituras

también podrías traducirlo de esta

manera pero

básicamente es una opción para poder por

ejemplo añadirle música personalizada

dentro del navegador a tus videojuegos o

si quieres que cada vez que haga un clic

dentro de una interfaz dentro navegador

y suene algo puedes utilizar esta

biblioteca no es la única también están

jaulas reyes por ejemplo eso te permite

poder añadir audio que has compuesto

quizás en otro software dentro del

navegador para que puedas quizás crear

una playlist dentro del navegador o

puedes crear ondas o game entonces esto

vendría a ser como bibliotecas para

añadir audio en javascript muy aparte de

eso también otras cosas que puedes hacer

en javascript son animaciones por

ejemplo aquí tengo a green shot heads up

que es una biblioteca de jaws que te

permite añadir animaciones o crear

sitios que son bastante interesantes por

ejemplo si entra en esta página llamada

showcase van a ver como unas páginas

bastante digamos peculiares que no son

tan típicas y éstas están creadas

utilizando esta biblioteca de javascript

esta biblioteca tiene una ip bastante

extensa es decir no sólo sirve para

mover elementos dentro navegador sino

para poder crear todo eso que están

viendo aquí como pueden ver

aquí pueden crear un sitio que no sólo

sirve como un enrutador fácil sino que

puede añadir animaciones pueden empezar

a colocar elementos transiciones y todo

esto de manera bastante fácil bueno

fácil al momento de corear pero al

momento de crearlo también tienen que

tener un poco más de conocimiento de

cómo funciona la biblioteca de shop para

poder conocer un poco más les recomiendo

que le echen un ojo a esta sexenio más

showcase de dentro de green south

puntocom y vamos a ver la página

bastante únicas son digamos páginas que

te dan como un interés de saber cómo

funcionan ok entonces muy pronto voy a

sacar un vídeo de green shock de essap

para poder añadir animaciones en sitios

web pero menos al día de hoy les dejo

como en la información para que sepan

que existe esta biblioteca ok hay muchas

más pero esta es una de las más

populares y muy aparte de todo esto ya

los que también sirve para otro tipo de

entornos entornos que se van a quedar

fuera pero también se lo voy a mencionar

para que al menos tengan una idea ya que

también sirve para hacer hardware por

ejemplo si alguna vez has tenido alguna

placa tipo a arduino tipo raspberry pi o

beagle pongo estas placas de hardware

para poder aprender bueno también puedes

programar las con llave

incluso existen bibliotecas que compilan

de yahir y hace para que se pueda

ejecutar dentro de microcontroladores

entonces también es otra opción y una

esta biblioteca se por ejemplo johnny

five johnny five es probablemente una

práctica muy simple de javascript para

poder programar placas electrónicas como

por ejemplo el nuevo raspberry arduino y

demás si ya conoces de estas y les ha

programado con c ó con su variación de c

que poseen estas placas bueno también

puedes hacerlo con jaws trip e incluso

tienen libros que también venden en su

propia página en donde puedes aprender

cómo las bases de la electrónica

utilizando javascript

ok entonces también es otra cosa que se

puede hacer pero no es tan sólo para

cosas básicas por ejemplo hay bien tiene

una plataforma llamada know red que está

enfocada a mí en el internet de las

cosas utilizando ya os que como lenguaje

entonces también puedes crear una red de

placas o una red de dispositivos

electrónicos que se pueden comunicar a

través de la nube utilizando la

plataforma que tiene ahí bien pero

también hay proyectos alternativos

proyectos abiertos como por ejemplo hay

útiles que también puedes utilizarlo

para programar componentes electrónicos

o conectarlo con tu móvil y básicamente

hacer todo él

y se lo está olvidando pero con un jaws

chris también se pueden crear

aplicaciones móviles por ejemplo puedes

crear aplicaciones móviles utilizando un

freno llamado a yannick hay un link que

permite poder crear aplicaciones móviles

utilizando tanto angular riad obvio que

como la emisión al inicio son framework

de javascript para poder crear

aplicaciones web

bueno utilizando eso que ya conoces

ahora también puedes crear aplicaciones

móviles que son bastante simples de

poder crearse al final ya te dan como

las partes de las vistas a lo que él

llama componentes de una manera bastante

simple te llevo les voy a mostrar

algunos ejemplos simplemente tienen su

documentación ya le da componentes

creados como por ejemplo alertas o que

ya están estilizadas para android ios o

les da los típicos componentes como

tarjetas para verse dentro del

dispositivo móvil o los típicos botones

para poder ir viendo los en pantalla por

ejemplo esos botones de aquí típico en

el desarrollo móvil y que al final

también le permite poder crear web hace

tiempo crea un vídeo de johnny que se lo

voy a dejar la descripción pero muy

pronto voy a estar abarcando también a

johnny con otros frameworks por ejemplo

riad o vivo que son otros entornos que

no son tan conocidos ok pero esta es una

alternativa para crear aplicaciones

móviles utilizando

pero no es la única alternativa de hecho

también están otras por ejemplo reactive

también están steve script pero entre

las más populares la que más destaca es

reactive es como la opción de javascript

más llevadera estos días y no son las

únicas porque hace poco también crea un

vídeo de desarrollo móvil

multiplataforma y allí le mencioné

muchas otras alternativas y con esto

creo que ya les ha dado una idea de que

lo que se puede hacer con ya estoy

actualmente no he querido abarcar mucho

en este vídeo porque final ya se está

alargando demasiado pero pueden ver que

ya los que ya nosotros sólo sirve para

crear aplicaciones dentro del navegador

para crear pequeñas interactividad

dentro de una página web si no se puede

hacer mucho más y aquí he dejado muchas

cosas fuera porque conlleva que se puede

hacer también otras cosas por ejemplo se

pueden crear aplicaciones de cerveza y

rendering con next se pueden utilizar

bibliotecas de machine learning como

tensor flow leyes y así y para hablar de

jaws y de todo lo que se puede hacer con

este lenguaje faltaría tiempo entonces

quisiera que en los comentarios escriban

qué cosas más ustedes conocen que se

puede hacer con llave

y que no ha abarcado en este vídeo esta

forma muchas personas que también el

vídeo también se puede enterar de un

poco más pero básicamente sería eso y

muy bien eso ha sido todo por el vídeo

del día de hoy si tiene algún comentario

o alguna recomendación también pueden

dejarla en la incripción del vídeo y nos

vemos muy pronto