Proyectos JavaScript para aprendizaje y desarrollo.



¡Buen dia amigos!

Le presento una selección de 22 proyectos en JavaScript puro o, como dicen, vainilla (personalmente, prefiero solo JavaScript).

Para mí, este es un tipo de subtotal para aprender sobre JS.

El código está escrito en diferentes momentos, por lo que se ve diferente y tiene un nivel diferente de complejidad.

La mayoría de los proyectos no pueden llamarse aplicaciones completas, pero cada uno de ellos resuelve con éxito la tarea.

El código del proyecto está aquí .

El formato será el siguiente: nombre del proyecto, su breve descripción, sandbox.

Hay artículos separados para algunos proyectos. Según otros, algún día pueden aparecer.

Entonces vamos.

1. Progreso de audio y visualización


Una aplicación para reproducir y visualizar datos de audio utilizando la API de audio web y la API de Canvas.


2. Breakout


El juego "Breakout".


3. Calculadora


Calculadora. Biblioteca usada Math.js. V. 2.0.


4. Conversor de divisas


Convertidor de moneda. Se utiliza una API especial.


5. Validador de formularios


Validación del formulario.


6. Ahorcado


El juego "Ahorcado".


7. Galería de imágenes y Slider Maker


Generador de galería de imágenes flexible con control deslizante incorporado.


8. Búsqueda de letras


Búsqueda de letras (letras). Se utiliza una API especial.


9. Búsqueda de comidas


Busque platos con método de cocción e ingredientes. Se utiliza una API especial.


10. Aplicación de meditación


La aplicación para la meditación. Trabaja con audio y video.


11. Tarjetas de memoria


Tarjetas para recordar. Control deslizante interactivo.


12. Aplicación de notas


Solicitud de notas (tareas) con la capacidad de establecer la fecha del recordatorio. Para guardar datos en el lado del cliente, se utiliza IndexedDB.


13. Adivina el número


Adivina el juego de números. Utilizado por Web Speech API.


14. Ping Pong


El juego "Ping Pong".


15. Piedra, papel o tijera


El juego "Piedra, tijeras, papel".


16. Speed ​​Typing


Simulador de mecanografía de velocidad.


17. Tetris


El juego "Tetris".


18. lector de texto


Solicitud de lectura de texto. Utilizado por Web Speech API. Compara voces de Microsoft y Google.


19. Tic Tac Toe


El juego "Tic Tac Toe". Se utiliza un algoritmo especial. Intenta vencer al auto.


20. Carrusel de yesca


Un control deslizante complejo pero interesante. Se utiliza la biblioteca Hammer.js.


21. Teclado virtual


Teclado virtual.


22. Aplicación del tiempo


Aplicación para mostrar el clima. Se utiliza una API especial y un proxy.



El repositorio se actualizará periódicamente, así que estad atentos.

Gracias por tu tiempo. Espero que haya sido bien aprovechado.

All Articles