Curso de Desenvolvimento Web

Desenvolvimento Web – JavaScript

Aprenda JavaScript — uma das linguagens mais utilizadas no mundo — e crie páginas dinâmicas com layouts, animações, respostas a cliques e interações. Do DOM ao jQuery, passando por variáveis, funções, eventos, arrays e loops.

Quero me matricular Ver conteúdo

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.

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.

Conteúdo programático

O curso foi organizado em 10 aulas práticas, cobrindo desde os fundamentos até animações com jQuery.

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, variáveis, 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, divisão e 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 em JavaScript
Aprender a preparar as funções dos botões da calculadora
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 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 via JavaScript para adicionar efeitos aos links de um site
Adicionar efeitos aos campos de um formulário do site Pet Commerce

Aula 7 – Objetos, Propriedades e Funções em JavaScript

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

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 da 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