Aula introdutória sobre JavaScript.

1. JavaScript - Aula 01
Jessyka Lage
https://jesslage.wordpress.com/

2. JavaScript - Porque estudar JavaScript?
● JavaScript é uma linguagem de programação interpretada
poderosa, flexível e rápida, sendo bastante usada para o
desenvolvimento de páginas Web.
● O JavaScript é conhecido principalmente como a linguagem
da maioria dos navegadores modernos.
● JS permite que você adicione comportamento às suas
páginas web, recursos que faltam no HTML, possibilitando
a criação de páginas interativas e dinâmicas.

3. O que podemos fazer
com JS?
● Interagir com usuário (através de
eventos)
● Interagir com o conteúdo do
documento, alterando propriedades
da página (ex. validação de
campos).
● Operações matemáticas e
computacionais.
● Manipular informações como
histórico, barra de estados, plug-
ins, etc.

4. Vamos iniciar?

5. Por onde
começar?
Editores de texto
Para o desenvolvimentos de
programas em JS, vamos precisar
de um editor de texto de sua
preferência. Ex: NotePad++,
Sublime Text...

6. Quais as formas
de usar JS?
Podemos encontrar códigos JS
em:
● Blocos <script></script>
das páginas HTML.
● Em arquivos externos,
importados a página.
● Dentro de descritores
HTML, sensível a
eventos.

7. Introdução a linguagem

8. Tipos de Dados JS
Tipos de dados são classificações para as diferentes estruturas de dados que podemos
utilizar na linguagem. Em JS, existem sete tipos de dados fundamentais:
● Number: incluindo inteiros e decimais.
● String: Para qualquer grupo de caracteres (letras, numeros, símbolos, etc).
Utilizando aspas “” ou aspas simples ‘’.
● Boolean: dados que podem assumir apenas valores verdadeiro(true) ou
falso(false).
● Null: Tipo de dados que representam intencionalmente a ausência de valor.
representado pela palavra null (sem aspas).
● Undefined: Tipo de dado que representa valor ainda não definido.
● Symbol: Novo tipo de dado na linguagem, único e imutável, pode ser usado como um
identificador para propriedades de objeto.
● Object: coleções de dados.

9. Operadores matemáticos:
● Soma: +
● Subtração: -
● Multiplicação: *
● Divisão: /
● Resto: %
Outros operadores:
● Incremento : ++
● Decremento: --
● -=, *=, e /=.

10. Declaração de variáveis:
Anteriormente ao ES6, programas em JS poderiam apenas
declarar variáveis usando a palavra var. Atualmente, para
declaração de variáveis utilizamos:
● let - usado para criação ou declarações de variáveis que
sofrerão mudanças no decorrer do programa.
● const - abreviação de constante, utilizado para variáveis
que não sofrerão alterações.
= é o operador de atribuição.
ex:
let languageName = ‘JavaScript’;

11. Declaração de variáveis:
Ainda sobre declaração de variáveis, devemos estar ciente das
seguintes regras para nomeação de variáveis:
● Não podem iniciar com números.
● Variáveis case sensitive, ou seja, por exemplo quando
utilizamos com os nomes name e Name, estamos tratando de
duas variáveis.

12. Estruturas de condição:
Inicialmente iremos tratar:
● Operador If/else.
● Operador switch/case.

13. Operadores condicionais:
Nos próximos passos, estudaremos estruturas de condição, mas antes
disso, precisamos conhecer os principais operadores condicionais em
JavaScript:
Operadores Condicionais:
Menor que: <
Maior que: >
Menor ou igual a: <=
Maior ou igual a: >=
Igual a: ===
Diferente de: !==
Operadores Condicionais
Lógicos:
Operador and/e: &&
Operador or/ou: ||
Operador not/não: !

14. Estruturas de condição (IF):
Recurso utilizado para indicar instruções de como o sistema
deve processar a partir de uma expressão booleana (verdadeiro
ou falso). A seguir um exemplo do comando if/else:

15. Operador ternário:
Além do if/else, em JavaScript também podemos utilizar
operadores ternários. No exemplo anterior, a estrutura de
condição pode ser substituída por um operador ternário,
conforme demonstrado a seguir:

16. Estruturas de condição (switch):
Recurso utilizado para indicar instruções de como o sistema deve processar com
base em uma comparação de valores. A seguir um exemplo do comando switch/case
em JavaScript:

17. Obrigada!

18. Referências:
● https://www.codecademy.com/learn/introduction-to-javascript
● https://developer.mozilla.org/en-US/docs/Web/JavaScript
● Freeman, E. Robson, E. Head First JavaScript Programming. 2014.
O’Reilly’s.
● https://pt.slideshare.net/brunogrange/minicurso-de-
javascript?qid=b06cc17f-20ac-4ed8-9ff9-
a7f307cc32be&v=&b=&from_search=2

19. Ficou com alguma dúvida ou sugestão?
Fala comigo :)
jessykalage@gmail.com