Curso de ReactJS – Biblioteca JavaScript para criar interfaces
Aprenda a criar interfaces para seus programas com este curso online.
- Professor: João Ribeiro
- Nível do curso: Básico
O React se tornou uma das bibliotecas mais famosas para quem trabalha com programação JavaScript, sendo definida como “declarativa, eficiente e flexível para a criação de interfaces do usuário”. Ou seja, trata-se de uma biblioteca que foi construída para tornar mais fácil a criação das interfaces nos programas construídos com essa linguagem.
Já que React é considerada como uma biblioteca, é importante que os estudantes entendam que não se trata de uma framework, pois essa é uma confusão que acontece com bastante frequência. Ela é composta por uma coleção de funcionalidades relacionadas que podem ser chamadas pelo desenvolvedor para que possam ser resolvidos problemas específicos.
Aprenda mais sobre ReactJs neste curso online e gratuito. Não deixe de conferir também o curso de SharePoint Online Developer.
Sobre o curso
Neste curso online, os estudantes podem aprender mais sobre como utilizar a biblioteca React nos seus projetos no dia a dia. A ideia do curso é focar nas funcionalidades que são oferecidas com este recurso, portanto recomenda-se que os alunos tenham um conhecimento básico de programação em JavaScript.
Estrutura do curso
001 – ReactJS – INTRODUÇÃO
002 – ReactJS – PREPARAÇÃO DO AMBIENTE DE TRABALHO
003 – ReactJS – PRIMEIRA EXPERIÊNCIA COM REACTJS E JSX
004 – ReactJS – EXEMPLO DE UM FUNCTION COMPONENT
005 – ReactJS – EXEMPLO DE UM CLASS COMPONENT
006 – ReactJS – COMPONENT PROPS
007 – ReactJS – MAIS ASPETOS SOBRE USO DE PROPS
008 – ReactJS – COMO USAR CSS EM REACT COMPONENTS
009 – ReactJS – INCLUIR O REACTDOM RENDER DENTRO DE UM COMPONENTE
010 – ReactJS – INLINE STYLING DENTRO DE UM COMPONENTE
011 – ReactJS – INTRODUÇÃO AO CONCEITO DE STATE
012 – ReactJS – DIFERENÇA ENTRE PROPS E STATE
013 – ReactJS – UTILIZAÇÃO DE STATE E PROPS ENTRE PARENT E CHILD COMPONENTS
014 – ReactJS – INTRODUÇÃO AOS EVENTOS EM REACTJS
015 – ReactJS – EXERCÍCIO PRÁTICO
016 – ReactJS – SIMPLIFICAR BINDINGS COM ARROW FUNCTIONS
017 – ReactJS – PASSAGEM DE PARÂMETROS PARA EVENTOS
018 – ReactJS – USAR MÉTODOS COMO PROPS
019 – ReactJS – PASSAR ARGUMENTOS DE CHILD PARA PARENT COMPONENT
020 – ReactJS – QUATRO FORMAS DE RENDERIZAÇÃO CONDICIONAL
021 – ReactJS – RENDERIZAÇÃO DE LISTAS E FUNCAO MAP
022 – ReactJS – EXEMPLO DE RENDERIZAÇÃO DE LISTAS DE NOTÍCIAS
023 – ReactJS – RENDERIZAÇÃO DE LISTAS E UNIQUE KEYS
024 – ReactJS – RECORRENDO AO INDEX NA RENDERIZAÇÃO DE COLEÇÕES
025 – ReactJS – VAMOS VOLTAR AO USO DE CSS NO REACT
026 – ReactJS – UTILIZAÇÃO DE ESTILOS INLINE
027 – ReactJS – REACT E INPUTS DE FORMULÁRIOS
028 – ReactJS – EXEMPLO COM TEXTAREA
029 – ReactJS – EXEMPLO COM SELECT
030 – ReactJS – FORMULÁRIO DE LOGIN
031 – ReactJS – BREVE INTRODUÇÃO AOS LIFECYCLE METHODS
032 – ReactJS – CRIAR UMA REACT APP
033 – ReactJS – PRIMEIRO CONTACTO COM A ESTRUTURA DA APP
034 – ReactJS – ANÁLISE DAS PASTAS E FICHEIROS DA APP
035 – ReactJS – ALTERAÇÃO DE CÓDIGO E MAIS ALGUMAS DICAS
036 – ReactJS – CRIAÇÃO DE VERSÃO SIMPLIFICADA DO PROJETO
037 – ReactJS – IMPORT E EXPORT EXPLICADO DE FORMA SIMPLES
038 – ReactJS – REACT SNIPPETS E VÁRIAS DICAS
039 – ReactJS – FLUXO DE DADOS NUMA REACT APP
040 – ReactJS – 3 FORMAS DE FLUXO DE DADOS
041 – ReactJS – IMPORTAR CSS PARA REACT APP
042 – ReactJS – INTRODUÇÃO AO REACT ROUTER
043 – ReactJS – INTRODUÇÃO A REACT HOOKS
044 – ReactJS – FINAL DA PRIMEIRA PARTE
Aulas:
-
001 - ReactJS - INTRODUÇÃO002 - ReactJS - PREPARAÇÃO DO AMBIENTE DE TRABALHO003 - ReactJS - PRIMEIRA EXPERIÊNCIA COM REACTJS E JSX004 - ReactJS - EXEMPLO DE UM FUNCTION COMPONENT005 - ReactJS - EXEMPLO DE UM CLASS COMPONENT006 - ReactJS - COMPONENT PROPS007 - ReactJS - MAIS ASPETOS SOBRE USO DE PROPS008 - ReactJS - COMO USAR CSS EM REACT COMPONENTS009 - ReactJS - INCLUIR O REACTDOM RENDER DENTRO DE UM COMPONENTE010 - ReactJS - INLINE STYLING DENTRO DE UM COMPONENTE011 - ReactJS - INTRODUÇÃO AO CONCEITO DE STATE012 - ReactJS - DIFERENÇA ENTRE PROPS E STATE013 - ReactJS - UTILIZAÇÃO DE STATE E PROPS ENTRE PARENT E CHILD COMPONENTS014 - ReactJS - INTRODUÇÃO AOS EVENTOS EM REACTJS015 - ReactJS - EXERCÍCIO PRÁTICO016 - ReactJS - SIMPLIFICAR BINDINGS COM ARROW FUNCTIONS017 - ReactJS - PASSAGEM DE PARÂMETROS PARA EVENTOS018 - ReactJS - USAR MÉTODOS COMO PROPS019 - ReactJS - PASSAR ARGUMENTOS DE CHILD PARA PARENT COMPONENT020 - ReactJS - QUATRO FORMAS DE RENDERIZAÇÃO CONDICIONAL021 - ReactJS - RENDERIZAÇÃO DE LISTAS E FUNCAO MAP022 - ReactJS - EXEMPLO DE RENDERIZAÇÃO DE LISTAS DE NOTÍCIAS023 - ReactJS - RENDERIZAÇÃO DE LISTAS E UNIQUE KEYS024 - ReactJS - RECORRENDO AO INDEX NA RENDERIZAÇÃO DE COLEÇÕES025 - ReactJS - VAMOS VOLTAR AO USO DE CSS NO REACT026 - ReactJS - UTILIZAÇÃO DE ESTILOS INLINE027 - ReactJS - REACT E INPUTS DE FORMULÁRIOS028 - ReactJS - EXEMPLO COM TEXTAREA029 - ReactJS - EXEMPLO COM SELECT030 - ReactJS - FORMULÁRIO DE LOGIN031 - ReactJS - BREVE INTRODUÇÃO AOS LIFECYCLE METHODS032 - ReactJS - CRIAR UMA REACT APP033 - ReactJS - PRIMEIRO CONTACTO COM A ESTRUTURA DA APP034 - ReactJS - ANÁLISE DAS PASTAS E FICHEIROS DA APP035 - ReactJS - ALTERAÇÃO DE CÓDIGO E MAIS ALGUMAS DICAS036 - ReactJS - CRIAÇÃO DE VERSÃO SIMPLIFICADA DO PROJETO037 - ReactJS - IMPORT E EXPORT EXPLICADO DE FORMA SIMPLES038 - ReactJS - REACT SNIPPETS E VÁRIAS DICAS039 - ReactJS - FLUXO DE DADOS NUMA REACT APP040 - ReactJS - 3 FORMAS DE FLUXO DE DADOS041 - ReactJS - IMPORTAR CSS PARA REACT APP042 - ReactJS - INTRODUÇÃO AO REACT ROUTER043 - ReactJS - INTRODUÇÃO A REACT HOOKS044 - ReactJS - FINAL DA PRIMEIRA PARTE