Saltar al contenido

5 proyectos que puede crear para convertirse en un mejor desarrollador web

A veces terminamos trabajando en el mismo componente aburrido.

Es hora de ser creativo y construir 5 proyectos increíbles para redescubrir por qué amamos el desarrollo web.

1. Una aplicación web de video chat con WebRTC

Es posible que haya notado muchas aplicaciones con fantásticas capacidades de chat de video y uso compartido de pantalla en los últimos años:

Google Meet
Facebook Messenger
Enfocar
Discordia

Todos ellos tienen algo en común.

Están usando WebRTC.

WebRTC facilita la adición de capacidades de comunicación en tiempo real a su aplicación que funciona sobre un estándar abierto.

Admite video, voz y datos genéricos que se envían entre pares, lo que permite a los desarrolladores crear soluciones de comunicación de voz y video.

Aquí hay un tutorial increíble.

Y también recomendaría consultar las muestras de WebRTC de Github.

Y si desea crear rápidamente pruebas automatizadas para esa aplicación web, puede usar Endtest.

La plataforma incluso proporciona transmisiones para cámaras web y micrófonos.

2. Un pago seguro con Stripe

Si alguna vez desea monetizar su nueva aplicación de videollamadas o algún otro producto, tendrá que crear un Checkout.

La forma más sencilla de hacerlo es utilizar Stripe.

Encontrarás muchos detalles y ejemplos en su sección de documentación.

Incluso brindan instrucciones detalladas sobre cómo probar Stripe Checkout antes de comenzar a funcionar.

3. Un blog con Gatsby y Netlify CMS

Gatsby es algo que quería probar durante mucho tiempo y ha sido una maravilla.

Todo lo que necesita es una cuenta de GitHub y la CLI de Gatsby instalada

4. Una canalización completa de CI / CD

Todos están tratando de ser ágiles en estos días.

Tener una canalización de CI / CD automatizada lo ayudará a publicar actualizaciones más rápido y con más confianza.

La mayoría de los componentes pueden comunicarse entre ellos con solicitudes de API y notificaciones de webhook.

No debería llevarte más de un día descubrir cuáles son las piezas que faltan del rompecabezas y conectar todos los componentes.

5. Pruebas automatizadas entre navegadores

Tener pruebas automatizadas que verifiquen si su sitio web funciona en Safari e Internet Explorer es una buena práctica.

Esta es la cuota de mercado de navegadores en 2020:

Ese gráfico muestra claramente por qué probar solo en Chrome y Firefox es una mala idea.

Si planea usar Cypress, lo pasará mal, ya que no funciona con Safari, Internet Explorer y navegadores móviles.

Una opción es usar Selenium, ya que funcionará con todos los navegadores principales.

Una alternativa moderna es utilizar una plataforma como Endtest, donde puede configurar pruebas en unos minutos y ejecutarlas en la red de la nube entre navegadores.

También se puede integrar con cualquier sistema CI / CD.

Red Bull, Lululemon y Netflix son algunas de las empresas que lo están utilizando.

Como puede ver en mi perfil, de hecho trabajo allí.