Minicurso de ReactJS - Aula 1 - Apresentação do Projeto e Primeiros Passos

Quer saber mais sobre o nosso Curso Completo de Javascript? Clique no link abaixo para garantir sua vaga na próxima turma: https://dlp.hashtagtreinamentos.com/javascript/esperajsimpressionador?origemurl=hashtag_yt_org_listaesperajs_SspuJnpfVP0 PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT: https://pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_SspuJnpfVP0 PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_SspuJnpfVP0 ----------------------------------------------------------------------- ► Arquivos Utilizados no Vídeo: https://pages.hashtagtreinamentos.com/arquivo-javascript-17Vt1ckrZ6E-ZYbHubHM6dAjuQkW_3Hj4?origemurl=hashtag_yt_org_planilhajs_SspuJnpfVP0 ► Conhecendo e Instalando o NodeJS https://youtu.be/mByCHMvx_4I ► Instalação do VS Code para Programação em JavaScript e Python https://youtu.be/iLraM_NZYfA ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/minicurso-de-reactjs-javascript ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt ----------------------------------------------------------------------- Fala Impressionadores! Hoje vamos dar início ao Minicurso de ReactJS. Eu vou te explicar o que é ReactJS, como criar o projeto em React e quais os requisitos vamos precisar para que você possa sair do zero em React e criar o seu primeiro projeto! A ideia é que você tenha um conhecimento em HTML, CSS e JavaScript, pois vamos precisar disso tudo para a criação do nosso projeto. Inclusive deixamos links de aulas e minicursos que vão te auxiliar. O objetivo dessa aula é fazer uma apresentação do projeto para que você veja o que vamos construir e entender como o React vai facilitar esse processo de criação. Essa é uma aula que ficou um pouco mais densa, mas tivemos que fazer algumas configurações e explicar pontos importantes para que você consiga seguir para as próximas aulas! ----------------------------------------------------------------------- Vídeos Recomendados ► Instalar e configurar o VSCode: https://www.youtube.com/watch?v=iLraM_NZYfA ► Funções no JavaScript: https://www.youtube.com/watch?v=7GkVh6WP2EQ ► O que é JavaScript? https://youtu.be/oWSxNI8Pg9k ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://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 00:45 Qual será nosso projeto completo com ReactJS? 01:25 Considerações IMPORTANTES 02:29 O que você precisa? 03:00 Visual Studio Code 03:35 Pasta para criar o projeto (terminal) 09:19 Abrindo o VS Code (abrir o projeto) 14:30 Como nós montaríamos essa página? 15:18 O que é jsx? 16:33 Estrutura do projeto 19:30 Inserindo as informações do livro + imagem 24:48 Importando a imagem para o projeto 29:50 Criando o arquivo para o novo componente (capa) 37:50 Texto alternativo (importante) 38:45 Criando o arquivo para o novo componente (capa) 40:37 O que são props? 41:20 Conclusão #javascript #hashtagprogramacao