Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn MoreCurso Javascript + React Native + Typescript P/ Iniciante
Curso Javascript + React Native + Typescript P/ Iniciante
aprenda a usar e configurar as ferramenta mais utilizada pelos programadores.
Highest Rated
Created bySilvanei de Almeida Martins
Last updated 5/2023
Portuguese
Portuguese [Auto],
What you'll learn
- A ideia é desenvolver o curso voltado com material iniciantes e intermediário,
- tanto por alunos que estão ingressando na vida acadêmica quanto para desenvolvedor atuantes
- profissionais que desejam entender como é o um projeto do início ao final.
- Também o projeto foi desenvolvido pensando em você empresario que gostaria de comprar o curso para seus funcionários.
Explore related topics
Course content
10 sections • 153 lectures • 33h 7m total length
- Apresentação do Projeto - parte 016:02
- Apresentação do Projeto - parte 0211:38
- Curso React Iniciante - Instalando Ferramentas16:58
Nesta aula você ira aprender configurar todas as ferramentas de desenvolvimento do reactjs e react native, javascript, instalar a IDE e outras ferramenta pertinente com o desenvolvimento do projeto.
Link do VSC: https://code.visualstudio.com/
Link do Nodejs: https://nodejs.org/en/
Link do Yarn: https://yarnpkg.com/
- Configuração IDE de desenvolvimento VSCODE0:20
- Curso React Iniciante - Instalando Extensões VSCODE11:10
Nesta aula você aprende a configurar algumas das extensões que ira usar no decorrer deste modulo.
- Informações de Plugins VSCODE0:48
- Dica importante0:39
- Curso React Iniciante - Instalando Ferramentas Auxiliares13:06
Nesta aula você conhece sobre algumas ferramentas auxiliares no desenvolvimento javascript com react.
- Curso React Iniciante - Teorias Variáveis de Escopos8:25
- Artigo teorias variáveis de escopos0:42
- Curso React Iniciante - Teorias Arrow Functions9:19
- Artigo Arrow Functions0:45
- Curso React Iniciante - Teorias de Parâmetro e Desestruturação11:15
- Artigo teorias de parâmetro e desestruturação0:37
- Aula 01 - Instalando NodeJs e Yarn no Windows12:25
- Aula 02 - Instalando IDE VSCode5:46
- Aula 03 - Instalando Android Studio - Parte 0114:15
- Aula 04 - Instalando e Configurando Java - Parte 0211:07
Download Jdk 1.8
https://www.oracle.com/br/java/technologies/javase/javase8-archive-downloads.html
- Aula 05 - Configurando Emulador Android - Parte 039:09
- Aula 06 - Instalando NodeJs no MacBook Air M14:22
- Aula 07 - Instalando Yarn no MacBook Air M14:36
- Aula 8 - Instalando VSCode no MacBook Air M16:23
- Aula 09 - Instalando Node Js no Linux8:00
- Aula 10 - Instalando Yarn no Linux6:23
- Aula 11 - Instalando Java JDK 11 no Linux8:20
- Aula 12 - Ajuste da Variável de Ambiente do JAVA_HOME no Linux3:45
- Aula 13 - Instalando Visual Studio Code no Linux3:44
- Aula 14 - Instalando Extensão Visual Studio Code no Linux5:12
- Aula 15 - Instalando Android Studio no Linux6:43
- Aula 16 - Configurando SDK TOOLS Android Studio no Linux5:29
- Aula 17 - Criando Emulador Android no Linux6:48
- Aula 18 - Configurando Variável de Ambiente no Linux8:23
- Aula 19 - Criando Projeto React Native e Executando no Linux10:52
- Dica 02 Criar Snippet14:14
- Dica 03 - Npx react native asset3:31
- Dica 01 - Produtividade no desenvolvimento6:02
- Dica 04 - Subir código para repositório7:15
- Dica 05 - Criando Projeto Bare Workflow Typescript13:54
- Dica 06 - Criando Projeto Expo Utilizando NPX7:13
- Dica 07 - Criando Projeto Typescript Expo Utilizando NPX8:25
- Dica 08 - Criando Projeto Typescript CLI10:45
- Dica 09 - Criando Projeto React Native +NativeWind + Tailwind Css14:51
- Aula 01 - Introdução ao React Native12:26
- Aula 02 - Criando e Executando Projeto Javascript9:40
- Aula 03 - Criando projeto Typescript10:04
- Aula 04 - Conhecendo a estrutura do projeto12:29
- Aula 05 - Criando estrutura do projeto e Executando o App14:46
- Aula 06 - Configurando fonte do App12:56
- Aula 07 - Configurando theme do App14:56
- Aula 08 - Aplicando o theme do App8:22
- Curso React Iniciante - Tela de login48:51
Nesta aula iniciamos a criação do projeto, importamos em nosso projeto as biblioteca que usamos no decorrer dos nossos estudos, usamos tecnologia javascript, css nativo.
Biblioteca:
react-icons: https://react-icons.github.io/react-icons/
- Curso React Iniciante - Criando rotas24:48
Nesta aula criamos o componente de rotas, configuramos nosso sistema para trabalhar com roteamento.
Biblioteca:
React-router-dom: https://reactrouter.com/web/guides/quick-start
- Curso React Iniciante - Tela de cadastro15:55
Nest aula, criamos a tela de cadastro, com aproveitamento de código, do desenvolvimento da tela de login.
Usamos a tecnologia javascript, css, react-icons.
- Curso React Iniciante - Styled-Components28:27
Styled components utiliza literais de template marcados para estilizar seus componentes. Ele remove o mapeamento entre componentes e estilos. Isso significa que, ao definir seus estilos, você está na verdade criando um componente React normal, que possui seus estilos anexados a ele.
Nesta aula criamos nossa pagina de dashboard, que vai represenstar nossa pagina principal que acessarmos apos logarmos em noss projetos.
Criamos o nosso primeiro componente, chamado header e o comoponente footer do nosso projeto.
Link Styled componentes: https://styled-components.com/
- Curso React Iniciante - Criando Componente Header15:06
Neste aula criamos o componente header com suas estilização usando a biblioteca styled components, esse compoentes vamos usar em todas paginas de nosso projetos.
- Curso React Iniciante - Estilizando Header25:38
Nesta aula, terminamos de estilizarmos o componente header.
- Desenvolvimento o projeto Navegador - parte 0111:19
- Desenvolvimento o projeto Navegador - parte 0231:07
- Desenvolvimento o projeto Navegador - parte 0324:46
- Desenvolvimento o projeto Navegador - parte 049:35
- Desenvolvimento o projeto Navegador - parte 0526:50
- Desenvolvimento o projeto Navegador - parte 0612:20
- Desenvolvimento o projeto Navegador - parte 0731:33
- Desenvolvimento o projeto Navegador - parte 0813:06
- Desenvolvimento o projeto Navegador - parte 0915:22
- Desenvolvimento o projeto Navegador - parte 1030:05
- Clone Clubhouse22:04
- Clone Clubhouse25:43
- Clone Clubhouse27:00
- Clone Clubhouse25:34
- Clone Clubhouse14:27
- Aula 01 - Apresentando o projeto12:42
- Aula 02 - Criando o projeto com expo12:41
- Aula 03 - Conhecendo estrutura do projeto8:21
- Aula 04 - Criando estrutura de pasta9:56
- Aula 05 - Configurando babel resolver e paths13:38
- Aula 06 - Executando o projeto Wallet no Android9:58
- Aula 07 - Instalando e configurando fontes10:35
- Aula 08 - Configurando o theme da aplicação9:48
- Aula 09 - Configurando a StatusBar4:08
- Aula 10 - Criando tela de Login25:07
- Aula 11 - Criando Button Social Login - Parte23:50
- Aula 12 - Criando Button Social Login - Parte19:08
- Aula 13 - Criando Input - Parte 0126:58
- Aula 14 - Criando Input - Parte 0223:33
- Aula 15 - Criando Input - Parte 0317:50
- Aula 16 - Input Personalizado - Parte 0129:04
- Aula 17 - Input Personalizado - Parte 0210:46
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 18 - Corrigindo erros e Subindo código para GitHub13:06
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 19 - Button Personalizado - Parte 0121:39
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 20 - Button Personalizado - Parte 0225:40
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 21 - Button Personalizado - Parte 0324:01
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 22 - Correção e erros e bugs9:16
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 23 - Ajuste de layout button social6:43
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 24 - Ajustando Icone Eye do Input25:34
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 25 - Criar link navega para tela de cada14:20
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 26 - Criar link navega para tela de recuperar senha11:08
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 27 - Configurando KeyboardAvoidingView no5:37
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 28 - Criar Variant Button Transparent10:51
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 29 - Instalando Bibliotecas React Navigat12:13
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 30 - Criando Estrutura Pasta para Navegação13:49
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 31 - Criando Configuração da Pasta Routes18:50
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 32 - Configurando Tipagem da Navegação4:53
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 33 - Criando Tela Cadastro - Parte 0120:58
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 34 - Criando Tela Cadastro - Parte 0220:07
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 35 - Criando Tela Recuperar Senha24:49
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 36 - Criando tabBar - Parte 0113:25
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 37 - Criando tabBar - Parte 0211:27
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 38 - Criando tabBar - Parte 0314:14
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 39 - Criando tabBar - Parte 049:27
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 40 - Criando Header da Home17:38
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 41 - Criando Card do Cartão da Home14:17
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 42 -Criando Icone Button da tela Home18:15
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 43 - Criando Transaction - Parte 0111:52
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 44 - Criando Transaction - Parte 0212:59
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 45 - Criando Transaction - Parte 0316:00
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 46 - Criando Transaction - Parte 048:48
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 47 - Ajustando Componente Header16:55
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 48 - Criando Screen Settings - Parte 0126:16
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 49 - Criando Screen Settings - Parte 0220:23
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 50 - Criando Screen Settings - Parte 0314:03
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 51 - Criação Tela Perfil do Usuário10:45
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 52 - Criando Componente GoBack10:53
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 53 - Criando Screen Profile - Parte 0112:16
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 54 - Criando Screen Profile - Parte 029:44
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 55 - Ajuste e Correções10:12
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 56 - Criando Tela Add Cartão - Parte 0112:52
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 57 - Criando Tela Add Cartão - Parte 0211:30
Comunidade Discord: https://discord.gg/KJzXQ6z2
Link do repositório: https://github.com/SilvaneiMartins/wallet-app.git
Site pessoal: silvaneimartins.com.br
- Aula 58 - Detalhes do cartão - Parte 0117:12
- Aula 59 - Detalhes do cartão - Parte 017:59
- Aula 60 - Detalhes do cartão - Parte 0311:24
- Aula 61 - Ajustando header do projeto13:36
- Aula 62 - Criando tela de relatório - Parte 0110:22
- Aula 63 - Criando tela de relatório - Parte 0210:17
- Aula 64 - Criando Screen Transaction - Parte 0114:58
- Aula 65 - Ajustando Componente Header4:03
- Aula 66 - Criando Screen Transaction - Parte 028:49
- Aula 67 - Criando Botão voltar de Screen Transaction9:06
- Aula 68 - Ajustamdo Flatlist e criando Limited Transaction10:16
- Aula 69 - Desenvolvendo Screen Notificação11:18
- Aula 70 - Criando Flatlist da Notificação - Parte 016:48
- Aula 71 - Criando Flatlist da Notificação - Parte 025:14
- Aula 72 - Criando Flatlist da Notificação - Parte 038:01
- Aula 73 - Criando Flatlist da Notificação - Parte 049:31
- Aula 74 - Notificação Recentes - Parte 0111:34
- Aula 75 - Notificação Recentes - Parte 027:26
- Aula 76 - Criando Estrutura da Validação New Notifications6:39
- Aula 77 - Refatorando New Notifications13:00
- Aula 78 - Criando Badge New Notifications6:16
- Aula 79 - Ajuste da Home5:21
- Aula 80 - Considerações Finais do Projeto9:45
- Consideração final do projeto navegador clone7:49
- Considerações Finais do Projeto Wallet a Carteira9:45
Requirements
- Eles curso são para pessoas iniciante na área da programação, e programação que gostaria de ter uma ideia ou uma direção de projeto.
Description
Neste curso você vai aprender a desenvolver, criar varios aplicativo até o deploy, configurar seus app na play store e apple store.
No curso você vai aprender a configurar ambiente de desenvolvimento. Vai iniciar com módulos básico como Javascript, HTML e CSS, vai aprender usar código de web e gerar app para mobile de forma responsiva.
Em um modulo especifico você vai aprender a usar de forma correta o Typescript e suas tipagem, aplicar de forma correto.
No modulo 8 você ira encontrar a construção de um app para colocar em pratica todos os conceito aprendido, o app sera construido utilizando a tecnologia typescript, styled components e algumas ferramentas para a criacao, vamos construir esse app basiado template do comunity figma.
No modulo básico do básico vamos aprender a o inicio de tudo, por onde começar, de qual maneira deve iniciar, primeiro para não realizar investimento alto com computadores caros.
No modulo IX sera disponibilizado todos os recurso que sera consumido em todo curso.
Modulo I - Apresentação do projeto
Modulo II - Introdução a Javascript
Modulo III - Configurando Ambiente
Modulo IV - Dicas de Produtividade
Modulo V - Básico do básico Typescript
Modulo VI - Projeto cadastro de usuário
Modulo VII - Desenvolvimento projeto Clone
Modulo VIII - App Wallet + Typescript
Modulo IX - Recurso do curso
Modulo X - Considerações finais
Who this course is for:
- São pessoas curiosa e amante da tecnologia, programadores experientes, iniciante.