Série da semana: Angular, API RESTful e Banco de Dados

Veja mais

Curso de Introdução ao JavaScript

Este curso é uma introdução ao JavaScript, onde aprenderemos conceitos básicos e as principais funções dessa linguagem. Para isso usaremos um formulário de pedidos para uma pizzaria, no qual será possível adicionar os sabores de pizza que desejamos comprar. Para isso teremos dois botões, um para adicionar e outro para remover as quantidades no pedido. Outra funcionalidade que veremos é o envio do formulário, pois este pedido precisa ser encaminhado para o servidor. Criaremos essa aplicação ... Ver mais utilizando apenas JavaScript, sem nenhum framework.

Precisa saber mais sobre esse tema antes de iniciar o curso?
Consulte os Guias abaixo:

Assine e tenha acesso completo Carga Horária No Certificado - 14H

Curso de JavaScript

Aula 1 - free

Introdução

Ao longo do curso desenvolvemos uma lista de pedidos para um website chamado Hello Pizza. Nesta lista será possível escolher as quantidades de cada sabor de pizza a serem compradas.
free
Aula 2 - mvp

Manipulando Elementos da View

Um desenvolvedor JavaScript precisa entender como manipular elementos do HTML para tornar as páginas mais dinâmicas e interativas para o usuário. Nesta aula será dado o passo inicial para a manipulação desses elementos.
mvp
Aula 3 - mvp

Executando código a partir de um arquivo

Até agora testamos o código JavaScript no console. Em um ambiente real devemos salvar este código em um arquivo e hospedá-lo em um servidor, assim o navegador do cliente poderá fazer o download destes arquivos possibilitando a visualização da página.
mvp
Aula 4 - mvp

Entendendo um pouco sobre os tipos

A nossa aplicação depende da realização de cálculos para exibir o total que o cliente irá pagar pela compra, mas para aprender a calcular valores é necessário entender o tipo string que representa um texto e o tipo number que representa um número.
mvp
Aula 5 - mvp

Capturando um evento de click

Constantemente nos deparamos com web sites que nos permitem interagir com as suas páginas, uma destas formas de interagir é através do clique de um botão. Nesta aula veremos como executar uma ação ao clicar em um botão.
mvp
Aula 6 - mvp

Codificando o botão decrementa

Agora que sabemos como incrementar o valor de um elemento ao clicar em um botão, podemos escrever uma lógica similar para o botão que decrementa a quantidade do item da lista de pedidos. Isto será necessário caso o cliente decida remover uma pizza.
mvp
Aula 7 - mvp

Calculando o total

Precisamos exibir o total da compra de acordo com os itens adicionados, assim o cliente poderá visualizar seu valor. Para isto será necessário capturar os preços dos itens e somá-los no total.
mvp
Aula 8 - mvp

Aplicando boas práticas com funções

A lógica que está no botão incrementa se repetirá no botão decrementa e repetição de código não é uma boa prática. Para tornar o nosso código mais limpo faremos uso de funções para remover a repetição e escrever este código uma única vez.
mvp
Aula 9 - mvp

Buscando o input quantidade pela classe

Até o momento estamos buscando o input pelo ID, entretanto teremos diversos inputs que representam a quantidade de um item. Veremos como buscar o input que contém a classe quantidade.
mvp
Aula 10 - mvp

Codificando a função decrementa

Precisamos alterar o total ao clicar no botão decrementa, mas para isto é necessário validar a quantidade dos itens, pois não queremos adicionar uma quantidade com o valor negativo. Nesta aula veremos como fazer isto com o IF.
mvp
Aula 11 - mvp

Utilizando o for em uma lista

Precisamos adicionar o comportamento de incrementar e decrementar em diversos botões da nossa view, para isto utilizaremos o for. Veremos nesta aula como navegar em uma lista.
mvp
Aula 12 - mvp

Codificando o botão decrementa

Veremos aqui o código necessário para fazer funcionar o botão decrementa, possibilitando que sejam removidas unidades de pizza do pedido.
mvp
Aula 13 - mvp

Preparando o envio do formulário

O nosso formulário não pode enviar uma lista de pedidos vazia, veremos como validar um formulário apenas com HTML e posteriormente iniciaremos a construção da nossa própria validação.
mvp
Aula 14 - mvp

Enviando um formulário

Nossa lista de pedidos está quase completa, precisamos validar os dados antes de enviar para o servidor. Veremos nesta aula como evitar enviar uma lista de pedido vazia para o servidor.
mvp
Conteúdo Extra - mvp

Off-topic

Neste vídeo falaremos um pouco a evolução do JavaScript e ambientes em que ele pode ser aplicado. Citaremos alguns projetos bem famosos.
mvp
Conteúdo Extra - free

JavaScript replace(): substituindo valores em uma string

Nesta documentação de JavaScript veremos como utilizar o método replace(), que permite substituir uma sequência de caracteres por outra.
free

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Acesse todos os nossos cursos sendo um assinante mvp

Benefícios MVP
  • Guias de Carreira
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês *Tempo mínimo de assinatura: 12 meses.
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
200 mil fãs no facebook
100 mil certificados emitidos