5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Continuamos la serie de proyectos para la formación.

Capa

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)

www.reddit.com/r/layer

Layer es una comunidad donde todos pueden dibujar un píxel en un "tablero" compartido. La idea original nació en Reddit. La comunidad r/Layer es una metáfora de la creatividad compartida, de que todos pueden ser creadores y contribuir a una causa común.

Lo que aprenderás al crear tu propio proyecto Layer:

  • Cómo funciona el lienzo de JavaScript Saber cómo operar un lienzo es una habilidad fundamental en muchas aplicaciones.
  • Cómo coordinar los permisos de los usuarios. Cada usuario puede dibujar un píxel cada 15 minutos sin necesidad de iniciar sesión.
  • Crear sesiones de cookies.

Squoosh

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)
squoosh.aplicación

Squoosh es una aplicación de compresión de imágenes con muchas opciones avanzadas.

GIF 20MB5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)

Al crear tu propia versión de Squoosh aprenderás:

  • Cómo trabajar con tamaños de imagen
  • Aprenda los conceptos básicos de la API Drag'n'Drop
  • Comprender cómo funcionan la API y los detectores de eventos
  • Cómo cargar y exportar archivos

Nota: El compresor de imágenes es local. No es necesario enviar datos adicionales al servidor. Puedes tener el compresor en casa, o puedes usarlo en un servidor, tú eliges.

Calculadora

¿Vamos? ¿En serio? ¿Calculadora? Sí, exactamente, una calculadora. Comprender los conceptos básicos de las operaciones matemáticas y cómo funcionan juntas es una habilidad fundamental para simplificar sus aplicaciones. Tarde o temprano tendrás que lidiar con números y cuanto antes mejor.

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)
jarodburchill.github.io/CalculatorReactApp

Al crear tu propia calculadora aprenderás:

  • Trabajar con números y operaciones matemáticas.
  • Practica con la API de escucha de eventos
  • Cómo organizar elementos, entender estilos.

Rastreador (motor de búsqueda)

Todo el mundo ha utilizado un motor de búsqueda, así que ¿por qué no crear uno propio? Se necesitan rastreadores para buscar información. Todo el mundo los utiliza todos los días y la demanda de esta tecnología y de especialistas no hará más que crecer con el tiempo.

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)
motor de búsqueda de google

Lo que aprenderás creando tu propio motor de búsqueda:

  • Cómo funcionan los rastreadores
  • Cómo indexar sitios y cómo clasificarlos por calificación y reputación
  • Cómo almacenar sitios indexados en una base de datos y cómo trabajar con la base de datos

Reproductor de música (Spotify, Apple Music)

Todo el mundo escucha música; es simplemente una parte integral de nuestras vidas. Creemos un reproductor de música para comprender mejor cómo funcionan los mecanismos básicos de una plataforma de transmisión de música moderna.

5 proyectos de formación más atrevidos para desarrolladores (Layer, Squoosh, Calculator, Website Crawler, Music Player)
Spotify

Lo que aprenderás creando tu propia plataforma de streaming de música:

  • Cómo trabajar con la API. use API de Spotify o Apple Music
  • Cómo reproducir, pausar o rebobinar a la pista siguiente/anterior
  • Cómo cambiar el volumen
  • Cómo administrar el enrutamiento de usuarios y el historial del navegador

PS

¿Qué proyectos sugerirías “replicar” por tu cuenta para mejorar tus habilidades?

Fuente: habr.com

Añadir un comentario