Aunque cada vez resulta más sencillo crear una web, sobre todo si optamos por utilizar los “builders” visuales que incluyen muchos temas de WordPress (o editores HTML WYSIWYG), tarde o temprano, si queremos personalizar e incluir elementos que nos acerquen al resultado que tenemos en mente, suele ser inevitable que nos veamos abocados a modificar o añadir código en HTML o CSS. Aprender a programar puede resultar una tarea complicada, sobre todo si no tenemos tiempo para seguir el ritmo de un curso y nos vemos obligados a aprender por nuestra cuenta.

Desafortunadamente, los libros de programación pueden no adaptarse a nuestro nivel y suelen ser de poca ayuda cuando nos bloqueamos en un ejemplo o un fragmento de código. Afortunadamente, existen un gran número de aplicaciones que combinan lo mejor de los dos mundos: nos ofrecen contenidos con los que iniciarnos en los principios básicos, pequeños ejercicios para poner a prueba nuestros conocimientos y una comunidad a la que podemos recurrir si tenemos alguna duda o necesitamos consejo.

Para ayudar a aquellos que quieran dar sus primeros pasos “picando” código, o para los que buscan profundizar en sus conocimientos a su ritmo, hemos seleccionado varias aplicaciones para Android, con distintas características y puntos fuertes, para que elijas la que más se adapta a tus necesidades. Si tienes cinco minutos al día y ganas de aprender, seguro que encuentras la tuya.

Encode

Si quieres iniciarte en el mundo del código, pero no tienes ni idea de por dónde empezar, Encode te ofrece una forma amena de aprender HTML, CSS y JavaScrip. Cuenta con diferentes secciones, subdivididas en pequeñas lecciones (lo suficiente para que las completes siempre que tengas unos minutos), que te permitirán empezar a programar sea cual sea tu nivel.

Además de los contenidos, tienes la oportunidad de participar en desafíos interactivos. Estos desafíos sirven para poner a prueba lo aprendido, con pruebas que presentan los contenidos previamente superados desde una nueva perspectiva. Y todo esto sin necesidad de tener conexión: Encode está disponible offline, así que puedes aprender desde donde quieras.

Encode está disponible en Google Play

Udacity

Esta es una aplicación para aquellos que quieran afrontar su formación de forma más intensiva. Udacity cuenta con apartados para HTML, CSS y JavaScrip, pero también va más allá y ofrece un gran número de cursos sobre otros lenguajes (sus materiales sobre Python son muy populares). Los contenidos son muy visuales, con una gran presencia de vídeos, pero exigen más dedicación y trabajo por cuenta propia para completar los ejercicios que plantea.

Con Udacity para Android podrás aprovechar el descanso del café o el viaje en metro para aprender con sus contenidos, test y ejercicios. Cuenta con una extensa comunidad de usuarios y actualizan contenidos con mucha frecuencia. Por último, decir que los contenidos de Udacity también están disponibles en formato web.

Udacity está disponible en Google Play

Enki

Aprende código practicando solo cinco minutos al día. Esta es la propuesta de Enki; déjate acompañar por Enki mientras tomas el café por las mañanas, o justo antes de irte a la cama y tus habilidades mejorarán poco a poco. Y si te ves con fuerzas para dedicarle el doble de tiempo, aprenderás el doble de rápido.

Enki promete mejorar la forma en que programas, ya seas un novato que juega con CSS o un programador experto que no puede vivir sin Linux y Python. Enki te mostrará datos sobre tu progreso para motivarte a continuar: cuántos días consecutivos llevas usando la app y haciendo los ejercicios, el resultado de los minijuegos de refuerzo, las puntuaciones de pequeños test… El sistema de progreso no se diferencia mucho del que llevan ofreciendo escuelas de póker como IntelliPoker durante años -o el sistema de logros de cualquier plataforma de juego digital-, basado en mantener motivado al alumno. Y es que poder presumir de lo aprendido siempre es un extra.

Enki está disponible en Google Play

CodeHub

CodeHub es una aplicación minimalista en su diseño, sencilla de usar y con una interfaz muy intuitiva, pero destaca por otros dos aspectos fundamentales: la calidad y la concisión de sus contenidos. Si dispones de un par de días y quieres iniciarte en cualquiera de los lenguajes que ofrece, puede ser una muy buena opción. Cuenta con cursos (en inglés, por el momento) divididos en lecciones (prometen que el total de contenidos no será más extenso que un libro de 50 páginas) y supone un reto muy asequible para aquellos que no disponen de mucho tiempo.

El de HTML5 y CSS está dividido en cuatro capítulos y 50 lecciones que incluyen textos, ejemplos, vídeos y ejercicios. Elige la categoría que más se adapte a tu nivel y, si tienes dudas, puedes pulsar el botón de ayuda y enviar tu pregunta. Si quieres aprender los fundamentos de HTML y CSS en poco tiempo, CodeHub es una herramienta fabulosa.

CodeHub está disponible en Google Play

SoloLearn: Learn to Code

No es el que más lenguajes ofrece (incluye 12, entre los que están Python, HTML, CSS, JavaScript, C++, Java, PHP, SQL, Ruby, JQuery, C# y Swift); y quizá tampoco sea el más bonito ni intuitivo; pero SoloLearn (aplicación del Año FbStart 2017) cuenta con una comunidad de millones de usuarios en todo el mundo y ofrece soporte en tiempo real.

Y los contenidos están a la altura: podemos aprender con lecciones interactivas, programar en la plataforma móvil “Code Playground”, jugar con otros compañeros y participar en foros y discusiones para saciar nuestras dudas o ayudar a los demás. Es una aplicación perfecta para solucionar los problemas que nos vayamos encontrando; resulta muy sencillo plantear nuestra consulta a la comunidad y ésta suele ser muy amable a la hora de responder.

Las opciones que ofrece esta aplicación son incontables y el nivel de personalización puede intimidar un poco al principio, pero, si le dedicas un poco de tiempo, seguro que podrás adaptar SoloLearn a tu ritmo.

Solo Learn está disponible en Google Play

Pocket Code

Por último, y ya lejos del fin que nos ocupa, que no es otro que aprender HTML y CSS, si buscas experimentar con la creación de aplicaciones, no puedes dejar escapar a la que puede que sea la aplicación más didáctica de cuantas aparecen en este artículo. Utiliza un sistema de código abierto, Catrobat, para desarrollar aplicaciones móviles en apenas minutos. No es exigente a nivel de programación, pero resulta tremendamente útil para aprender las bases de las estructuras, sintaxis e interconexiones de bloques… y para presumir con nuestra aplicación perfectamente funcional delante de los amigos.

Cuenta con una inmensa biblioteca de proyectos creados por otros usuarios que podemos ejecutar y manipular. Catrobat se inspira en Scratch, un sistema de programación educativo desarrollado por Lifelong Kindergarten Group en colaboración con el Media Lab del MIT, toda una garantía. Si te intimida programar, Pocket Code es una buena forma de dar el primer paso.

Pocket Code está disponible en Google Play

Tanto si buscas un curso enfocado en una faceta concreta de HTML5 o si quieres iniciarte sin presión en el mundo de CSS, busca unos minutos al día, ponte un objetivo y escoge la app que mejor se adapte a tus preferencias. No solo ganarás en control sobre tus proyectos, sino que añadirás un nuevo grado de comprensión sobre muchas de las herramientas que ya utilizas. Todo lo que necesitas para empezar ya lo tienes en tu bolsillo.

La principal novedad de la actualización 56.0.2924.87 de Google Chrome es que es la primera en traer por defecto instalada la tecnología HTML5. Hasta el momento, cuando una página estaba disponible en HTML5 y en versión Flash, el navegador cargaba por defecto la versión Flash con todas las desventajas que esto traía consigo. Google Chrome 56 elimina estas barreras para permitir una navegación más fluida y rápida, algo que se valora especialmente en los terminales móviles. La actualización llegó un par de horas más tarde a los dispositivos iOS y Android que la versión para ordenadores, y gracias al HTML5 permite a sus usuarios una navegación más ágil; esto favorece la experiencia en los juegos en vivo online, en aquellos en los que los gráficos son importantes y por tanto ya se han desarrollado en este lenguaje, como en  apps como Angry Birds o en el streaming de Twitch que incluye desde programas de cocina en vivo hasta retransmisiones en directo de diferentes deportes mentales.

Además del sistema de HTML5, la versión 56  también cuenta con WebGL 2.0 activado por defecto disponible para todos los usuarios, así como un soporte para el formato de audio FLAC. Los dispositivos Linux, macOS y Windows también contarán con la posibilidad de establecer comunicación entre ellos a través de Bluetooth LE gracias a la incorporación de una nueva API que lo permite.

A nivel de seguridad, Google Chrome 56 ofrece a sus usuarios nuevas medidas para advertirles cuando estén navegando por páginas web no seguras. Además, todas aquellas páginas que no incorporen la tecnología HTTPS y que almacenen contraseñas o datos personales serán marcadas como páginas no seguras con el fin de preservar la seguridad de los internautas.

Como viene siendo habitual, esta actualización también trae consigo un total de 51 correcciones en parches de seguridad que vienen a enmendar determinados agujeros de seguridad localizados tanto por Google como por investigadores externos. Por estas correcciones el gigante de la tecnología ha tenido que desembolsar cerca de 50.000 dólares.

Fuente: Pixabay

Para los usuarios de Google Chrome en soporte Android, Google Chrome 56 cuenta con unas mejoras de accesibilidad que harán de la navegación algo más rápida y cómoda. Entre ellas destaca la posibilidad de acceder a las aplicaciones de correo y teléfono pulsando un número de contacto o una dirección de correo; el acceso más rápido y sencillo del contenido descargado a través de la nueva pestaña de Google Chrome o la posibilidad de descargar contenido cuya visualización será posible después sin la necesidad de estar conectado a internet.

La principal desventaja de la versión 56 de Google Chrome concierne a los plugins. Estas extensiones permiten a los usuarios personalizar y dotar de determinadas funciones al navegador. Todas las versiones de Google Chrome anteriores a la 56 permitían configurar plugins desde su panel de control de tal forma que el usuario podía incluir o eliminar determinados complementos. Sin embargo, esta versión impide que algunos de los plugins que vienen activados por defecto en el navegador sean desactivados por el usuario. De esta forma, Google Chrome 56 permite acceder al panel de configuración y ofrece la opción de desactivarlos pero de manera automática volverán a activarse ellos solos.

Esta es la tónica habitual de las nuevas versiones de Google Chrome ya que la nueva versión 57 no permite configurar ni administrar estas extensiones. La actualización número 57, que llegó hace apenas un mes al mercado, no incorpora demasiadas novedades con respecto a su predecesora. Además de la incapacidad para controlar los plugins por parte del usuario, la última actualización cuenta con la incorporación de una función que proporciona una mejor adaptación de los elementos a diferentes resoluciones, la CSS Grid Layout. Otra de las novedades, que en este caso afecta a la versión Android, es la incorporación de una nueva API (Media Session API) que facilita un mayor y mejor control al usuario sobre las notificaciones del dispositivo.

Como vemos, las diferencias entre la versión 56 y 57 son mínimas pero cruciales, lo que nos llevará a pensar detenidamente si la actualización a la nueva versión es la mejor opción para nosotros.

Los servicios en línea han venido mejorando al paso del tiempo, tanto que hasta compras o pagos al instante podemos hacer sin ningún problema. Obviamente esto no sería posible sin un buen servidor, uno que nos brinde la facilidad de uso y manejo del mismo, sin necesidad de un tercero o un administrador externo y además con facilidad de escalar a más prestaciones.

¿Qué es Clouding.io?

Clouding.io es un servicio de servidores en la nube que trabaja de manera dinámica para ofrecerte mejores servicios, tan sólo deberás realizar el proceso de registro y automáticamente tendrás 5 euros de regalo para que los uses como quieras, corrobora tus datos (correo, número de celular y tarjeta de crédito), crea tu primer servidor, elige el servicio que necesitas, la imagen y espera a que esté listo para su uso.

¿Por qué usar Clouding.io?

Porque los servidores en la nube de Clouding.io nos facilitan el trabajo, siendo más estables, potentes y flexibles. Además es fácil de usar e intuitivo para trabajar, crea, expande, modifica, borra, eso y más podrás hacer con tu servidor en línea.

Características

Lo que caracteriza a Clouding.io es:

• La potencia, rapidez y eficiencia de los Core Intel Xeon
• Red Cisco de hasta 20 Gbps para un amplio ancho de banda
• Tiple réplica que te permite acceder a un servidor si el otro no funciona.
• Auto reparación que ni te enteras que algo falló
• Hosting DNS… ¡GRATIS!
• DIY, hazlo tú mismo.

Esto y muchos más beneficios tenemos, además, paga lo que necesites usar.

¿Qué puedo administrar en mi servidor?

En la sección de “Servidores”, puedes tener información de tu servidor o crear más servidores si así lo prefieres, como la imagen usada, los Cores del procesador, RAM, espacio en SSD y si está activo o no, además puedes reiniciar, apagar, encender, redimensionar, renombrar o borrar el servidor.

Accediendo al perfil de un servidor podrás ver secciones como: Ajustes, Estadísticas (proximamente), Acceso, Firewall, Log de la consola, Consola VNC y Log de Acciones, prácticamente lo necesario para manipular a tu antojo el servidor.

Otra característica importante es que por seguridad puedes usar llaves SSH generadas en el administrador para no preocuparte por acceso de terceros o tener que logearte cada vez que necesites trabajar, una opción adicional al Firewall muy buena.

En la sección DNS podemos encontrar los name server listos para apuntar nuestro dominio al servidor en la nube.

Lo que nos ha gustado

Como desarrolladores web y sobre todo backend podemos decir que nos encanta que tengan la opción de elegir una imagen con Docker, eso nos permite hacer despliegues rápidos y agilizar el flujo de trabajo, ahora que llegaron los contenedores para mejorar la calidad de trabajo y rendimiento, creemos que es importante dar soporte a nuevas tecnologías, aún que al ser un servidor 100% administrarle permite que puedas instalar lo que necesites, aún que siempre están disponibles las secciones de ayuda.

Podemos decir que hasta ahora el rendimiento del servidor es bueno, obviamente depende mucho del uso y características que pagues. Realmente no hay complicaciones y estamos seguros de que en Clouding.io están trabajando diario para mejorar el servicio.

Esta vez tocó recibir un nuevo package manager para JavaScript por parte de Facebook. Al parecer Facebook estuvo teniendo problemas de rendimiento y seguridad con el ya bastante conocido NPM, es muy bueno pero creo que ya nos ha tocado notarlo cuando hacemos instalación de dependencias y nos da tiempo de echarnos una partida en arcade. Otros grandes del internet como Google, Exponent y Tilde han colaborado en el proyecto ya que comparten problemas muy similares.

¿Qué tiene de diferente Yarn?

Por supuesto, viene con muchas diferencias contra otros clientes NPM, la mas comentada es su velocidad, pero además tiene unas características interesantes:

• Soporte offline: Es una de las más geniales, si ya has instalado anteriormente una dependencia no necesitarás conexión a internet para instalarla otra vez.
• Determinista: Puedes estar seguro de que tus dependencias se instalarán de la misma forma en cualquier entorno.
• Optimización de red: Crea una cola de peticiones para optimizar las solicitudes a internet.
• NPM o Bower en uno: Así es, puedes usar los registros de cualquiera de los 2 package managers.
• Instalación flexible: Si hay conflicto con una dependencia las demás no se ven afectadas y son auditadas de nuevo.
• Modo plano: Permite resolver conflictos entre versiones de la misma dependencia dejando una sola para evitar duplicados.

Comparación real entre Yarn y NPM

Pinche aquí para ver el vídeo

Si quieres saber más o instalarlo, te dejamos un link al sitio web oficial. No olvides dejarnos tus comentarios al respecto.

Yarn package manager

Si tú nos lees por primera vez o eres coder jr, éstas ideas te puedan servir para empezar a desarrollar tu sitio web con una interfaz bien mona, empezando con los botones del menú, porque obvio en cada sitio web debemos encontrar uno que a nuestros clientes o usuarios ayude en su experiencia en línea.

Hover.CSS

Con ésta herramienta podemos aplicar un montón de ejemplos, incluso algunos de los mencionados. Lo genial de esto es que no sólo utilizamos CSS3, si no también Sass y LESS.

La mayoría de los efectos utilizan características de CSS3 como transiciones, transformaciones y animaciones, te recomiendo ampliamente verifiques que tu navegador soporte estos efectos, ya que éstas características pueden necesitar un poco de atención extra si no son soportados.

Es importante que sepas que Hover.css es opensource, por lo que podrás distribuirlo, modificarlo y mostrarlo en tu sitio web sin ningún problema. Si tienes dudas de los diferentes efectos que puedes encontrar, visita el sitio web oficial, ahí mismo encontrarás la liga a GitHub y más.

Circle Hover Effects

Para los que nos gustan las cosas nuevas, con ésta herramienta podemos ver efectos lindos sobre círculos utilizando transiciones con CSS, encontrarás siete demos diferentes a probar y elegir.

De igual manera usaremos listas y aplicaremos código CSS que encontraremos en codrops para los siete demos.

Y pues nada, espero te haya gustado éste artículo y nos cuentes qué efecto aplicaste en tus botones.

¿Qué es PostCSS?

Supongo que por el nombre creen que es un post-procesador de CSS y quizás algunas veces haga ese tipo de función pero en realidad es solo una herramienta en JavaScript para transformar los estilos como lo explica el sitio web oficial de PostCSS, yo lo veo mas como una extensión para las funcionalidades de CSS.

@HugoGiraudel nobody in postcss contributors is using this expression anymore. Now it is Postcss like «css and beyond»

— Maxime Thirouin (@MoOx) July 21, 2015

¿Qué puedo hacer con PostCSS que no pueda hacer con mi pre-procesador?

Realmente puedes seguir trabajando con tu pre-procesador favorito tranquilamente pero es bueno probar cosas nuevas, si hay cosas que un pre-procesador no puede hacer o no de la mejor forma como lo haría PostCSS, por ejemplo, plugins como Autoprefixer el más conocido y que permiten mantener el CSS libre de prefijos o CSS MQPacker que sirve para juntar media queries similares en una sola. Puedes revisar más en la sección de plugins.

¿Es fácil de usar?

Claro!, nada como unos comandos por aquí, otros por allá  y listo. Si usas algún task runner como Gulp, ya tienes el terreno listo para empezar, por ejemplo:

npm install --save-dev gulp-postcss

 ¿Y los plugins?

La comunidad últimamente ha estado muy activa creando y compartiendo sus plugins con el mundo, ya hay más de 200 plugin y va en aumento, los más comunes son el Autoprefixer, CSS Next, PreCSS, PostCSS Utility y muchos más.

Para instalarlos solo ejecutas:

npm install --save-dev your-plugin-name

¿Aún no te ha convencido?

Realmente es muy buena idea usarlo, incluso puedes usarlo en conjunto a un prep-procesador si aún no quieres dejarlo del todo. Aquí la idea es que no te pierdas las buenas caracteristicas que ofrece:

• Gusta mucho la idea de tener todo a base de plugins, solo instala lo que ocupas
• Es mucho más rápido que los preprocesadores más famosos (https://github.com/postcss/benchmark)
• Puedes crear tus plugins
• Seguirás escribiendo el CSS de siempre, a excepciones donde quieras usar mixins y demás funcionalidades.
• No importa si usas Grunt, Gulp, Broccoli, etc.

Si quieres saber más, te invito a ver si sitio web oficial http://postcss.org/.

Blockrain.js

Este clásico juego podemos agregarlo a nuestro sitio web, jugarlo e incluso personalizarlo.  Es un tetris creado con javascript y html5, por lo que podemos usar código muy sencillo para cambiar las características de interfaz en el juego y no me refiero a los colores, si no al tablero o mejor aún… Podrás poner a dos bots a jugar entre ellos (si de verdad!, no es broma).

Características

• Plug ‘n’ Play: Copia y pega un poco de código para modificar la interfaz del juego.
• Autoajustable: No importa qué tan ancha o estrecha sea tu pantalla, siempre podrás jugar.
• Velocidad: Ajustar la rapidez con que los bloques están cayendo para que sea más difícil (parte divertida).
• Puntuación: Añadir el marcador o no. Esa es tu decisión.

Descargas

En la página principal podemos encontrar un demo y en el GitHub encontraremos código ejemplo para cambiar la interfaz del juego, así como para añadirlo a nuestro sitio web.

Atrévanse a probarlo y contarnos qué tal les va dominando el tetris.

Ambas posturas tienen sus ventajas y desventajas respectivamente es porque eso que Google reafirmo su compromiso en el Google I/O con las aplicaciones web progresivas.

¿Qué es un aplicación web progresiva?

Una aplicación web progresiva o PWA (Progressive Web Apps ) usa capacidades web modernas para ofrecer una experiencias para usuario similar a la de una aplicación móvil. Evolucionan de las páginas en las pestañas del navegador a aplicaciones de inmersión, no requieren instalación, pueden incluir notificaciones push y las podemos disfrutar en pantalla completa sin la interfaz del navegador.

Service Workers

Los services workers son scripts que se ejecuta en segundo plano del navegador

Los ‘service workers’ son tan potentes que permiten la funcionalidad offline, hacer push de notificaciones, almacenamiento caché del contenido, y más. Tienen un periodo de vida corto, y la manera en la que funcionan es despertando cuando consiguen un evento (‘network requests’, notificaciones push, cambios de conectividad) y comienzan a correr tanto como el proceso lo necesite.

En otras palabras, son ‘scripts’ trabajando detrás de escenas, separados de la aplicación.

Los ‘service workers’ son de mucha ayuda para el cache y performance offline, puedes almacenar en caché el shell para que la aplicación funciona offline y llenar el contenido con javascript.

Pinche aquí para ver el vídeo

Bulma es un framework basado en Flexbox, en el que sólo necesitas un archivo CSS para comenzar a utilizarlo en tus proyectos o puedes optar por la versión en la que descargas los archivos Sass y modificar las variables a tu gusto.

En Bulma no existe ningún archivo JavaScript, así que lo puedes usar tranquilamente sin necesidad de ninguna librería o plugin extra.

Características

• Sistema grid muy simple: Sólo basta con añadir columnas. ¡Se redimensionan sin necesidad de añadir una clase extra que le diga cómo actuar!

<div class="column">1</div>
<div class="column">2</div>
<div class="column">3</div>
<div class="column">4</div>
<div class="column">5</div>

• Barra de navegación flexible: No importa qué tipo de elemento incluyas se alinea verticalmente.
• Composición de elementos con clases modificadoras: Sus clases son precedidas por is-*, las cuales puedes añadir o quitar para modificar elementos más rápidamente … Y son fáciles de recordar.

<a class="button is-primary"> Botón is-primary </a>
<a class="button is-info"> Botón is-info </a>
<a class="button is-success"> Botón is-success </a>
<a class="button is-warning"> Botón is warning </a>
<a class="button is-danger"> Botón is-danger </a>

• Elementos verticalmente centrados: No importa dónde, cómo … ni que; cualquier elemento que quieras poner estará justo al centro.
• Además contiene los elementos básicos que cualquier framework must to have:  botones, menú, cards, notificaciones.

Compatibilidad

Podemos usar Bulma con las siguientes versiones de navegadores.

• Chrome 45+
• Edge 13+
• Firefox 43+
• Internet Explorer 10+
• Safari 9+
• Opera 37+

¿Cómo empezar?

Tenemos tres forma de instalarlo:

1. Usando NPM (se necesita NODEJS):  npm install bulma
2. Usa el cdnjs CDN: https://cdnjs.cloudflare.com/ajax/libs/bulma/0.0.23/css/bulma.min.css
3. Descarga desde el  repositorio: https://github.com/jgthms/bulma/tree/master/css

… y ¡listo! puedes comenzar a usarlo.

Te recomiendo la documentación en el siguiente enlace para que lo revises y puedas implementarlo en tus proyectos web: Bulma.io

El principal objetivo de la API es brindar un método estándar seguro al momento de exponer dispositivos USB a la web, actualmente sólo están haciendo pruebas con dispositivos como teclados, ratones, equipos audiovisuales, etc.

Reilly Grant y Ken Rockot (los editores del documento) aseguran que la conexión entre el dispositivo y la web son seguros y que los desarrolladores que han usado librerías nativas de USB no les será difícil entender y usar las del API, pues es algo muy similar a éstas.

En un futuro esperan que los fabricantes de hardware consideren esta API y tengan la capacidad de construir un SDK multiplataforma en JavaScript. Así mismo, aseguraron que es muy bueno para la web, pues en vez de esperar mucho tiempo para que un dispositivo pueda comunicarse con ésta (dado que hay que generar una API específica), se podrá construir un hardware nuevo e innovador casi al momento.

Lo que si debe quedar claro, es que la API no permite el acceso directo a cualquier dispositivo conectado por medio de USB, pues ésta sirve (por ahora) como una tecnología estándar que los desarrolladores web pueden adoptar dentro de productos y fabricantes de hardware para la construcción de dispositivos con capacidades web.

Ahora, ¿qué pasa con el lado de la seguridad? Muchos están preocupados, pues toca mucho el tema del internet de las cosas (IoT), y tienen mucha razón. ¿Cómo no pensar en los futuros problemas que llegue a ocasionar la conexión entre USB y Web, cuando se conectan sin ningún tipo de autenticación?.

Grant y Rockot responden a éstas preocupaciones con un sistema de seguridad CORS, donde cada dispositivo USB es tratado como una fuente separada, entonces los desarrolladores envían la petición al dispositivo específico al que se tendrá acceso y automáticamente se estará generando la autenticación sólo y únicamente para el dispositivo en cuestión.

Finalmente, les decimos que WebUSB API puede operar sin un firmware personalizado y si quieren saber más de la API puedes encontrar información detallada en la página WICG. Si eres desarrollador o fabricante y quieres participar en el proyecto puedes hacerlo visitando el GitHub del API.