[author] curso web moderno completo com javascript 2022 + projetos course

• Base sólida de Javascript com os novos recursos da linguagem

• Entender como estilizar sua aplicação com Flexbox

• Criar rotas, eventos de swipe, trabalhar com imagens, câmeras e diversas outras funcionalidades

• Criar e integrar a aplicação com um servidor backend em NodeJs, utilizando banco relacional

• Fundamentos e ciclo de vida do React

• Criar projetos de aplicações reais, com layouts atrativos

• Integrar suas aplicações com Redux

• Integrar a aplicação com banco NoSQL, utilizando o Firebase

• Áudio e Vídeo em Alta Definição

  313 aulas e 43 horas de conteúdo. Didática comprovada. Investimento garantido.

• Certificado de Conclusão

  Ao final você receberá certificado com a carga horária apropriada para conclusão

• Suporte Dedicado

  Conte com um time de especialistas e tire todas as suas dúvidas relativas ao curso

• Sem prazo de expiração

  Assista o curso no seu tempo, sem pressa, sem nenhum prazo para expirar.

• Recursos para download

  Baixe arquivos e artigos para melhor desenvolvimento do curso

• Acesso Mobile

  Acesse por qualquer dispositivo: Computador, celular e Ipad

5 classificação por estrelas

Muito Bom, bacana, tudo funcionando perfeitamente.

Qualidade da imagem excelente, código legível, didática boa, gostei bastante.

Qualidade da imagem excelente, código legível, didática boa, gostei bastante.

Ler menos

5 classificação por estrelas

Excelente

Carlos Morette

Curso muito bom! 3 curso que compro da cod3r com o Leonardo e não me arrependo, explica tudo e um pouco mais! Sensacional

Curso muito bom! 3 curso que compro da cod3r com o Leonardo e não me arrependo, explica tudo e um pouco mais! Sensacional

Ler menos

• 1

  • Visão Geral do Curso

    TESTE GRÁTIS

  • Repositório do Curso

  • O que é React Native?

  • Preciso Saber JavaScript?

  • Usando o terminal

  • Aviso importante aos usuários de Windows

• 2

  • Correção do erro Import Type

  • Configuração do Ambiente - WINDOWS

  • Criando Novo Projeto - WINDOWS

  • Configuração do Ambiente - EXPO/WINDOWS

  • Configuração do Ambiente - ANDROID/MACOS

  • Configuração do Ambiente - LINUX

• 3

  • Introdução do Módulo

  • Configuração do Projeto

  • Estrutura do Projeto

  • SafeAreaView

  • Primeiro Componente #01

  • Primeiro Componente #02

  • Organizando Componentes

  • Sistema de Módulos do ECMAScript

  • Um Pouco de Estilo

  • Usando console.warn

  • Componente com Propriedades

  • Desafio Número Aleatório

  • Desafio Número Aleatório - Resposta

  • Propriedades são Somente Leitura

  • React Fragment

  • Usando Botão

  • Componente com Estado (useState)

  • Criando Snippet no VSCode

  • Comunicação Direta

  • Comunicação Indireta

  • Usando Comunicação Direta e Indireta

  • Diferenciando iOS e Android #01

  • Diferenciando iOS e Android #02

  • Renderização Condicional #01

  • Conhecendo o props.children

  • Renderização Condicional #02

  • Renderizando Lista #01

  • Renderizando Lista #02

  • Componentes Controlados

  • Teoria Flexbox #01

  • Teoria Flexbox #02

  • Componente Quadrado

  • Usando Flexbox #01

  • Usando Flexbox #02

  • Usando Flexbox #03

  • Usando Flexbox #04

  • Componente de Classe: Método Render

  • Componente de Classe: Passando Props

  • Componente de Classe: Estado

  • Componente de Classe: Cuidado com o this

  • Componente Mega-Sena #01

  • Componente Mega-Sena #02

  • Componente Mega-Sena #03

• 4

  • Criar Projeto Calculadora

  • Componente Botão #01

  • Componente Display

  • Componente Botão 2

  • Entendendo a Lógica da Calculadora

  • Lógica da Calculadora #01

  • Lógica da Calculadora #02

  • Correção #01

  • Correção #02

• 5

  • Criar Projeto Campo Minado

  • Parâmetros do Jogo

  • Componente Campo (Field) #01

  • Componente Campo (Field) #02

  • Componente Mina (Mine)

  • Componente Bandeira (Flag) #01

  • Componente Bandeira (Flag) #02

  • Revisão JavaScript: Map

  • Lógica do Jogo #01

  • Componente Tabuleiro (MineField)

  • Explicando a Lógica do Jogo

  • Lógica do Jogo #02

  • Correção no Componente MineField

  • Abrir Campo (onPress)

  • Marcar Campo (onLongPress)

  • Cabeçalho do Jogo

  • Selecionar Nível de Dificuldade

• 6

  • Introdução do Módulo

  • Instalando as Dependências

  • Preparando App #01

  • Preparando App #02

  • Navegação Stack #01

  • Navegação Stack #02

  • Navegação Stack #03

  • Navegação Stack #04

  • Navegação Stack #05

  • Navegação Stack #06

  • Navegação Tabs

  • Navegação Drawer #01

  • Navegação Drawer #02

  • Adicionando Ícones #01

  • Adicionando Ícones #02

  • Adicionando Ícones #03

  • Conclusão do Módulo

• 7

  • Criar Projeto

  • Navegação Stack #01

  • Navegação Stack #02

  • Criando Arquivo de Usuários

  • Lista de Usuários #01

  • Lista de Usuários #02

  • Rotas & Parâmetros

  • Formulário de Usuário

  • Context API

  • useReducer #01

  • useReducer #02

  • useReducer #03

• 8

  • Introdução do Módulo

  • Projeto Tasks: Links das Diversas Versões

  • Visão Geral do Projeto

  • Arquivos ZIPs

  • Criar Projeto Tasks

  • Componente Lista de Tarefas #01

  • Componente Lista de Tarefas #02

  • Componente Lista de Tarefas #03

  • Componente Lista de Tarefas #04

  • Componente Tarefa #01

  • Componente Tarefa #02

  • Componente Tarefa #03

  • Componente Tarefa #04

  • Componente Tarefa #05

  • Adicionar FlatList

  • Componente Tarefa #06

  • Botão Filtrar Tarefas

  • Filtrar Tarefas

  • Modal Adicionar Tarefa #01

  • Modal Adicionar Tarefa #02

  • Modal Adicionar Tarefa #03

  • Botão Adicionar Tarefa

  • Configuração iOS: pod install

  • Data da Tarefa #01

  • Data da Tarefa #02

  • Salvar Tarefa

  • Excluir Tarefa #01

  • Configuração Android: Problema Swipe

  • Excluir Tarefa #02

  • Excluir Tarefa #03

  • Armazenar Dados com AsyncStorage

  • Conclusão do Módulo

• 9

  • Repositório Projeto Tasks

  • Introdução do Módulo

  • Criar Projeto Backend

  • Resumo Sobre Express

  • Instalação PSQL

  • Middlewares & DB com Knex #01

  • Aulas Detalhadas Sobre Express

  • DB Migrations

  • Middlewares & DB com Knex #02

  • API: Cadastro de Usuário (Signup)

  • Armazenando Token no .env

  • API: Login de Usuário (Signin)

  • Middleware de Segurança

  • API de Tarefas (Tasks) #01

  • API de Tarefas (Tasks) #02

  • Conclusão do Módulo

• 10

  • Introdução do Módulo

  • Tela de Autenticação #01

  • Tela de Autenticação #02

  • Tela de Autenticação #03

  • Tela de Autenticação #04

  • Navegação

  • Componente AuthInput

  • E-mail Case Insensitive

  • Integrando Autenticação com Backend #01

  • Integrando Autenticação com Backend #02

  • Validando Formulário

  • VSCode Workspace

  • Dica E-mail/Senha Fixos

  • Integrando Tarefas com Backend #01

  • Integrando Tarefas com Backend #02

  • Drawer Navigator #01

  • Drawer Navigator #02

  • Drawer Navigator #03

  • Drawer Navigator #04

  • Informações de Usuário #01

  • Informações de Usuário #02

  • Autenticação ou App #01

  • Autenticação ou App #02

  • Sair da Aplicação (Logout)

  • Melhorando Mensagens

  • Conclusão do Módulo

• 11

  • Criar Projeto Clone Instagram

  • Componente Cabeçalho

  • Componente Post

  • Componente Autor

  • Componente Comentários

  • Adicionar Comentário

  • Tela de Feeds

  • Navegação em Abas

  • Tela Adicionar Foto

  • Tela Perfil Usuário

  • Tela Login

  • Tela Registro

  • Teoria Redux #1

  • Teoria Redux #2

  • Teoria Redux #3

  • Login com Redux #1

  • Login com Redux #2

  • Login com Redux #3

  • Adicionando Usuário no Header

  • Integrando Posts com Redux

  • Integrando Comentários com Redux

  • Adicionando Validações

  • Firebase: Criando Banco Realtime

  • Redux Middleware

  • Adicionando Post no Firebase

  • Usando Firebase Storage #1

  • Usando Firebase Storage #2

  • Usando Firebase Storage #3

  • Usando Firebase Storage #4

  • Obtendo Posts do Firebase

  • Ajustes na Criação do Post

  • Adicionando Comentário no Firebase

  • Registro de Usuário

  • Login de Usuário

  • Exibindo Mensagens

  • Melhorias no Registrar

  • Protegendo as Rotas #01

  • Protegendo as Rotas #02

  • Splash Screen

• 13

  • Configuração do VSCode & Code Runner

• 14

  • O Básico de Var, Let e Const

  • Função Vs Objeto

  • Par Nome/Valor

  • Operadores: Destructuring #01

  • Operadores: Destructuring #02

  • Operadores: Destructuring #03

  • Operadores: Destructuring #04

• 15

  • "this" pode Variar

  • "this" e a Função bind #01

  • "this" e a Função bind #02

  • Funções Arrow #01

  • Funções Arrow #02

  • Funções Arrow #03

  • Funções Anônimas

• 17

  • Array: Visão Geral

  • Array: Métodos Importantes

  • Simulando Array com Objeto

  • Foreach #01

  • Foreach #02

  • Map #01

  • Map #02

  • Map #03

  • Filter #01

  • Filter #02

  • Reduce #01

  • Reduce #02

  • Reduce #03

  • Imperativo Vs Declarativo

  • Concat

  • FlatMap

• 18

  • Introdução do Capítulo

  • Criando o Projeto

  • Configuração & Launcher #01

  • Configuração & Launcher #02

  • Tratando a Primeira Requisição

  • Tipos de Resposta

  • Middleware #01

  • Middleware #02

  • Lendo Dados da Requisição

  • Entendendo o Body Parser

  • Comunicação Entre Módulos #01

  • Comunicação Entre Módulos #02

• 19

  • Criar Projeto Tasks

  • Estilo Comum

  • Componente Agenda

  • Componente Tarefa (Task) #01

  • Adicionar FlatList

  • Componente Tarefa (Task) #02

  • Filtrar Tarefas (Tasks)

  • Modal Adicionar Tarefa (Task)

  • Selecionar Data no Android

  • Excluir Tarefa (Task)

  • Armazenar Dados com AsyncStorage

• 20

  • Iniciar APPs

  • Corrigir Adicionar Task (Initial State)

  • Tela de Autenticação #01

  • Tela de Autenticação #02

  • Input de Autenticação

  • Arquivo common.js

  • Autenticação: Integrar com Backend

  • Autenticação: Validar Formulário

  • Tarefas: Integrar com Backend

  • Menu para Filtrar Tarefas #01

  • Menu para Filtrar Tarefas #02

  • Customizar Menu

  • Corrigir Login (E-mail Case Insensitive)

  • Componente Autenticação ou APP

  • Implementar Logout

• 21

  • Visão Geral da Conf. do Ambiente

  • Instalação VSCode - WINDOWS

  • Instalação do Node - WINDOWS

  • Instalação do Android Studio - WINDOWS

  • Criar Projeto & Deploy Android - Windows

  • Projeto React Native com Expo - WINDOWS

  • Instalação Java - MacOS

  • Instalação Node - MacOS

  • Instalação do Android Studio - MacOS

  • Criar Projeto & Deploy Android - MacOS

  • Instalação XCode & Deploy iOS - MacOS

  • Dica EXPO - Adicionando o index.js

  • Textos - Configuração do Ambiente - Linux

  • Configuração do Ambiente - Linux

• 22

  • Criar Projeto Exercícios

  • Recriando o Componente App

  • Primeiro Componente

    TESTE GRÁTIS

  • Criando Estilo

  • Renderização Condicional

  • Sistema de Módulo: Import/Export

  • Adicionando Navegação ao Projeto

  • Componente de Classe & Estado

  • Cuidado com o 'this'

    TESTE GRÁTIS

  • Diferenciando iOS e Android

  • Validar Propriedades

  • Eventos & Componentes Controlados

  • Comunicação Direta via Props

  • Comunicação Indireta via Callback

  • Layout com Flexbox

  • Flex Box Nomenclatura

  • Lista de Alunos #01

  • Lista de Alunos #02

  • Exemplo Flexbox

  • APK React Native

Leonardo Leitão

Leonardo Leitão é graduado em Engenharia Elétrica pela Universidade Federal do Ceará e Mestre em Informática Aplicada pela Universidade de Fortaleza. Há 13 anos atua como desenvolvedor de softwares e é Professor de desenvolvimento de software há mais de 10 anos. Instrutor premiado internacionalmente pela excelência dos seus cursos, Fundador da Cod3r, reconhecida como uma das melhores escolas de tecnologia do pais onde já passaram mais de 250 mil alunos.

Wagner Aquino

Graduado em Ciências da Computação, Mestrado na área de previsão de séries temporais com Redes Neurais, ambas pela Universidade Estadual do Ceará (UECE). Trabalha com Desenvolvimento desde 2005 e tenta testar tudo que encontra pela frente desde então. Atualmente trabalha como Analista de Testes especializado em Automação na Dataprev.

Seja Nosso Assinante

Tenha acesso a este curso e muitos outros por um preço muito mais acessível. Junte-se a muitos outros assinantes e venha fazer parte desta comunidade. Clique no botão abaixo e descubra como!

• Após a compra do curso tenho prazo pra poder assistir?

  Não, o curso pode ser assistido a qualquer tempo sem limite de prazo.

• O curso oferece certificado?

  Sim, ao final do curso você receberá um certificado baseado na carga horária pra concluir o curso

• Existe suporte para as minhas dúvidas?

  Sim, temos um time de suporte pronto pra tirar as dúvidas relativas ao conteúdo do curso.

• Adquirindo o plano de assinatura também terei acesso a este curso?

  Sim

• Existe a possibilidade de pagar este curso por boleto?

  Sim, basta enviar email para e solicitar.