Você que ainda não está na nossa comunidade do discord, entre hoje mesmo:
/ discord
Fala, Coders!
Sejam bem-vindos a segunda parte da criação da nossa aplicação web tematizada como StarWars Wiki. Nela, estamos aplicando os conceitos básicos de HTML, CSS e JavaScript para programar seu primeiro sistema front-end.
Nessa segunda aula, vamos explorar como é feito um modal, através de algumas propriedades do css, como visibility, cores em rgba, position e como controlar o estado desse modal no javascript. Além disso, vamos criar um código para mostrar nesse modal o filme que o usuário selecionar na listagem.
Além disso, vamos codificar também uma barra de pesquisa, e criar toda lógica de programação para quando o usuário clicar no botão de pesquisar, consumirmos a API novamente em um endpoint diferente, mostrando o resultado final na lista.
Vou te explicar também algumas boas práticas da programação aplicadas ao nosso código do JavaScript e classes do CSS.
O resultado final ficou bem legal e espero que você tenha conseguido fixar os principais conceitos básicos da programação web front-end com o JS, HTML e CSS.
Se ficou com alguma dúvida, não deixe de enviar na nossa comunidade ou aqui nos comentários.
Te espero na próxima aula, onde iremos dar os primeiros passos com o Git, usando a plataforma do Github, subindo o nosso código para um repositório e a partir disso realizarmos um deploy para uma servidor que irá hospedar nossa aplicação web. Você não pode ficar de fora!
Vamos juntos sermos os melhores coders que esse mundo já viu!
Links uteis:
Download do Insomnia: insomnia.rest/...
Link para API de filmes: sevencoders-st...
Link para API de pesquisa: sevencoders-st...
Link para o icone usado: materialdesign...
SevenApps: www.sevenapps....
Meu Instagram: / gabriel.rangel7
#programação #frontend #html #css #javascript #programador #webdevelopment #web
6 сен 2024
