JavaScript30

JavaScrtip30 es un reto donde en 30 dias armas 30 cosas diferentes, para ver mas sobre como es cada reto podes visitar su Pagina

Dia 1 - Drum kit

• ✔️ Completado, codigo fuente Drumkit
• Drum Kit para tocar musica, reconoce el teclado 

Dia 2 - Clock JS

• ✔️ Completado, codigo fuente ClockJS
• Reloj simple con hora local !

Dia 3 - CSS Variables

• ✔️ Completado, codigo fuente CSSVariables
• Actualizar variables de CSS en tiempo real con JS 

Dia 5 - Flex Panel Gallery

• ✔️ Completado, codigo fuente FlexPanelGallery
• FlexBox/Manipulacion del dom para darle estilos on click 

Dia 6 - Type Ahead

• ✔️ Completado, codigo fuente TypeAhead
• Filtro de busqueda consumiendo JSON 

Dia 8 - HTML5 Canvas

• ✔️ Completado, codigo fuente HTML5Canvas
• Dibujar en pantalla con canvas 

Dia 10 - Hold Shift and Check Checkboxes

• ✔️ Completado, codigo fuente HoldShift
• Atajos del teclado en la web 

Dia 11 - Custom Video Player

• ✔️ Completado, codigo fuente VideoPlayer
• Reproductor de video de HTML5 modificado 

Dia 12 - Key Detection

• ✔️ Completado, codigo fuente KeyDetection
• Como detectar lo que escribis y activar un evento 

Dia 13 - Slide in on Scroll

• ✔️ Completado, codigo fuente SlideScroll
• Animacion de fotos a medida que vas scrolleando 

Dia 15 - LocalStorage

• ✔️ Completado, codigo fuente LocalStorage
• Persistencia de datos con localStorage 

Dia 16 - Mouse Shadow/Position

• ✔️ Completado, codigo fuente Movement
• Movimiento/Sombra en base a la posicion del cursor 

Dia 17 - Sort Without Articles

• ✔️ Completado, codigo fuente SortArticles
• Ordenando un array sin los articulos 

Dia 18 - Adding up times with Reduce

• ✔️ Completado, codigo fuente Reduce
• Convertir nodos a array y sumarlos con reduce 

Dia 19 - Webcam Fun

• ✔️ Completado, codigo fuente Webcam
• Manejo de la camara, algunos filtros pero estan comentados 

Dia 20 - Speech Detection

• ✔️ Completado, codigo fuente Speech

• SOLO FUNCIONA EN GOOGLE CHROME

• Detection de voz, con un comando especial para abrir mi perfil de gitub 

  Dia 21 - Geolocation

• ✔️ Completado, codigo fuente Location

• Utilizando bluestacks con un joystick como motor de movimiento

• Deteccion de geolocalizacion utilizado en el celular, incluyendo velocidad 

  Dia 22 - Follow Along Link Highlighter

• ✔️ Completado, codigo fuente Follow

• Seguimiento de cursor y actualizacion flexible de hover/highlight 

  Dia 23 - Speech Synthesis

• ✔️ Completado, codigo fuente Synthesis

• Texto a voz, la cantidad de voces varia del sistema operativo 

  Dia 24 - Sticky Navbar

• ✔️ Completado, codigo fuente NavBar

• Fixed navbar con animacion 

  Dia 26 - Stripe Follow Along Nav

• ✔️ Completado, codigo fuente Stripe

• Dropdown que se autoajusta al contenido 

  Dia 27 - Click and Drag

• ✔️ Completado, codigo fuente Drag

• Arrastrar elementos con el mouse, drag/swiper 

Dia 28 - Video Speed Controller

• ✔️ Completado, codigo fuente Video
• Controlar la velocidad del video 

Dia 29 - Countdown Timer

• ✔️ Completado, codigo fuente Timer
• Temporizador para tareas 

Dia 30 - Whack A Mole

• ✔️ Completado, codigo fuente Mole
• Mini-juego de pegarle a los animalitos