Repositório com os arquivos das aulas de Linguagem de Programação para Web, SENAC-RS.
- Parte 1: configuração do Webpack.js (ou baixar o projeto e rodar
cd aula-3_parte-1 && npm install && npm start
) - Parte 2: imports e exports (ou baixar o projeto e rodar
cd aula-3_parte-2 && npm install && npm start
)
- Apostas quanto ao peso da melancia (ou baixar o projeto e rodar
cd aula-4 && npm install && npm start
) - Cadastro de carros com Firebase (ou baixar o projeto e rodar
cd webpack-carros && npm install && npm start
)
Permitir uma partida de acordo com as regras estabelecidas: o jogo define aleatoriamente um total que deve ser colocado de cada fruta; o jogador deve, então, colocar o número correto de frutas na salada, mas sem repetir uma mesma fruta duas vezes em sequência. A qualquer momemento, o jogodador pode clicar para ver o resultado final.
Selecionar um carro e seus opcionais. Ao marcar um carro, a imagem deve refletir o carro selecionado. Além disso, ao selecionar um carro diferente ou ao marcar/desmarcar um opcional, o preço total deve ser atualizado de acordo (preço do carro + soma dos preços dos opcionais marcados).
Frases aleatórias de personalidades do mundo da programação. Utiliza duas APIs, Programming Quotes para as frases em inglês, Lorem Picsum para as imagems de fundo. O site mostra uma citação por vez na tela, com uma imagem de fundo para aquela citação (uma mesma frase terá sempre um mesmo fundo). Ao carregar o site, um novo conjunto de frase+imagem será mostrado, com 3 botões de ação na parte de baixo:
- Mark/Unmark as favorite: marca ou desmarca a citação atual como uma das favoritas;
- Random favorite: mostra uma citação dentre as favoritas, selecionada aleatoriamente;
- Random quote: mostra uma citação escolhida aleatoriamente pela API, podendo ser uma das favoritas ou não.