Revisão de conteúdo - JavaScript
Gabriel Colman Rodrigues
Gabriel.rodrigues@ifms.edu.br
*Slidesdisponibilizadospeloprofessor YgoBrito
Aula 1
Linguagem de Programação
Roteiro
● Introdução;
● Sintaxe;
● Saiba mais em vídeo;
● Hello World;
● Entrada e Saída de dados;
● Comentários;
● Tipos de dados;
● Nomenclatura de Variáveis;
● Operadores;
● Estrutura de condição;
● Estrutura de repetição;
● Objetos;
● Arrays;
Introdução
● O JavaScript é uma linguagem de programação interpretada com características de paradigma
orientadoaobjetos e funcional;
● Permite que um conteúdo executável seja incluído em páginas web;
● É uma linguagem baseadaem objetos;
● Não é necessário compilar;
● É um linguagem de programação utilizada para criar páginas web interativas;
● JavaScript nãoé Java! Possuem nome similar,mas são completamente diferentes;
● É só criar um arquivo .jse começar a codar!
Sintaxe
● É uma linguagem casesensitive,ou seja, se criar uma variável chamada “minhaVariavel” e tentar
utilizá-la como “MinhaVariavel” não vai funcionar!
● Ponto e vírgula é opcional;
● Suporta comentários de bloco de código /
*...*
/
e de uma única linha /
● *Tiposprimitivos:string, number, boolean, undefined e null;
*Os tipos são implícitos, pois, declaramos as variáveis utilizando var,let,ou const.
● Objetos earrays agrandesacada!
Saiba mais sobre o Javascript (vídeo)
https://www.youtube.com/watch?v=NaVSbnnV75Q
Fonte: Alura/Caelum
Hello World
Entrada e Saída de dados
● Em JavaScript é possível processar a entrada e saída de dados com algumas funções disponíveis:
○ prompt():emite uma janela com mensagem, campo de entrada de texto e botão de confirmação;
○ alert():emite uma janela de mensagem com um botão de confirmação;
○ console.log():emite uma mensagem no console.
Comentários
Tipos de dados
● Tipos de dados em JavaScript:
○ Boolean (true e false);
○ null(indica valor nulo ou “vazio”);//var a =null;
○ undefined (indica valor indefinido);//var a;
○ Number (50 ou 3.14159);
○ String (palavras, frases, valores alfanuméricos);
○ Function (funções);
○ Object (objetos)
Nomenclatura de Variáveis
● As variáveis podem conter:
○ letras;
○ números;
○ underlines(_);
○ sinal de dólar($);
● Uma variável sempredevecomeçar com uma letra,underline(_)ou dólar($);
● São casesensitive,ou seja, diferencia-se maiúsculas de minúsculas;
Nomenclatura de Variáveis
Nomenclatura de Variáveis (Padrões)
Operadores Aritméticos
Operadores Relacionais
Operadores Lógicos
Condições
● As estruturas condicionaisou controledefluxopermitem representar tomadas de decisão, a
partir da escolha que deve ser feita;
● Estruturas condicionais:
○ if;
○ if / else;
○ switch;
Condições
Condições
Condições
Laço de repetição
● Estruturas de repetição ou laços oferecem um jeito fácil e rápido de executar uma ação repetidas
vezes;
● Estruturas de repetição:
○ for;
○ while;
○ do while;
Laço de repetição

Revisão de programação Javascript Aula1.pptx

  • 1.
    Revisão de conteúdo- JavaScript Gabriel Colman Rodrigues Gabriel.rodrigues@ifms.edu.br *Slidesdisponibilizadospeloprofessor YgoBrito Aula 1 Linguagem de Programação
  • 2.
    Roteiro ● Introdução; ● Sintaxe; ●Saiba mais em vídeo; ● Hello World; ● Entrada e Saída de dados; ● Comentários; ● Tipos de dados; ● Nomenclatura de Variáveis; ● Operadores; ● Estrutura de condição; ● Estrutura de repetição; ● Objetos; ● Arrays;
  • 3.
    Introdução ● O JavaScripté uma linguagem de programação interpretada com características de paradigma orientadoaobjetos e funcional; ● Permite que um conteúdo executável seja incluído em páginas web; ● É uma linguagem baseadaem objetos; ● Não é necessário compilar; ● É um linguagem de programação utilizada para criar páginas web interativas; ● JavaScript nãoé Java! Possuem nome similar,mas são completamente diferentes; ● É só criar um arquivo .jse começar a codar!
  • 4.
    Sintaxe ● É umalinguagem casesensitive,ou seja, se criar uma variável chamada “minhaVariavel” e tentar utilizá-la como “MinhaVariavel” não vai funcionar! ● Ponto e vírgula é opcional; ● Suporta comentários de bloco de código / *...* / e de uma única linha / ● *Tiposprimitivos:string, number, boolean, undefined e null; *Os tipos são implícitos, pois, declaramos as variáveis utilizando var,let,ou const. ● Objetos earrays agrandesacada!
  • 5.
    Saiba mais sobreo Javascript (vídeo) https://www.youtube.com/watch?v=NaVSbnnV75Q Fonte: Alura/Caelum
  • 6.
  • 7.
    Entrada e Saídade dados ● Em JavaScript é possível processar a entrada e saída de dados com algumas funções disponíveis: ○ prompt():emite uma janela com mensagem, campo de entrada de texto e botão de confirmação; ○ alert():emite uma janela de mensagem com um botão de confirmação; ○ console.log():emite uma mensagem no console.
  • 8.
  • 9.
    Tipos de dados ●Tipos de dados em JavaScript: ○ Boolean (true e false); ○ null(indica valor nulo ou “vazio”);//var a =null; ○ undefined (indica valor indefinido);//var a; ○ Number (50 ou 3.14159); ○ String (palavras, frases, valores alfanuméricos); ○ Function (funções); ○ Object (objetos)
  • 11.
    Nomenclatura de Variáveis ●As variáveis podem conter: ○ letras; ○ números; ○ underlines(_); ○ sinal de dólar($); ● Uma variável sempredevecomeçar com uma letra,underline(_)ou dólar($); ● São casesensitive,ou seja, diferencia-se maiúsculas de minúsculas;
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
    Condições ● As estruturascondicionaisou controledefluxopermitem representar tomadas de decisão, a partir da escolha que deve ser feita; ● Estruturas condicionais: ○ if; ○ if / else; ○ switch;
  • 18.
  • 19.
  • 20.
  • 21.
    Laço de repetição ●Estruturas de repetição ou laços oferecem um jeito fácil e rápido de executar uma ação repetidas vezes; ● Estruturas de repetição: ○ for; ○ while; ○ do while;
  • 22.