SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Javascript Introdução
Sobre mim Luís Otávio CobucciOblonczyk Desenvolvedor PHP Orientador SENAC-TI http://twitter.com/lcobucci
Sobre este trabalho Esta apresentação foi criada sob as licenças CreativeCommons Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
Introdução O 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ásico Para 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 dados Para 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áticos Estes 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
Sintaxe Sintaxe é 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 controle Quando 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ção SWITCH:escolha de dados em um conjunto FOR / WHILE / DO WHILE:loopings
Expressões Expressõ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)

Weitere ähnliche Inhalte

Andere mochten auch

Tech Talk Spring Framework
Tech Talk Spring FrameworkTech Talk Spring Framework
Tech Talk Spring FrameworkJens Rühmkorf
 
4.Sergio Montes. Experiencias3
4.Sergio Montes. Experiencias34.Sergio Montes. Experiencias3
4.Sergio Montes. Experiencias3FESABID
 
Rose-Hulman Digital Archives Project
Rose-Hulman Digital Archives ProjectRose-Hulman Digital Archives Project
Rose-Hulman Digital Archives ProjectRichard Bernier
 
CDL Web at Risk Project, UCLA Local and NGO Collections
CDL Web at Risk Project, UCLA Local and NGO CollectionsCDL Web at Risk Project, UCLA Local and NGO Collections
CDL Web at Risk Project, UCLA Local and NGO Collectionsuclagovinfolibrarian
 
Muito prazer, eu sou PHP
Muito prazer, eu sou PHPMuito prazer, eu sou PHP
Muito prazer, eu sou PHPLuís Cobucci
 
ProQuest Early European Books: Partner Perspective
ProQuest Early European Books: Partner PerspectiveProQuest Early European Books: Partner Perspective
ProQuest Early European Books: Partner PerspectiveWellcome Library
 
Project-based inquiry
Project-based inquiryProject-based inquiry
Project-based inquiryjk1lee
 
Racial discourse blackamoors, othello and elizabeth i
Racial discourse blackamoors, othello and elizabeth iRacial discourse blackamoors, othello and elizabeth i
Racial discourse blackamoors, othello and elizabeth iSole Loutayf
 
Annual reporthighlightsof20122013
Annual reporthighlightsof20122013Annual reporthighlightsof20122013
Annual reporthighlightsof20122013Wheeler School
 
Apresentacao mercurial
Apresentacao mercurialApresentacao mercurial
Apresentacao mercurialdiego_oliveira
 
JavaCE - Software para rodar nos 4 cantos do mundo
JavaCE - Software para rodar nos 4 cantos do mundoJavaCE - Software para rodar nos 4 cantos do mundo
JavaCE - Software para rodar nos 4 cantos do mundoRegis Melo
 

Andere mochten auch (20)

Tech Talk Spring Framework
Tech Talk Spring FrameworkTech Talk Spring Framework
Tech Talk Spring Framework
 
mfupdate
mfupdatemfupdate
mfupdate
 
4.Sergio Montes. Experiencias3
4.Sergio Montes. Experiencias34.Sergio Montes. Experiencias3
4.Sergio Montes. Experiencias3
 
Rose-Hulman Digital Archives Project
Rose-Hulman Digital Archives ProjectRose-Hulman Digital Archives Project
Rose-Hulman Digital Archives Project
 
Bread
BreadBread
Bread
 
Technology stats
Technology statsTechnology stats
Technology stats
 
Extending Io Scalability
Extending Io ScalabilityExtending Io Scalability
Extending Io Scalability
 
CDL Web at Risk Project, UCLA Local and NGO Collections
CDL Web at Risk Project, UCLA Local and NGO CollectionsCDL Web at Risk Project, UCLA Local and NGO Collections
CDL Web at Risk Project, UCLA Local and NGO Collections
 
Presentation111 (2)
Presentation111 (2)Presentation111 (2)
Presentation111 (2)
 
Muito prazer, eu sou PHP
Muito prazer, eu sou PHPMuito prazer, eu sou PHP
Muito prazer, eu sou PHP
 
Lit101 b
Lit101 bLit101 b
Lit101 b
 
QC EAD 11-07-12
QC EAD 11-07-12QC EAD 11-07-12
QC EAD 11-07-12
 
ProQuest Early European Books: Partner Perspective
ProQuest Early European Books: Partner PerspectiveProQuest Early European Books: Partner Perspective
ProQuest Early European Books: Partner Perspective
 
Project-based inquiry
Project-based inquiryProject-based inquiry
Project-based inquiry
 
Racial discourse blackamoors, othello and elizabeth i
Racial discourse blackamoors, othello and elizabeth iRacial discourse blackamoors, othello and elizabeth i
Racial discourse blackamoors, othello and elizabeth i
 
Annual reporthighlightsof20122013
Annual reporthighlightsof20122013Annual reporthighlightsof20122013
Annual reporthighlightsof20122013
 
2010 jan 12
2010 jan 122010 jan 12
2010 jan 12
 
2136 256 dos
2136 256 dos2136 256 dos
2136 256 dos
 
Apresentacao mercurial
Apresentacao mercurialApresentacao mercurial
Apresentacao mercurial
 
JavaCE - Software para rodar nos 4 cantos do mundo
JavaCE - Software para rodar nos 4 cantos do mundoJavaCE - Software para rodar nos 4 cantos do mundo
JavaCE - Software para rodar nos 4 cantos do mundo
 

Ähnlich wie Introdução ao javascript

Desenvolvimento de web sites com php
Desenvolvimento de web sites com phpDesenvolvimento de web sites com php
Desenvolvimento de web sites com phpbrenod123
 
Javascript
JavascriptJavascript
Javascriptnasjo
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoErick L. F.
 
Introdução de web
Introdução de webIntrodução de web
Introdução de webSedu
 
Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02Leandro Rezende
 
Aula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo AranhaAula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo Aranhafevooduck
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutórialucasleite
 
Apostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfvApostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfverickrodrigo23
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryHarlley Oliveira
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDhugodiasneto
 
Introdução ao Desenvolvimento front-end (2019)
Introdução ao Desenvolvimento front-end (2019)Introdução ao Desenvolvimento front-end (2019)
Introdução ao Desenvolvimento front-end (2019)Gustavo Teodoro
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 

Ähnlich wie Introdução ao javascript (20)

Desenvolvimento de web sites com php
Desenvolvimento de web sites com phpDesenvolvimento de web sites com php
Desenvolvimento de web sites com php
 
Javascript
JavascriptJavascript
Javascript
 
JavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - IntroduçãoJavaScript - #Aula01 - Introdução
JavaScript - #Aula01 - Introdução
 
Introdução de web
Introdução de webIntrodução de web
Introdução de web
 
Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02Desenvolvimento para a Internet - Aula 02
Desenvolvimento para a Internet - Aula 02
 
Aula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo AranhaAula1 - Curso Web-Design - ETECA Camargo Aranha
Aula1 - Curso Web-Design - ETECA Camargo Aranha
 
JavaScript - Aula Introdutória
JavaScript - Aula IntrodutóriaJavaScript - Aula Introdutória
JavaScript - Aula Introdutória
 
Html5 em 15_minutos
Html5 em 15_minutosHtml5 em 15_minutos
Html5 em 15_minutos
 
Html
HtmlHtml
Html
 
Apostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfvApostila_JavaScript_pela_axademia_ardkgfv
Apostila_JavaScript_pela_axademia_ardkgfv
 
Apresentação faef
Apresentação faefApresentação faef
Apresentação faef
 
Java script1
Java script1Java script1
Java script1
 
Melhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQueryMelhorando a Experiência do Usuário com JavaScript e jQuery
Melhorando a Experiência do Usuário com JavaScript e jQuery
 
Daw slide 06
Daw slide 06Daw slide 06
Daw slide 06
 
Palestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDDPalestra / Efeitos Espetaculares Em Dhtml / SDD
Palestra / Efeitos Espetaculares Em Dhtml / SDD
 
Apresentação faef
Apresentação faefApresentação faef
Apresentação faef
 
Introdução ao Desenvolvimento front-end (2019)
Introdução ao Desenvolvimento front-end (2019)Introdução ao Desenvolvimento front-end (2019)
Introdução ao Desenvolvimento front-end (2019)
 
Aplicativo aula03
Aplicativo aula03Aplicativo aula03
Aplicativo aula03
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Apresentando o HTML
Apresentando o HTMLApresentando o HTML
Apresentando o HTML
 

Introdução ao javascript

  • 2. Sobre mim Luís Otávio CobucciOblonczyk Desenvolvedor PHP Orientador SENAC-TI http://twitter.com/lcobucci
  • 3. Sobre este trabalho Esta apresentação foi criada sob as licenças CreativeCommons Seu objetivo é auxiliar os alunos do Senac TI que assistem minhas aulas.
  • 4. Introdução O 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ásico Para 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 dados Para 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áticos Estes 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. Sintaxe Sintaxe é 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 controle Quando 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ção SWITCH:escolha de dados em um conjunto FOR / WHILE / DO WHILE:loopings
  • 10. Expressões Expressõ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)