Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Criando aplicações reais com JavaScript: básico ao avançado

Name: Criando aplicações reais com JavaScript: básico ao avançado
Rating: 4.5 (13 reviews)

Aprenda JavaScript de verdade, na prática, construindo uma aplicação completa com recursos de frameworks JS

Created byDanilo Agostinho

Last updated 6/2023

Portuguese

Portuguese [Auto],

What you'll learn

Utilizar recursos do JavaScript
Criar uma aplicação Single Page Application
Fazer requisições HTTP
Trabalhar com dados assíncronos
Consumir um backend em nodejs
Detectar alterações em variáveis
Criação de serviços
Criar recursos dos Frameworks angular/react e vue
Criar componentes, roteamento, detecção de alterações e muito mais
Upload de imagem
Preview de upload
Tratamento de erros
Interpolação de valores
Validação de formulário
Mascára de formato de moeda
Criação de paginação
Buca de dados em tabela
Filtrar receitas/despesas por range de datas
Filtrar receitas/despesas por categoria
Filtrar receitas/despesas por range de valores
Filtrar extrato de receitas/despesas por categoria e range de valores

Course content

15 sections • 204 lectures • 33h 32m total length

Introdução1:33
Um recado importante para você1:31
Link do projeto no GitHub0:06

Introdução1:34
O que é JavaScript?6:23
Variáveis e constantes (usando var, let e const)16:04
Escopo léxico e de bloco5:33
Variáveis Globais8:07
Tipos de dados13:45
Concatenando varáveis com Template Strings7:36
Manipulação de String (replace, substring, toUpperCase)13:28
Formatação de números (toFixed, parseFloat e Intl.NumberFormat)9:55
O que são funções e como utiliza-las11:04
Utilizando Arrow Functions8:04
Entenda o que são Callbacks e como utiliza-los7:38
Funções Assíncronas10:15
Função de temporização (setTimeout)9:45
Tudo o que você precisa saber sobre Objetos14:19
Tudo o que você precisa saber sobre Arrays10:53
For loop - iterando sobre arrays7:02
Conhecendo o operador Spread (...)5:14
Desestruturando objetos e arrays (Destructuring assignment)8:48
Métodos de Array: map, filter, every e reduce15:56
Os operadores lógicos e de comparação18:18
Estrutura de controle de fluxo (if , else)8:33
Operador Ternário5:18
Manipulação do DOM - parte 110:28
Manipulação do DOM - parte 29:11
Manipulação do DOM - parte 36:17
Eventos e manipuladores de eventos (onClick, onInput e addEventListener)11:39
Fazendo requisições com JavaScript, usando Fetch API12:34
Controle de exceções (try, catch)6:15
Armazenando dados no navegador com localStorage10:13
Saiba de onde vem os objetos embutidos (Date, Array, String)6:20
Trabalhando com Datas: Objeto Date12:11
Entenda como usar Proxy no JavaScript11:58
Criando componentes com Web componentes11:07

Introdução1:09
Conteúdo da próxima aula0:04
Criando o componente de login15:08
Criando o componente de formulário de login12:19
Criando o componente de modal de cadastro de usuários8:53
Conteúdo da próxima aula0:03
Abrindo a modal de cadastro de usuários8:28
Adicionando o avatar na modal de cadastro de usuários8:19
Criando preview e upload da imagem do usuário12:20
Validando os campos da modal de cadastro de usuários - parte 18:03
Validando os campos da modal de cadastro de usuários - parte 211:23
Validando os campos da modal de cadastro de usuários - parte 313:52
Validando os campos da modal de cadastro de usuários - parte 45:30
Validando os campos da modal de cadastro de usuários - parte 59:11
Validando os campos da modal de cadastro de usuários - parte 69:29
Validando os campos da modal de cadastro de usuários - parte 716:22
Pegando os dados inseridos na modal de cadastro de usuários9:20
Criando função para criar select's dinâmicos parte 19:58
Criando função para criar select's dinâmicos parte 212:54
Criando função para criar select's dinâmicos parte 39:13
Criando função de enviar o cadastro para o backend - parte 18:02
Criando função de enviar o cadastro para o backend - parte 29:26
Criando função de cadastrar usuários no sistema - parte 113:06
Criando função de cadastrar usuários no sistema - parte 28:34
Tratando erros da requisição do cadastro de usuários no sistema12:57
Persistindo o nome de usuário no navegador e criando notificação de sucesso14:08
Trabalhando no login do sistema - parte 19:40
Trabalhando no login do sistema - parte 211:39
Trabalhando no login do sistema - parte 313:53
Trabalhando no login do sistema - parte 411:26
Trabalhando no login do sistema - parte 517:53
Criando o componente dashboard6:38
Criando o roteamento do sistema12:43
Protegendo a rota dashboard20:22
Navegando entre rotas sem recarregar a página7:28
Corrigindo erro: Cannot GET /dashboard4:56

Introdução1:17
Criando o componente lista de receitas8:24
Criando modal de adicionar receitas15:18
Criando selects de categoria da receita e método de pagamento13:56
Trabalhando na função de cadastrar receitas - parte 111:57
Trabalhando na função de cadastrar receitas - parte 224:41
Formatando o campo valor da modal de adicionar receitas10:15
Criando uma função para selecionar apenas um checbox8:36
Validando os campos vazios da modal de adicionar receitas13:19
Continuando a função de cadastrar receitas - parte 15:59
Continuando a função de cadastrar receitas - parte 210:11
Continuando a função de cadastrar receitas - parte 315:09
Continuando a função de cadastrar receitas - parte 428:50
Continuando a função de cadastrar receitas - parte 59:59
Continuando a função de cadastrar receitas - parte 66:49
Continuando a função de cadastrar receitas - parte 721:52
Continuando a função de cadastrar receitas - parte 89:02
Trabalhando na listagem das receitas cadastradas - parte 113:15
Trabalhando na listagem das receitas cadastradas - parte 213:02
Trabalhando na listagem das receitas cadastradas - parte 318:00
Trabalhando na listagem das receitas cadastradas - parte 49:13
Criando e populando a tabela com as receitas - parte 114:12
Criando e populando a tabela com as receitas - parte 28:08
Trabalhando população e paginação da tabela - parte 117:21
Trabalhando população e paginação da tabela - parte 26:14
Trabalhando população e paginação da tabela - parte 313:33
Limitando as receitas por página - parte 17:19
Limitando as receitas por página - parte 215:53
Limitando as receitas por página - parte 38:37
Listando as receitas logo após cadastra-las7:12
Trabalhando no campo de busca de receitas - parte 112:55
Trabalhando no campo de busca de receitas - parte 215:04
Trabalhando no campo de busca de receitas - parte 320:46
Trabalhando na atualização das receitas - parte 112:26
Trabalhando na atualização das receitas - parte 215:23
Trabalhando na atualização das receitas - parte 39:53
Trabalhando na atualização das receitas - parte 47:35
Trabalhando na atualização das receitas - parte 58:37
Preenchendo a modal de atualizar receitas - parte 110:54
Preenchendo a modal de atualizar receitas - parte 229:13
Preenchendo a modal de atualizar receitas - parte 319:25
Criando payload para salvar a atualização das receitas - parte 114:48
Criando payload para salvar a atualização das receitas - parte 212:17
Fazendo a requisição para atualizar as receitas23:16
Carregando itens na tabela depois de atualizar as receitas7:22
Excluindo receitas e atualizando a tabela9:20
Voltando para página anterior após excluir a receita10:09
Corrigindo erro de exclusão da última receita10:45
Trabalhando no componente de gerenciamento de meses - parte 17:31
Trabalhando no componente de gerenciamento de meses - parte 29:14
Trabalhando no componente de gerenciamento de meses - parte 320:56
Trabalhando no componente de gerenciamento de meses - parte 46:50
Trabalhando no componente de gerenciamento de meses - parte 56:53
Filtrando receitas por categoria - parte 117:19
Filtrando receitas por categoria - parte 211:46
Filtrando receitas por categoria - parte 314:50
Filtrando receitas por categoria - parte 410:45
Filtrando receitas por categoria - parte 56:40
Filtrando receitas por range de valores - parte 16:28
Filtrando receitas por range de valores - parte 224:27
Habilitando botão anterior da paginação quando estiver na próxima página11:16
Escondendo filtros quando não tiver receitas para exibir12:00
Corrigindo o cadastro de pra meses fixos4:51

Introdução0:52
Criando o componente de despesas8:45
Criando a modal de cadastro de despesas7:23
Trabalhando na modal cadastro de despesas - parte 111:15
Trabalhando na modal cadastro de despesas - parte 220:29
Trabalhando na modal cadastro de despesas - parte 319:40
Trabalhando na busca por despesas e filtros10:16
Criando modal de atualizar despesas18:42
Trabalhando na atualização das despesas10:18
Criando o componente de gerenciamento de meses de despesas15:05
Corrigindo o loading da tabela1:05
Corrigindo a paginação da tabela17:51

Requirements

HTML
CSS
Lógica de programação

Description

Aprenda JavaScript de Verdade Criando um Projeto Real e Profissional do Zero!

Chega de estudar teoria sem sair do lugar! Neste curso prático de JavaScript, você vai construir uma aplicação completa do zero e dominar os fundamentos que realmente importam para conquistar uma vaga como desenvolvedor front-end.

Você está cansado de estudar bastante e não conseguir criar projetos reais em JavaScript? Este curso vai destravar seu lado criativo e te ajudar a se tornar o programador desejado pelas empresas.

Ao contrário de outros cursos que só ficam na teoria, aqui você vai aprender JavaScript fazendo, errando, corrigindo e vencendo desafios reais, como os devs fazem nas empresas.

Vamos começar do básico, com JavaScript puro, para que você compreenda profundamente a linguagem e depois possa aplicar esse conhecimento em frameworks como Angular ou React.

O QUE VOCÊ VAI CONSTRUIR:

Um sistema completo com as seguintes funcionalidades:

Cadastro e login de usuários com JWT
Upload de imagens com preview em base64
Cadastro, edição e remoção de receitas e despesas
Paginação inteligente e filtros por data, valor e categoria
Extrato de receitas e despesas com formatação inteligente

CONCEITOS AVANÇADOS NA PRÁTICA:

Web Components e roteamento
Proxy e detecção de mudanças
Manipulação avançada de arrays, objetos, strings e datas
Conversão e formatação de tipos
Requisições HTTP com Fetch API
Princípios de Clean Code e DRY (Don't Repeat Yourself)

PARA QUEM É ESTE CURSO:

Iniciantes que querem aprender JavaScript de verdade
Devs que já estão na área e querem evoluir para projetos reais
Quem quer se destacar em entrevistas e no mercado de trabalho

DIFERENCIAIS:

Curso 100% prático e atualizado
Instrutor experiente e acessível
Garantia total de reembolso se o curso não atender às suas expectativas

Assista ao vídeo de apresentação e veja na prática a aplicação que você vai criar. Este curso foi criado com carinho para te ajudar a sair da teoria e virar um verdadeiro desenvolvedor front-end com JavaScript.

Matricule-se agora e comece sua transformação como desenvolvedor hoje mesmo!

Who this course is for:

Pessoas interessadas em Front-end
Pessoas interessadas em entrar para a área de tecnologia
Pessoas interessadas em criar um projeto para incluir no portfólio
Pessoas interessadas em JavaScript

Criando aplicações reais com JavaScript: básico ao avançado

What you'll learn

Explore related topics

Course content

Introdução3 lectures • 3min

Fundamentos do JavaScript34 lectures • 5hr 32min

Configuração do ambiente de trabalho8 lectures • 37min

Projeto prático: iniciando o projeto4 lectures • 10min

Projeto prático: trabalhando na página inicial36 lectures • 6hr 5min

Projeto prático: trabalhando na página dashboard7 lectures • 55min

Projeto prático: trabalhando no componente lista de receitas63 lectures • 13hr 9min

Projeto prático: trabalhando no componente lista de despesas12 lectures • 2hr 22min

Projeto prático: trabalhando com componente de saldo total de receitas4 lectures • 29min

Projeto prático: trabalhando com componente de saldo total de despesas2 lectures • 7min

Requirements

Description

Who this course is for: