Scribd
Carregar
17 visualizações18 páginas

Apresentacao JavaScript Com Exemplos

Enviado por

Maycon Santos Siqueira
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd
17 visualizações18 páginas

Apresentacao JavaScript Com Exemplos

Enviado por

Maycon Santos Siqueira
Direitos autorais
© © All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PPTX, PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 18

Título e Introdução

• JavaScript: Uma Introdução Completa


• Nome do Apresentador
• Objetivo da Apresentação
O que é JavaScript?

• Definição de JavaScript
• Importância e uso da linguagem
• // Exemplo: Alerta simples
• alert('Hello, World!');
História e Evolução

• Origem de JavaScript
• Principais marcos e versões
• // Linha do tempo de JavaScript
Diferenças entre JavaScript e Java

• Comparação entre Java e JavaScript


• Principais diferenças
• // Exemplo em Java
• public class HelloWorld {
• public static void main(String[] args) {
• System.out.println('Hello, World!');
• }
• }

• // Exemplo em JavaScript
• console.log('Hello, World!');
Sintaxe Básica

• Estrutura de um script JavaScript


• Sintaxe básica
• // Exemplo de script básico
• // Este é um comentário de linha única
• /* Este é um comentário de múltiplas linhas */
• var mensagem = 'Olá, Mundo!';
• console.log(mensagem);
Variáveis e Tipos de Dados

• Declaração de variáveis
• Tipos de dados em JavaScript
• // Exemplo de variáveis
• var nome = 'João'; // String
• var idade = 25; // Número
• var casado = false; // Booleano
• var carro; // Undefined
• var objeto = null; // Nulo
Operadores e Expressões

• Operadores aritméticos
• Operadores de comparação
• Operadores lógicos
• // Exemplo de operadores
• var a = 5;
• var b = 10;
• console.log(a + b); // 15 (Operador aritmético)
• console.log(a == b); // false (Operador de comparação)
• console.log(a < b && b > 0); // true (Operador lógico)
Estruturas de Controle

• Estruturas de controle de fluxo (if, else, switch)


• Estruturas de repetição (for, while, do-while)
• // Exemplo de if-else e loop for
• var frutas = ['maçã', 'banana', 'laranja'];
• for (var i = 0; i < frutas.length; i++) {
• console.log(frutas[i]);
• }
Declaração e Invocação de Funções

• Sintaxe de funções
• Funções anônimas e funções de seta
• // Exemplo de função soma
• function soma(a, b) {
• return a + b;
• }
• console.log(soma(5, 10)); // 15
Escopo e Closures

• Escopo de variáveis
• Entendendo closures
• // Exemplo de escopo e closure
• function saudacao(nome) {
• var mensagem = 'Olá, ' + nome;
• return function() {
• console.log(mensagem);
• };
• }
• var saudacaoJoao = saudacao('João');
• saudacaoJoao(); // 'Olá, João'
Objetos e Protótipos

• Criação de objetos
• Herança baseada em protótipos
• // Exemplo de objeto
• var pessoa = {
• nome: 'Ana',
• idade: 30,
• saudacao: function() {
• console.log('Olá, meu nome é ' + this.nome);
• }
• };
• pessoa.saudacao(); // 'Olá, meu nome é Ana'
Manipulação do DOM

• O que é DOM
• Selecionando elementos no DOM
• Modificando elementos do DOM
• // Exemplo de manipulação do DOM
• document.getElementById('titulo').innerText = 'Novo Título';
Eventos e Manipulação de Eventos

• Tipos de eventos
• Adicionando e removendo event listeners
• Propagação de eventos e delegação
• // Exemplo de event listener
• document.getElementById('meuBotao').addEventListener('click', function() {
• alert('Botão clicado!');
• });
APIs do Navegador

• Introdução às APIs do navegador


• Exemplos de uso da Fetch API
• // Exemplo de Fetch API
• fetch('https://api.exemplo.com/dados')
• .then(response => response.json())
• .then(data => console.log(data))
• .catch(error => console.error('Erro:', error));
Bibliotecas Populares

• Introdução ao jQuery
• Introdução ao React
• Introdução ao Vue.js
• // Exemplo de jQuery
• $(document).ready(function() {
• $('#meuElemento').text('Texto alterado com jQuery');
• });
JavaScript no Servidor

• Introdução ao Node.js
• Exemplos de uso do Node.js no backend
• // Exemplo de servidor Node.js
• const http = require('http');
• const servidor = http.createServer((req, res) => {
• res.statusCode = 200;
• res.setHeader('Content-Type', 'text/plain');
• res.end('Olá, Mundo!');
• });
• servidor.listen(3000, () => {
• console.log('Servidor rodando em http://localhost:3000/');
• });
Boas Práticas e Ferramentas

• Debugging e ferramentas de desenvolvimento


• Testes e frameworks de teste
• Linters e formatadores de código
• // Exemplo de debugging e ESLint
• // Para debugging
• console.log('Valor da variável:', variavel);

• // Exemplo de configuração do ESLint


• module.exports = {
• 'env': {
• 'browser': true,
• 'es6': true
• },
• 'extends': 'eslint:recommended',
• 'rules': {
• 'no-console': 'off'
• }
• };
Conclusão

• Recapitulação dos pontos principais


• Perguntas e respostas
• Agradecimentos

Você também pode gostar