SlideShare uma empresa Scribd logo
JavaScript - Aula 01
Jessyka Lage
https://jesslage.wordpress.com/
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.
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.
Vamos iniciar?
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...
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.
Introdução a linguagem
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.
Operadores matemáticos:
● Soma: +
● Subtração: -
● Multiplicação: *
● Divisão: /
● Resto: %
Outros operadores:
● Incremento : ++
● Decremento: --
● -=, *=, e /=.
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’;
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.
Estruturas de condição:
Inicialmente iremos tratar:
● Operador If/else.
● Operador switch/case.
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: !
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:
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:
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:
Obrigada!
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
Ficou com alguma dúvida ou sugestão?
Fala comigo :)
jessykalage@gmail.com

Mais conteúdo relacionado

Mais procurados

Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
Jorge Ávila Miranda
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a Internet
Leonardo Soares
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
Rodrigo Rodrigues
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
Victor Adriel Oliveira
 
Introdução CSS
Introdução CSSIntrodução CSS
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação web
Centro Paula Souza
 
POO - Aula 10 - Polimorfismo
POO - Aula 10 - PolimorfismoPOO - Aula 10 - Polimorfismo
POO - Aula 10 - Polimorfismo
Felipe J. R. Vieira
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
ledsifes
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
Anderson Luís Furlan
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
MarceloRosenbrock1
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
Bruno Grange
 
Programação orientada a objetos
Programação orientada a objetosProgramação orientada a objetos
Programação orientada a objetos
Cleyton Ferrari
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
Rodrigo Bueno Santa Maria, BS, MBA
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScript
Rodrigo Branas
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
Vinicius Dacal Lopes
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
Tatiane Aguirres Nogueira
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
Sérgio Souza Costa
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de Requisitos
Cloves da Rocha
 
Criação de tabelas com HTML
Criação de tabelas com HTMLCriação de tabelas com HTML
Criação de tabelas com HTML
Leonardo Soares
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Rodrigo Bueno Santa Maria, BS, MBA
 

Mais procurados (20)

Aula01-JavaScript
Aula01-JavaScriptAula01-JavaScript
Aula01-JavaScript
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a Internet
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Introdução CSS
Introdução CSSIntrodução CSS
Introdução CSS
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação web
 
POO - Aula 10 - Polimorfismo
POO - Aula 10 - PolimorfismoPOO - Aula 10 - Polimorfismo
POO - Aula 10 - Polimorfismo
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
Programação orientada a objetos
Programação orientada a objetosProgramação orientada a objetos
Programação orientada a objetos
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 
Desvendando a linguagem JavaScript
Desvendando a linguagem JavaScriptDesvendando a linguagem JavaScript
Desvendando a linguagem JavaScript
 
Curso javascript básico
Curso javascript básicoCurso javascript básico
Curso javascript básico
 
Front End x Back End
Front End x Back EndFront End x Back End
Front End x Back End
 
Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de Requisitos
 
Criação de tabelas com HTML
Criação de tabelas com HTMLCriação de tabelas com HTML
Criação de tabelas com HTML
 
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScriptCurso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
 

Semelhante a Aula 01 - JavaScript: Introdução

Tutorial java script orientado à objeto e jquery
Tutorial java script orientado à objeto e jqueryTutorial java script orientado à objeto e jquery
Tutorial java script orientado à objeto e jquery
Luan Campos
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - Teoria
Centro Paula Souza
 
FC-Logic
FC-LogicFC-Logic
FC-Logic
guest119e7e
 
09 Java Script - As formas de usar
09  Java Script  - As formas de usar09  Java Script  - As formas de usar
09 Java Script - As formas de usar
Centro Paula Souza
 
Introdução ao javascript
Introdução ao javascriptIntrodução ao javascript
Introdução ao javascript
Luís Cobucci
 
Javascript - Aplicações Interativas para a Web
Javascript - Aplicações Interativas para a WebJavascript - Aplicações Interativas para a Web
Javascript - Aplicações Interativas para a Web
Adriano Lima
 
Tutorial JSP parte 1
Tutorial JSP parte 1Tutorial JSP parte 1
Tutorial JSP parte 1
Bruno Strik
 
Java script1
Java script1Java script1
Java Server Pages
Java Server PagesJava Server Pages
Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016
Romualdo Andre
 
JS FUNDAMENTOS - AULA 01.pdf
JS FUNDAMENTOS - AULA 01.pdfJS FUNDAMENTOS - AULA 01.pdf
JS FUNDAMENTOS - AULA 01.pdf
AntonioSvio1
 
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
Julio Betta
 
Aula 1 - Java - Prof.ª Cristiane Fidelix
Aula 1 - Java - Prof.ª Cristiane FidelixAula 1 - Java - Prof.ª Cristiane Fidelix
Aula 1 - Java - Prof.ª Cristiane Fidelix
Cris Fidelix
 
Aula1- Java PRof.ª Cristiane Fidelix
Aula1- Java PRof.ª Cristiane FidelixAula1- Java PRof.ª Cristiane Fidelix
Aula1- Java PRof.ª Cristiane Fidelix
Cris Fidelix
 
Java e orientação a objetos
Java e orientação a objetosJava e orientação a objetos
Java e orientação a objetos
Frederico Maia Arantes
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
fabioginzel
 
JSP - Java Serves Pages
JSP - Java Serves PagesJSP - Java Serves Pages
JSP - Java Serves Pages
Amanda Luz
 
Linguagens de programação
Linguagens de programaçãoLinguagens de programação
Linguagens de programação
Elaine Cecília Gatto
 
Escalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLIDEscalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLID
Ruben Marcus Luz Paschoarelli
 
AJAX?? Não!! Asynchronous Javascript and... JSON!!
AJAX?? Não!! Asynchronous Javascript and... JSON!!AJAX?? Não!! Asynchronous Javascript and... JSON!!
AJAX?? Não!! Asynchronous Javascript and... JSON!!
Lucas Brasilino
 

Semelhante a Aula 01 - JavaScript: Introdução (20)

Tutorial java script orientado à objeto e jquery
Tutorial java script orientado à objeto e jqueryTutorial java script orientado à objeto e jquery
Tutorial java script orientado à objeto e jquery
 
08 Java Script Introdução - Teoria
08 Java Script   Introdução  - Teoria08 Java Script   Introdução  - Teoria
08 Java Script Introdução - Teoria
 
FC-Logic
FC-LogicFC-Logic
FC-Logic
 
09 Java Script - As formas de usar
09  Java Script  - As formas de usar09  Java Script  - As formas de usar
09 Java Script - As formas de usar
 
Introdução ao javascript
Introdução ao javascriptIntrodução ao javascript
Introdução ao javascript
 
Javascript - Aplicações Interativas para a Web
Javascript - Aplicações Interativas para a WebJavascript - Aplicações Interativas para a Web
Javascript - Aplicações Interativas para a Web
 
Tutorial JSP parte 1
Tutorial JSP parte 1Tutorial JSP parte 1
Tutorial JSP parte 1
 
Java script1
Java script1Java script1
Java script1
 
Java Server Pages
Java Server PagesJava Server Pages
Java Server Pages
 
Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016Introdução JavaScript e DOM 2016
Introdução JavaScript e DOM 2016
 
JS FUNDAMENTOS - AULA 01.pdf
JS FUNDAMENTOS - AULA 01.pdfJS FUNDAMENTOS - AULA 01.pdf
JS FUNDAMENTOS - AULA 01.pdf
 
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
Ruby on Rails (VERSAO COM LAYOUT CONSERTADO)
 
Aula 1 - Java - Prof.ª Cristiane Fidelix
Aula 1 - Java - Prof.ª Cristiane FidelixAula 1 - Java - Prof.ª Cristiane Fidelix
Aula 1 - Java - Prof.ª Cristiane Fidelix
 
Aula1- Java PRof.ª Cristiane Fidelix
Aula1- Java PRof.ª Cristiane FidelixAula1- Java PRof.ª Cristiane Fidelix
Aula1- Java PRof.ª Cristiane Fidelix
 
Java e orientação a objetos
Java e orientação a objetosJava e orientação a objetos
Java e orientação a objetos
 
Programação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com DojoProgramação Web com Zend Framework e Ajax com Dojo
Programação Web com Zend Framework e Ajax com Dojo
 
JSP - Java Serves Pages
JSP - Java Serves PagesJSP - Java Serves Pages
JSP - Java Serves Pages
 
Linguagens de programação
Linguagens de programaçãoLinguagens de programação
Linguagens de programação
 
Escalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLIDEscalando apps com React e Type Script e SOLID
Escalando apps com React e Type Script e SOLID
 
AJAX?? Não!! Asynchronous Javascript and... JSON!!
AJAX?? Não!! Asynchronous Javascript and... JSON!!AJAX?? Não!! Asynchronous Javascript and... JSON!!
AJAX?? Não!! Asynchronous Javascript and... JSON!!
 

Último

Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ismael Ash
 
Segurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptxSegurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptx
Divina Vitorino
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
Ismael Ash
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
Faga1939
 
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdfEletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
barbosajucy47
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
ronaldos10
 
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão
 

Último (7)

Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de   DevOps/CLoudFerramentas que irão te ajudar a entrar no mundo de   DevOps/CLoud
Ferramentas que irão te ajudar a entrar no mundo de DevOps/CLoud
 
Segurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptxSegurança da Informação - Onde estou e para onde eu vou.pptx
Segurança da Informação - Onde estou e para onde eu vou.pptx
 
Subindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWSSubindo uma aplicação WordPress em docker na AWS
Subindo uma aplicação WordPress em docker na AWS
 
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
INTELIGÊNCIA ARTIFICIAL + COMPUTAÇÃO QUÂNTICA = MAIOR REVOLUÇÃO TECNOLÓGICA D...
 
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdfEletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
Eletiva_O-mundo-conectado-Ensino-Médio.docx.pdf
 
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docxse38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
se38_layout_erro_xxxxxxxxxxxxxxxxxx.docx
 
ExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebuliçãoExpoGestão 2024 - Desvendando um mundo em ebulição
ExpoGestão 2024 - Desvendando um mundo em ebulição
 

Aula 01 - JavaScript: Introdução

  • 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.
  • 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.
  • 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:
  • 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