Git Product home page Git Product logo

semana-javascript-expert07's Introduction

JSExpertMax Gesture Controller - Semana JS Expert 7.0

Seja bem vindo(a) à sétima Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada.

Marque esse projeto com uma estrela 🌟

Preview

Pre-reqs

  • Este projeto foi criado usando Node.js v19.6
  • O ideal é que você use o projeto em ambiente Unix (Linux). Se você estiver no Windows, é recomendado que use o Windows Subsystem Linux pois nas aulas são mostrados comandos Linux que possam não existir no Windows.

Running

  • Execute npm ci na pasta que contém o arquivo package.json para restaurar os pacotes
  • Execute npm start e em seguida vá para o seu navegador em http://localhost:3000 para visualizar a página acima

Checklist Features

  • Titles List

    • [] - Campo para pesquisa não deve travar ao digitar termo de pesquisa
    • [] - Deve desenhar mãos na tela e fazer com que elementos em segundo plano continuem sendo clicáveis 🙌
    • [] - Deve disparar scroll up quando usar a palma das mãos abertas 🖐
    • [] - Deve disparar scroll down quando usar a palma das mãos fechadas ✊
    • [] - Deve disparar click no elemento mais próximo quando usar gesto de pinça 🤏🏻
    • [] - Ao mover elementos na tela, deve disparar evento :hover em elementos em contexto
  • Video Player

    • [] - Deve ser possivel de reproduzir ou pausar videos com o piscar de olhos 😁
    • [] - Todo processamento de Machine Learning deve ser feito via Web worker

Desafios

  • [] - Aula 01 - Diferenciar piscada de olhos entre olho direito e esquerdo e atualizar log para mostrar qual olho que piscou.
  • [] - Aula 02 - Reconhecer gestos de mãos individuais e printar no log
  • [] - Aula 03 - A definir
  • [] - Aula 04 - A definir

Links mostrados nos aulas:

Considerações

  • Tire suas dúvidas sobre os desafios em nossa comunidade, o objetivo é você aprender de forma divertida. Surgiu dúvidas? Pergunte por lá!

  • Ao completar qualquer um dos desafios, envie no canal #desafios da comunidade no Discord

FAQ

  • browser-sync está lançando erros no Windows e nunca inicializa:
    • Solução: Trocar o browser-sync pelo http-server.
      1. instale o http-server com npm i -D http-server
      2. no package.json apague todo o comando do browser-sync e substitua por npx http-server .
      3. agora o projeto vai estar executando na :8080 então vá no navegador e tente acessar o http://localhost:8080/ A unica coisa, é que o projeto não vai reiniciar quando voce alterar algum código, vai precisar dar um F5 na página toda vez que alterar algo

Créditos ao Layout

semana-javascript-expert07's People

Contributors

erickwendel avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.