Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

JavaScript -  Aplicação web de calculadora de churrasco Projeto Prático JavaScript - Aplicação web de calculadora de churrasco

Aprenda, do zero, como criar uma aplicação web de uma calculadora de churrasco

Curso com 04h52 de vídeos Categoria Desenvolvimento Front-end

Sobre o projeto

Nesse projeto iremos juntos criar uma calculadora de churrasco. O projeto consiste em criarmos um projeto do zero que irá receber as informações que o usuário enviar, fazer todo o cálculo necessário e apresentar ao usuário as quantidades de comida e bebidas necessárias para fazer o churrasco. Essa é a melhor forma de colocar em prática os conceitos aprendidos no decorrer dos cursos. Vamos abordar de uma forma gradativa vários conceitos fundamentais da linguagem.

Nesse projeto iremos juntos criar uma calculadora de churrasco. O projeto consiste em criarmos um projeto do zero que irá receber as informações que o usuário enviar, fazer todo o cálculo necessário e apresentar ao usuário as quantidades de comida e bebidas necessárias para fazer o churrasco. Essa é a melhor forma de colocar em prática os conceitos aprendidos no decorrer dos cursos. Vamos abordar de uma forma gradativa vários conceitos fundamentais da linguagem.

O que irá aprender?

Nesse projeto iremos trabalhar com JavaScript em toda parte lógica porém, dentre várias outras coisas, você aprenderá os tópicos abaixo:

  • Manipulação do DOM;
  • Trabalhar com objetos JavaScript;
  • Validações personalizadas;
  • JavaScript Módulos;
  • Criação de máscara monetária;
  • Conversão de tipos de dados.

Para quem?

Esse curso é voltado a desenvolvedores que já conhecem os conceitos do JavaScript, mas ainda possuem dúvidas de como aplicá-los dentro de um projeto na prática e quer praticar o uso da linguagem.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato

Sobre o professor

Amauri Blanco Corrêa

Amauri Blanco Corrêa

Formado em Análise e Desenvolvimento de Sistemas pela Universidade Cruzeiro do Sul, uma pessoa extremamente curiosa e dedicada, ama tecnologia e sempre busca aprender e aperfeiçoar seus conhecimentos.

Atua há mais de 3 anos como desenvolvedor e instrutor Front-end. Eterno estudante do mundo da tecnologia.

Quais os pré-requisitos para esse curso?

Conteúdo programático

  1. Iniciando a estrutura do projeto com HTML

    Nessa aula vamos iniciar toda a estrutura do projeto, preparando ambiente, importando a fonte necessária e criando o HTML

    11 aulas
    • Apresentação do curso
    • O código-fonte deste projeto está no GitHub!
    • Apresentação do projeto
    • Configurando ambiente
    • Iniciando o projeto
    • Incorporando fonte externa
    • Adicionando conteúdo no HTML
    • Criando campos de comida
    • Criando campos de bebida
    • Criando tabela de resposta comida
    • Criando tabela de resposta bebida
  2. Adiciona estilo ao Projeto com CSS

    Nesta aula iniciaremos com o CSS no projeto, fazendo todas as estilizações necessárias para deixar nosso projeto mais bonito e final ao original.

    7 aulas
    • Criando padrões no CSS
    • Formatando a tag main e container
    • Estilizando header e footer
    • Aplicando grid nos blocos editáveis
    • Estilizando campos de comida e bebida
    • Fidelizando as alterações
    • Estilizando as tabelas
  3. Cálculo de bebidas

    Nessa aula iremos iniciar com toda a parte lógica do nosso projeto, iniciaremos com a parte do calculo das bebidas

    9 aulas
    • Baixando o repositório
    • Organizando pastas e arquivos
    • Obtendo formulário
    • Criando funções de bebidas
    • Criando função de quantidade de bebida
    • Criando função de valor de bebidas
    • Criando função de total de bebidas
    • Retornando valores de bebidas calculado
    • Apresentado valores de bebidas calculados
  4. Cálculo de comidas

    Nessa aula iremos implementar a lógica do cálculo das carnes com JavaScript

    5 aulas
    • Criando função de comida
    • Calculando valores de comida
    • Calculando total de quantidade e valor das comidas
    • Ajustando retorno de cálculo de comida
    • Mostrando valores e quantidades de comida
  5. Máscaras e validações

    Nessa nossa última aula vamos finalizar o projeto criando as máscaras e todas as validações necessárias para o funcionamento correto do projeto.

    9 aulas
    • Criando a conversão monetária
    • Criando máscara monetária
    • Transformando campos de string para float
    • Criando camada de validação
    • Validação com mensagem personalizada
    • Validação de quantidade de convidados
    • Alterando cálculo dos multiplicadores
    • Ajustando valores zerados
    • Finalizando o projeto
Download da ementa

Utilizada e amada por milhares! Veja mais opiniões reais

  • excelente aulas e projetos, que venham mais outros assim, de preferência de vuejs, estou precisando bastante!!!!

  • muito bom projeto para portifolio

  • Já fui e paguei caro por um curso de C# que não me instruiu em nada, pois não tinha o conhecimento básico. Aí arrisquei no TreinaWeb, pois sempre tive preconceito com cursos assim... a distancia. Sempre achei que presencial com uma pessoa ali do seu lado era a melhor forma... estava enganado... Ótimo curso, didática excelente. E vamos agora para o Intermediário. Vlw equipe do TreinaWeb

    Depoimento - Leonardo
    C# (C Sharp) Básico
    Leonardo Nilópolis / RJ
  • Curso Excelente, otimos professores, explicação muito boa...ja estou adquirindo o proximo curso c# avançado. Indico para qualquer um e garanto um dos melhores curso que ja fiz. Parabens a toda equipe.

    Depoimento - Fabrício
    C# (C Sharp) Básico
    Fabrício Cariacica / ES
  • Gostei muito do curso, ele abriu minha mente para o Visual Studio e o C#, deixando bem claro os usos das ferramentas. Assim como me ajudou a revisar de forma bem pratica os principais conceitos de Programação Orientada a Objetos. Recomendo.

    Depoimento - William
    C# (C Sharp) Básico
    William Poços de Caldas / MG
  • Esse curso para mim foi um desafio que eu recebi na empresa que eu trabalho, me fizerem uma proposta para eu aprender e me certificar em C# .NET em 90 dias. Esse curso foi minha salvação! Agora vamos para o Intermediário e por fim o Avançado!!! Agradeço...

    Depoimento - David
    C# (C Sharp) Básico
    David Fortaleza / CE
  • Antes de começar o curso eu já possuía um conhecimento mediano sobre C# e mesmo no módulo básico vi funcionalidades que ainda não conhecia. Ótimos métodos de aprendizagem, simples e eficaz. Recomendado.

    Depoimento - Carlos
    C# (C Sharp) Básico
    Carlos Poços de Caldas / MG
  • Bom, já tinha um conhecimento em programação C#, resolvi fazer o básico só por fazer e me surpreendi, vi muitas coisas novas, entendi melhor vários conceitos, enfim, estou a caminho do intermediário e recomento é um ótimo curso.

    Depoimento - Roberto
    C# (C Sharp) Básico
    Roberto Itaquaquecetuba / SP
  • Ótimo curso! Realmente bastante esclarecedor e didático. O conteúdo é bem completo, abrangendo diversos assuntos de forma dinâmica e complementar, o que ajuda, e muito, no aprendizado e na visão de aplicabilidade. Além de todo o ambiente e dos recursos disponíveis tornarem o estudo mais amigável e menos cansativo.

    Depoimento - Dimitrius
    C# (C Sharp) Básico
    Dimitrius Três Corações / MG

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 129,00 ECONOMIZE R$ 960,00
12x R$ 49,00 sem juros, no cartão de crédito
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!