Desenvolvimento Web – JavaScript

Ementa: Ao longo deste curso, o aluno aprenderá sobre uma das linguagens mais utilizadas pelos programadores: a JavaScript. Com ela, o aluno verá como criar páginas dinâmicas, com diversos efeitos e interações, como: layouts, animações, respostas aos cliques, ambientes em 3D, entre outros. Para isso, conhecerá diferentes conceitos, como os formulários, as variáveis, as constantes, os tipos de dados, os operadores aritméticos, a estrutura de controles, as funções, os eventos, os arrays, os loops, as interações e a biblioteca jQuery.

Mercado de trabalho/Público-alvo: Os conhecimentos adquiridos no curso, se aplicam de forma ampla para atuação em desenvolvedor de Web, em todo o tipo de empresa de pequeno a grande porte, além de agências focadas em marketing digital, criação de sites, desenvolvimento de jogos, robótica, automação e na área da educação.

Carga horária: 10h

Conteúdo Programático

Aula 1 – Conhecendo o JavaScript

• Aprender sobre o JavaScript;
• Criar um arquivo HTML e adicionar um código JavaScript;
• Programar a mensagem de alerta para o botão Criar minha conta;
• Conhecer o DOM; 
• Aprender a instalar o Visual Studio Code; 
• Conhecer algumas tags e as suas definições.

Aula 2 – Constantes, variáveis, dados e operações

• Aprender sobre constantes e variáveis e dados e operações no JavaScript; 
• Definir constantes com os operadores aritméticos; 
• Adicionar a função soma ao operador aritmético e as funções de subtração, de divisão e de multiplicação.

Aula 3 – Estruturas de controle

• Compreender como os operadores lógicos funcionam na estrutura de controle;
• Aprender a criar o layout de uma calculadora, na linguagem JavaScript;
• Aprender a preparar as funções dos botões da calculadora, por meio da linguagem JavaScript;
• Conhecer os operadores lógicos; 
• Compreender alguns recursos do JavaScript.

Aula 4 – Funções

• Aprender sobre função no JavaScript;
• Adicionar uma calculadora ao blog de finanças e o código JavaScript ao projeto; 
• Adicionar as funções de abrir e de fechar a calculadora;
• Conhecer a recursividade.

Aula 5 – Eventos em JavaScript

• Conhecer alguns eventos em JavaScript;
• Validar os campos de login do usuário;
• Criar funções para validar os campos do formulário de cadastro;
• Adicionar as funções selecionarEstado e a selecionarEstadoCivil; 
• Inserir uma função para validar, de uma única vez, todo o formulário;
• Entender o que é o desenvolvimento responsivo; 
• Aprender a inspecionar e alterar os códigos de um site.

Aula 6 – Manipulação de CSS e de HTML

• Conhecer as diversas formas de manipular o CSS e o HTML com o JavaScript;
• Manipular o CSS e o HTML, por meio do JavaScript, para adicionar efeitos aos links de um site;
• Adicionar efeitos aos campos de um formulário do site Pet Commerce.

Aula 7 – Entendendo como se cria objetos, suas propriedades e funções em JavaScript

• Conhecer a estrutura da criação de um objeto e definição de suas propriedades, em JavaScript; 
• Aprender a utilizar objetos em JavaScript, por meio de funções; 
• Entender sobre os recursos Setters e Getters; 
• Aprender a programar, em JavaScript, a validação dos campos de uma página de login;
• Aprender a preparar a programação de uma página que cadastra os clientes e adiciona os dados na tabela da página.

Aula 8 – Métodos para manipular um array, loops e interações

• Compreender o que são arrays e os seus métodos de manipulação; 
• Compreender o que são loops e as formas de utilização;
• Aprender a adicionar um novo item na tabela Clientes e a remover um item na mesma tabela.

Aula 9 – Conhecendo a biblioteca jQuery

• Conhecer a biblioteca jQuery; 
• Transformar códigos JavaScript em jQuery – página de login e página de cadastro;
• Aprender a fazer o download do jQuery.

Aula 10 – Criando animações com o jQuery

• Criar uma animação com o jQuery;
• Criar a área JavaScript; 
• Aplicar a animação de rolar a página;
• Criar a animação de piscar e o menu Me ligue; 
• Criar e configurar o modalMeLigue;
• Conhecer elementos que contribuem para a interação da página.