Projetos práticos de JavaScript para iniciantes
Olá, seja muito bem vindo(a), a algum tempo escrevi um artigo sobre cursos gratuitos de JavaScript: https://programacao-descomplicada.blogspot.com/2022/12/cursos-gratuitos-para-aprender.html. São cursos muito bons para quem deseja aprender essa tecnologia. No artigo de hoje, eu vou apresentar alguns projetos para quem está iniciando e quer pôr a mão na massa. Além das dicas de projetos eu deixo também um vídeo do Youtube, do professor Fernando Leonid no qual ele desenvolve o projeto passo-a-passo.
1: Calculadora de IMC
A clássica, com esse projeto podemos utilizar condicionais bem como utilizar operadores lógicos para resolver o desafio. Além disso, que tal criar uma interface bem bacana antes de começar a parte do javascript no vídeo.
https://www.youtube.com/watch?v=RacwEvoTz_Y&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2
2: Lâmpada
Mudar a imagem de uma lâmpada desligada para ligada. Será que também dá para “quebrar” a lâmpada?
https://www.youtube.com/watch?v=4r0zOW9Zn-Y&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2&index=2
3: Semáforo
Na mesma pegada do projeto anterior, porém com uma mudança de muito mais imagens e com um código um pouco mais avançado.
https://www.youtube.com/watch?v=EujFSEsZsk4&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2&index=4
4: SlideShow
Algo que precisamos construir a maioria das vezes em uma página web é um slideshow para apresentar diversas imagens. Adivinha? O Leonid tem um vídeo ensinando a desenvolver esse projeto. Aproveite para separar algumas imagens antes de começar o vídeo.
https://www.youtube.com/watch?v=csNYVAS2ex8&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2&index=5
5: Calculadora
Assim como o projeto inicial do IMC, organize a parte gráfica com HTML e CSS e desenvolva a parte do JavaScript com a vídeo aula abaixo. Um código bem extenso e com uma hora de aula, mas o resultado final é bem legal.
https://www.youtube.com/watch?v=oRZQ5EZOrQk&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2&index=7
6: Contador
Hora de desenvolver mais uma coisa que pode ser usada muitas vezes quando vamos produzir páginas web, o contador.
https://www.youtube.com/watch?v=nmWrwFjiCvo&list=PLDgemkIT111AzoS1rB61sgMJbsEA4pyD2&index=8
São muitos projetos interessantes para serem desenvolvidos visando a prática do javascript, o que você acha dessa lista? Vou ficando por aqui, deixo um abraço para você e até o próximo artigo.
Blog: https://programacao-descomplicada.blogspot.com/2023/01/projetos-praticos-de-javascript-para.html