SlideShare uma empresa Scribd logo
JavascriptIntrodução
Sobre mimLuís Otávio CobucciOblonczykDesenvolvedor PHPOrientador SENAC-TIhttp://twitter.com/lcobucci
Sobre este trabalhoEsta apresentação foi criada sob as licenças CreativeCommonsSeu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
IntroduçãoO Javascript é uma linguagem de programação client-side, ou seja é executada no lado do cliente, mais precisamente nos browsers (navegadores).Através do Javascript, podemos definir comportamentos para os elementos (X)HTML.
BásicoPara definir ao browser que iremos utilizar o Javascript devemos usar o elemento <script>, desta forma:<script type=“text/javascript”>// Aqui dentro serão definidas as funcionalidades</script>
Tipos primitivos de dadosPara conseguirmos definir os comportamentos dos elementos (X)HTML, contamos com os seguintes tipos de dados:String:conjunto de caracteres;Integer:números inteiros;Float:números racionais;Array:grupo de valores (vetores e matrizes);Boolean:usado nas expressões, pode possuir dois valores: true/false.
Operadores matemáticosEstes são os operadores matemáticos básicos:+soma dois números inteiros ou decimais-subtrai dois números inteiros ou decimais/divide dois números inteiros ou decimais*multiplica dois números inteiros ou decimais%retorna o resto da divisão entre dois números inteiros ou decimais
SintaxeSintaxe é o conjunto de regras adotadas para expressar os comandos.Para simplificar o entendimento, adotaremos aqui convenções.Os comandos deverão serem finalizados com ;Funções e blocos de código deverão ser iniciados com {e finalizados com }
Estruturas de controleQuando queremos definir o fluxo da informação no nosso sistema, utilizamos as estruturas de controle, no Javascript são:IF / ELSE IF / ELSE: operadores de comparaçãoSWITCH:escolha de dados em um conjuntoFOR / WHILE / DO WHILE:loopings
ExpressõesExpressões são basicamente comparações, ou seja são baseadas em valores booleanos (verdadeiro ou falso).Comparadores:<(menor), <=(menor ou igual), ==(igual), >=(maior ou igual), >(maior)Negação:!(inverte o resultado da expressão, ou seja !trueé falsee !falseé true)Uniãodeexpressões:&&(e) e ||(ou)

Mais conteúdo relacionado

PPTX
Aula 01 - JavaScript: Introdução
ODP
Aula03 - JavaScript
PPTX
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
PPT
T.I. - Tecnologia 3D
PPTX
Apps for academics final presentation
PPT
BHL Technology Overview
PPTX
Curso de Desenvolvimento Mobile - Android - Storage
Aula 01 - JavaScript: Introdução
Aula03 - JavaScript
JavaScript - #Aula04 parte 06 - CamelCase, getElementByID, isNaN
T.I. - Tecnologia 3D
Apps for academics final presentation
BHL Technology Overview
Curso de Desenvolvimento Mobile - Android - Storage

Destaque (20)

PDF
Tech Talk Spring Framework
PPTX
mfupdate
PPT
4.Sergio Montes. Experiencias3
PPT
Rose-Hulman Digital Archives Project
PDF
Technology stats
PDF
Extending Io Scalability
PPT
CDL Web at Risk Project, UCLA Local and NGO Collections
PPTX
Presentation111 (2)
PDF
Muito prazer, eu sou PHP
DOCX
PPTX
QC EAD 11-07-12
PPTX
ProQuest Early European Books: Partner Perspective
PPTX
Project-based inquiry
PPTX
Racial discourse blackamoors, othello and elizabeth i
PDF
Annual reporthighlightsof20122013
PDF
2010 jan 12
DOC
2136 256 dos
KEY
Apresentacao mercurial
KEY
JavaCE - Software para rodar nos 4 cantos do mundo
Tech Talk Spring Framework
mfupdate
4.Sergio Montes. Experiencias3
Rose-Hulman Digital Archives Project
Technology stats
Extending Io Scalability
CDL Web at Risk Project, UCLA Local and NGO Collections
Presentation111 (2)
Muito prazer, eu sou PHP
QC EAD 11-07-12
ProQuest Early European Books: Partner Perspective
Project-based inquiry
Racial discourse blackamoors, othello and elizabeth i
Annual reporthighlightsof20122013
2010 jan 12
2136 256 dos
Apresentacao mercurial
JavaCE - Software para rodar nos 4 cantos do mundo
Anúncio

Semelhante a Introdução ao javascript (20)

PPT
Aula2
PPTX
JAVASCRIT – Welcome the web world Arquivo: java-script-basico-unipac-extra-v0...
PDF
Apostila de ext js com php e postgresql v1.1
PDF
Apostila de ext js com php e postgresql v1.3
PDF
Apostila de ext js com php e postgresql v1.2
PPTX
jQuery básico (parte 1)
PDF
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
PDF
Curso javascript básico
PDF
Javascript tutorial
PPTX
Apresentação de slides sobre java-script-basico
PDF
Apostila de ext js com php e postgresql v1.0
PDF
Curso JavaScript - Aula de Introdução como Programar
PDF
PDF
(A06) LabMM3 - JavaScript
PPT
Melhorando a Experiência do Usuário com JavaScript e jQuery
PDF
04_Introducao_JavaScript.pdf
PDF
operadores aritméticos, relacionais e lógicos em javascript
PDF
T04_LM3: Javascript (2013-2014)
PPTX
Introdução ao JS1.pptx
PDF
Apostila de ext js com php e postgresql v0.5
Aula2
JAVASCRIT – Welcome the web world Arquivo: java-script-basico-unipac-extra-v0...
Apostila de ext js com php e postgresql v1.1
Apostila de ext js com php e postgresql v1.3
Apostila de ext js com php e postgresql v1.2
jQuery básico (parte 1)
Curso de Desenvolvimento Web - Módulo 03 - JavaScript
Curso javascript básico
Javascript tutorial
Apresentação de slides sobre java-script-basico
Apostila de ext js com php e postgresql v1.0
Curso JavaScript - Aula de Introdução como Programar
(A06) LabMM3 - JavaScript
Melhorando a Experiência do Usuário com JavaScript e jQuery
04_Introducao_JavaScript.pdf
operadores aritméticos, relacionais e lógicos em javascript
T04_LM3: Javascript (2013-2014)
Introdução ao JS1.pptx
Apostila de ext js com php e postgresql v0.5
Anúncio

Último (16)

PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Arquitetura de computadores - Memórias Secundárias
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Processos na gestão de transportes, TM100 Col18
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
COBITxITIL-Entenda as diferença em uso governança TI
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Arquitetura de computadores - Memórias Secundárias
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Processos na gestão de transportes, TM100 Col18
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Custos e liquidação no SAP Transportation Management, TM130 Col18
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14

Introdução ao javascript

  • 2. Sobre mimLuís Otávio CobucciOblonczykDesenvolvedor PHPOrientador SENAC-TIhttp://twitter.com/lcobucci
  • 3. Sobre este trabalhoEsta apresentação foi criada sob as licenças CreativeCommonsSeu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
  • 4. IntroduçãoO Javascript é uma linguagem de programação client-side, ou seja é executada no lado do cliente, mais precisamente nos browsers (navegadores).Através do Javascript, podemos definir comportamentos para os elementos (X)HTML.
  • 5. BásicoPara definir ao browser que iremos utilizar o Javascript devemos usar o elemento <script>, desta forma:<script type=“text/javascript”>// Aqui dentro serão definidas as funcionalidades</script>
  • 6. Tipos primitivos de dadosPara conseguirmos definir os comportamentos dos elementos (X)HTML, contamos com os seguintes tipos de dados:String:conjunto de caracteres;Integer:números inteiros;Float:números racionais;Array:grupo de valores (vetores e matrizes);Boolean:usado nas expressões, pode possuir dois valores: true/false.
  • 7. Operadores matemáticosEstes são os operadores matemáticos básicos:+soma dois números inteiros ou decimais-subtrai dois números inteiros ou decimais/divide dois números inteiros ou decimais*multiplica dois números inteiros ou decimais%retorna o resto da divisão entre dois números inteiros ou decimais
  • 8. SintaxeSintaxe é o conjunto de regras adotadas para expressar os comandos.Para simplificar o entendimento, adotaremos aqui convenções.Os comandos deverão serem finalizados com ;Funções e blocos de código deverão ser iniciados com {e finalizados com }
  • 9. Estruturas de controleQuando queremos definir o fluxo da informação no nosso sistema, utilizamos as estruturas de controle, no Javascript são:IF / ELSE IF / ELSE: operadores de comparaçãoSWITCH:escolha de dados em um conjuntoFOR / WHILE / DO WHILE:loopings
  • 10. ExpressõesExpressões são basicamente comparações, ou seja são baseadas em valores booleanos (verdadeiro ou falso).Comparadores:<(menor), <=(menor ou igual), ==(igual), >=(maior ou igual), >(maior)Negação:!(inverte o resultado da expressão, ou seja !trueé falsee !falseé true)Uniãodeexpressões:&&(e) e ||(ou)