Proyectos JavaScript
Esta guía está destinada a personas que buscan trabajar en proyectos para obtener experiencia práctica de aprendizaje pero sin ideas. JavaScript es muy fácil de implementar. Todo lo que necesita hacer es colocar su código en el documento HTML y decirle al navegador que es JavaScript. Funciona en las computadoras de los usuarios web, incluso cuando están fuera de línea y le permite crear interfaces altamente receptivas que mejoren la experiencia del usuario y proporcionen funcionalidad dinámica, sin tener que esperar a que el servidor reaccione y muestre otra página.
Proyectos para principiantes
- Hacer un tablero de tic Tac Tac Toe
- Hacer una calculadora basada en la web
- Haga una lista de tareas con el almacenamiento persistente del navegador utilizando la API LocalStorage
- Hacer un convertidor de unidad (tiempo, distancia, moneda, etc.)
- Generador de laberinto aleatorio como juego en línea
- Hacer un reloj digital basado en la web
- Actualizar variables CSS con JS
- Haga un color volador que cambie la mariposa con JS usando la API Canavas.
- Haga un tambor basado en la web con sonidos y entrada de teclado usando JS
- Hacer un carrusel de producto
- Hacer un juego xo.
- Crear un editor de píxeles
- Cree un sitio web simple con HTML, CSS y JavaScript
- Crear divertidas pegatinas de robots
Proyectos de nivel intermedio
- Realice un script que adjunte los campos de registro comunes utilizando datos aleatorios
- Usa Yahoo! API meteorológica para construir un widget meteorológico
- Integre SoundCloud en una página web para reproducir una canción de acuerdo con el estado de ánimo del usuario
- Use Starwars-API para generar un perfil de todos los personajes y sus armas/vehículos.
- Use Unsplash-Api para crear un carrusel de imagen
- Use Paper.js para crear gráficos increíbles.
- Use ParallaxJS para crear calderas de paralaje de página completa
- Use la API de datos de fútbol para crear una página web que le permita recuperar todas las tablas de ligas gratuitas.
- Crea un conmutador de noche y día
- Crea una aplicación TODO
- Crear una aplicación de notas
Proyectos de nivel avanzado
- Utilice la API Gene Lab de la NASA para crear una herramienta para visualizar y mostrar datos de manera interactiva
- Use la API del USGS para visualizar los datos heredados de los terremotos con varios filtros (magnitud, fecha, áreas afectadas, lugar de origen)
- Utilice la API de Google Map y la API de datos climáticos del Banco Mundial para construir una herramienta interactiva para visualizar los datos climáticos históricos de países, regiones, etc.
- Use la API de Twitter junto con un ejemplo de biblioteca de análisis de sentimientos para visualizar tweets de celebridades y políticos y encontrar tendencias.
- Construir el juego de la vida
- Grabe el mercado de valores
- Construir una aplicación de votación
Inspiración
Una colección de proyectos en vivo implementados con código.
- JavaScript Simulación de tela Tabla de tela V2 V2
- Fireworks Animation Generator FireWorls en lienzo
- Creación de partículas de partículas performantes30k partículas en lienzo
- Animación aleatoria genial basada en el gusano de cursordraw
- Juego de tiradores de naves espaciales
Que contribuye
- Aquellos que son nuevos en el código abierto y no saben cómo enviar solicitud de extracción de la solicitud de contribuyente.
