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:
dlp.hashtagtreinamentos.com/j...
PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT:
pages.hashtagtreinamentos.com...
PARA BAIXAR O MINICURSO GRATUITO DE HTML E CSS:
pages.hashtagtreinamentos.com...
-----------------------------------------------------------------------
► Arquivos Utilizados no Vídeo:
pages.hashtagtreinamentos.com...
► Conhecendo e Instalando o NodeJS
• Conhecendo e Instaland...
► Instalação do VS Code para Programação em JavaScript e Python
• Instalação do VS Code ...
-----------------------------------------------------------------------
Caso prefira o vídeo em formato de texto:
www.hashtagtreinamentos.com/m...
-----------------------------------------------------------------------
PARA CONTRATAR A HASHTAG PARA SUA EMPRESA:
www.hashtagtreinamentos.com/t...
-----------------------------------------------------------------------
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: • 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
► KZbin: 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
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

[@moderacaohashtag]

Fala galera! Gostou do vídeo? Deixa a sua curtida e se inscreve no canal! PARA BAIXAR O MINICURSO GRATUITO DE JAVASCRIPT: pages.hashtagtreinamentos.com/inscricao-curso-basico-javascript?origemurl=hashtag_yt_org_minijs_SspuJnpfVP0 ► Arquivos Utilizados no Vídeo: pages.hashtagtreinamentos.com/arquivo-javascript-17Vt1ckrZ6E-ZYbHubHM6dAjuQkW_3Hj4?origemurl=hashtag_yt_org_planilhajs_SspuJnpfVP0 ► Blog: bit.ly/2MRUZs0 ► KZbin: bit.ly/3c0LJQi ► Instagram: bit.ly/3o6dw42 ► Facebook: bit.ly/3qGtaF2

[@JefersonPrimer]

Otima aula,nem percebi quando terminou! a HTML:5, as CSS:5 e o JS:4

[@maurolima5522]

top

[@eliseuoliveira3903]

muito boa Didática, esse cara é fera d++

[@Baabicota]

Ficou ótimo o tempo de duração da aula! Eu colocaria algum livro de Nárnia 🦁 HTML: 4 | CSS: 3 | Javascript: 2

[@robertosoaresdefreitas]

Top 👏👏👏👏

[@pedrovitor9625]

Meu nível de HTML e CSS é intermediário, porém recentemente esse ano eu fiz o curso de JavaScript com Gustavo Guanabara, Curso em Vídeo, aí meu conhecimento em JavaScript é básico, porém sei algumas coisas, agora de React eu sou zerado, estou iniciando e engatinhando kkkkkkkkkkkkkkkkkkkkkkkkkkkk.

[@Baabicota]

Qual vai ser a frequência dos vídeos?

[@Lin2705]

❤👍

[@ed_junior]

O ReactJS não cria aplicativo nativo, seja para Android ou IOS tipo Flutter? Nesse Mini curso eu vi um App Web daqueles que é uma pagina web responsiva.

[@JefersonPrimer]

Se eu endendi a sua pergunta vc esta falando React Native.

[@ed_junior]

@@JefersonPrimer isso, mas depois estava vendo na web e existe um tal de Expo que permite utilizar recursos do Android ou do ios não sei bem como e ter um app nativo e não uma página web responsiva.