Quer saber mais sobre o nosso Curso Completo de Javascript? Clique no link abaixo para garantir sua vaga na próxima turma:
dlp.hashtagtreinamentos.com/j...
PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
Fala Impressionadores! Hoje vamos para a segunda aula do Minicurso de ReactJS.
Nessa aula nós vamos construir a seção do Seletor de Capítulos e Botões de Controle. Para isso nós vamos repetir o processo que fizemos na primeira aula e vou te mostrar como obter ícones para inserir no seu projeto!
Vamos utilizar o Bootstrap Icons para pegar esses ícones, que serão muito úteis para deixar seu projeto com um aspecto mais profissional.
Além disso, eu vou falar sobre o conceito mais importante do ReactJS, que é a variável de estado.
Essa variável é que vai permitir com que você faça a transição do botão de Play para Pause, pois não temos os 2 ícones sendo mostrados ao mesmo tempo por uma questão lógica, então precisamos criar uma inteligência para que isso funcione.
-----------------------------------------------------------------------
Vídeos Recomendados
► Instalar e configurar o VSCode: • Instalação do VS Code ...
► Funções no JavaScript:
• O que são Funções no J...
► O que é JavaScript?
• O que é JavaScript?
-----------------------------------------------------------------------
Hashtag Programação
► Inscreva-se em nosso canal: bit.ly/3c0LJQi
► Ative as notificações (clica no sininho)!
► Curta o nosso vídeo!
-----------------------------------------------------------------------
Redes Sociais
► Blog: bit.ly/2MRUZs0
► KZfaq: bit.ly/3c0LJQi
► Instagram: bit.ly/3o6dw42
► Facebook: bit.ly/3qGtaF2
Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de Javascript para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos!
-----------------------------------------------------------------------
Conteúdo da Aula
00:00 Introdução
01:06 Identificando as seções do tocador de audiobook
04:05 Rodando o código
05:44 Componentes do projeto
08:33 Bootstrap Icons (biblioteca de ícones)
14:35 Seção do Seletor de Capítulos + Importações
20:45 Visualização do resultado
21:16 Seção de Botões de Controle + arrow function
23:30 Ícones para os botões
28:48 Botão de Play e Pause
30:50 JavaScript para botão Play/Pause
34:20 Conceito mais importante do ReactJS (Variável de estado)
40:23 Importância da variável de estado (onClick)
43:55 Testando o botão de Play/Pause
45:50 Conclusão
#javascript #hashtagprogramacao