Skip to content

jd-apprentice/Javascript30Solutions

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation



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 1

Dia 2 - Clock JS

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

Dia 3 - CSS Variables

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

Dia 5 - Flex Panel Gallery

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

Dia 6 - Type Ahead

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

Dia 8 - HTML5 Canvas

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

Dia 10 - Hold Shift and Check Checkboxes

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

Dia 11 - Custom Video Player

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

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 13

Dia 15 - LocalStorage

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

Dia 16 - Mouse Shadow/Position

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

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 22

    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 24

    Dia 26 - Stripe Follow Along Nav

  • ✔️ Completado, codigo fuente Stripe

  • Dropdown que se autoajusta al contenido 26

    Dia 27 - Click and Drag

  • ✔️ Completado, codigo fuente Drag

  • Arrastrar elementos con el mouse, drag/swiper 27

Dia 28 - Video Speed Controller

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

Dia 29 - Countdown Timer

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

Dia 30 - Whack A Mole

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

About

💛 Retos de javascript30.com

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors