Mini projetos javascript (Iniciantes) - 02 Semáforo

Mini projeto simples, com objetivo de ajudar quem está iniciando na programação utilizando apenas HTML, CSS e javascript com vídeos curto e objetivos.

Neste vídeo vemos como criar um semáforo com ações, para ligar camada uma das cores e a opção automático. Para isso utilizamos recursos do javascript como ternário, funções do tipo arrow, funções armazenadas em objetos para criar a chamada dinâmica e temporizadores. Sempre que possível criando um código limpo e semântico.

▶ Repositório

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▶ Redes Sociais

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

#miniProjetos #semaforo #projetosJS #javascript #vanillaJS

[TheChosen]

Esse projeto foi pra dar nó na cabeça Mas é bom que a gente vai aprendendo

[robertbr]

Prof Fernando Leonid, parabens pelo trabalho!
estou fazendo um curso que comprei por mais de 500 reais e lá não tem quase nenhum exercício relevante como esses que o sr está disponibilizando de graça.

o que mais gostei desses exercícios é que o sr coda de um jeito que dá pra revisar as diversas formas de trabalhar com função, if etc

vou recomendar muito seu canal pra galera do curso.

[shapenatural]

Estou fazendo um tour por todos seus projetos de JS, todos excelentes teacher, se puder lance mais projetos. parabens abraço

[cariokez]

Eu vi esse projeto e descidi fazer ele do zero, sem ver como você fez, só com a ideia mesmo. Ao invés de usar imagens, eu fiz tudo com o CSS msm e usei toggle para poder trocar em classes e modificar as cores. O legal da programação é isso, você não se limita a fazer uma coisa só de um jeito. Despois que assisti o vídeo completo e vi como você fez, ja olhei o projeto com outra pespectiva, e isso ajuda muito no aprendizado.

[pablodelson]

A parte do auto bugou minha cabeça
mas excelente video seus projetos são muito bom
eu fiz um pouco diferente fiz semelhante o projeto da lampada
mas na parte do automatico travei
vou treinar mais!

[raidertm]

Não tenho palavras para agradecer a minha gratidão por pessoas como você que compartilham o conhecimento de forma gratuita. Consegui finalizar todos os projetos até agora sozinho, mas com seus vídeos vejo que tem formas mais inteligentes de fazer a mesma função por exemplo. Muito obrigado de verdade!

[iDontHaveName-dq]

lanca mais projetos fernando como este, eu sou mt burro no js, esses projetos estao me ajudando, se puder iria ajudar mt 👍

[fabioluiz]

O bacana dessas aulas é sempre está nevando... Muito frio. Parabéns, mestre! aprendendo ao extremo.

[nemesis]

Tive dificuldades nesse projeto, teve alguns conceitos que eu não conhecia. Porém, me deu mais coisas pra estudar. Ótimo vídeo

[daniellasilva]

Essa parte do automático já acho que fugiu um pouco do conhecimento de um iniciante, pelo menos do meu, rs. De qualquer forma obrigado por disponibilizar esse conteúdo, muito bom.

[Vini]

Professor, só gratidão as aulas, estou maratonando os projetos. Vou fazer 1 em cada dia. TMJ

[lellisjunior]

Muito legal esse projeto. No começo estava um código bem gostosinho de fazer, depois fiquei confuso. Mas mesmo assim, aprendi bastante. Seus vídeos tem me ensinado muito. Obrigado pelo conhecimento compartilhado conosco.

[vsribeiro]

Na variável colorIndex, eu consegui extrair de 0 a 2 somando mais um e fazendo o resto da divisão pelo tamanho da array: colorIndex = ++colorIndex % 3;

Muito legal esses desafios JS para iniciante (a parte do automático não foi pra iniciante, pelo menos pra mim, , tento fazer por conta própria, quebro a cara e volto aqui pra ver como vc resolveu. Parabéns por compartilhar o seu conhecimento com todos!!!👏

[laurissonmoura]

irmão muito bom seu projetinhos, estou iniciando em JavaScript e sempre aprendo algo novo vendo vc fazer os projetos, além de vc explicar direitinho, muito bom !!!

[drikadev]

Professor, o senhor é um gênio! Achei esse cod mais dificil kkk vou ter que assistir umas 30 vezes! Muito obrigada pelo ensinamento! Ah, na data de hoje 06/01/2023, o "event" is deprecated, daí eu coloquei o event dentro do parâmetro da function trafficLight (event) e o tracinho do event deprecated sumiu =)

[edusilva]

Segundo projeto feito acompanhando seus videos to achando incrível a sua didática

[JessikBraga]

Obrigada Fernando pela sua didática e pela atenção de certificar de que iremos entender o que foi feito !!

[eduuusol]

Olá irmão! Muito obrigado por seus ensinamentos! Estou aprendendo bastante sobre funcionalidades com vc! Seu conteúdo é muito bom! Muito obrigado mesmo!

[smeh]

meu deus ! quanto conhecimento nessa aula, eu fiz sem olhar e segui o padrao das lampadas.. vim ver o video e tomei um banho de conhecimento to zerando as aulas de javascript, vai ter mais nesse formato?

[xuoti]

mais um desafio show de bola! precisei ver a explicação para fazer a parte do semáforo automático, obrigado pelo vídeo!!