Java Script

apresentação sobre java

Enviado por

anacunha1

Direitos autorais

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

5 visualizações

Java Script

apresentação sobre java

Enviado por

anacunha1

Direitos autorais

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Você está na página 1/ 12

Introdução ao

JavaScript

{ Ana Luiza, Julia Sopezack e Rochelle Velmude }

...
INTRODUÇÃO

JavaScript é uma linguagem de scripts (sequência de comandos). A linguagem

permite que sejam adicionadas muitas funcionalidades às páginas web,
tornando-as mais atrativas e interativas para o usuário. Além disso, é uma
linguagem de alto nível, e seu código é interpretado e executado diretamente
em um navegador web, não necessitando de compilador.
HISTÓRIA

JavaScript foi criado por Brendan Eich em 1995 a pedido da empresa

Netscape. Algum tempo depois, a empresa Sun Microsystems se interessou e se
envolveu no projeto. No início, a linguagem tinha outro nome: LiveScript.
Porém, com a influência da empresa Sun, que mantinha a linguagem Java, o
nome foi alterado para JavaScript.
FUNDAMENTOS DO
JAVASCRIPT
Sintaxe Básica: A estrutura do código em JavaScript Funções: São blocos de código que realizam tarefas
inclui variáveis e comandos para controlar o fluxo, específicas e podem ser reutilizados.
como condições e loops.
Manipulação do DOM: JavaScript pode alterar o conteúdo e o
Tipos de Dados: JavaScript lida com números, texto, estilo das páginas web.
booleanos (verdadeiro/falso), listas e objetos. Eventos: Permitem que JavaScript responda a ações dos
usuários, como cliques e digitações.
PARA QUE PODE
SER USADO?
FUNCIONALIDADES: Criar interfaces interativas;
Desenvolver a parte back-end de aplicativos;
Escrever sistemas operacionais;
Interação com o usuário; Construir servidores de internet ;
Animação; Usar bases de dados;
Processamento de dados HTML; Desenvolver games;
Operações matemáticas. Desenvolver aplicativos.

..
MANIPULAÇÃO DO DOM

O DOM é a estrutura que representa uma página web.

Manipular o DOM significa usar JavaScript para:

Selecionar Elementos: Encontrar itens na página (como botões e

textos).
*
Alterar Conteúdo: Mudar o que está escrito ou exibido.
Alterar Estilos: Modificar a aparência dos itens.
Adicionar/Remover Elementos: Colocar novos itens ou tirar os
existentes.
Responder a Eventos: Reagir a ações dos usuários, como cliques.
EVENTOS E MANIPULAÇÃO DE
EVENTOS
Eventos são ações que ocorrem em uma página web, como cliques, digitações ou movimentos do mouse.
Manipular eventos significa usar JavaScript para responder a essas ações e realizar tarefas específicas.

Tipos de Eventos: Cliques de Remover Eventos: Também é Remover Eventos: Também é

botões, envio de formulários, possível excluir eventos quando possível excluir eventos quando
movimentação do mouse, entre eles não são mais necessários. eles não são mais necessários.
outros.

Adicionar Eventos: Você pode Funções de Manipulação: Funções são usadas para executar
definir o que deve acontecer ações em resposta a eventos, como alterar o conteúdo de uma
quando um evento ocorre. página ou executar uma animação.
PROGRAMAÇÃO ASSÍNCRONA
Programação assíncrona permite que o código execute tarefas sem bloquear a execução de outras. É útil para
operações que levam tempo, como carregar dados de um servidor, sem parar a interação do usuário.

Promessas (Promises): Representam uma operação que pode ser concluída no

futuro. Você pode usar then para definir o que fazer quando a operação for concluída
e catch para tratar erros.

Async/Await: Facilita o uso de promessas. Com async, você define uma função que
pode usar await para esperar pela conclusão de uma promessa antes de continuar a
execução.

Callbacks: Funções passadas como argumento para outras funções, que são
chamadas quando a operação é concluída.
FRAMEWORKS
Frameworks são conjuntos de ferramentas que ajudam a construir aplicações de forma mais rápida e
organizada. Eles fornecem uma estrutura pré-definida e funcionalidades prontas, economizando
tempo. Alguns exemplos são:

React Angular Vue.js

Biblioteca para criar interfaces de Framework completo que fornece Framework progressivo que é fácil
usuário, usando componentes uma solução robusta para de aprender e integrar. Permite
reutilizáveis e gerenciando o desenvolvimento de aplicações construir interfaces e aplicações
estado da aplicação de maneira web, com funcionalidades de forma flexível e com uma curva
eficiente. integradas como roteamento e de aprendizado suave.
manipulação de dados.

...
CONCEITOS AVANÇADOS
Event Loop: Gerencia a execução de código
Closures: Funções que mantêm acesso às assíncrono e garante que o aplicativo
variáveis de uma função externa mesmo após continue responsivo.
essa função ter terminado.
Funções de Ordem Superior: Funções que Modules: Organizam o código em arquivos
separados, facilitando a importação e
aceitam ou retornam outras funções, permitindo
exportação de funcionalidades.
maior flexibilidade no código.

Garbage Collection: Gerencia

Herança: Herança baseada em protótipos, onde automaticamente a memória, liberando
objetos podem herdar propriedades e métodos espaço de objetos que não são mais usados.
de outros objetos. Web APIs e Fetch: APIs para acessar
funcionalidades do navegador e fazer
requisições HTTP.
CONCLUSÃO

}
} JavaScript é uma linguagem de programação essencial para o desenvolvimento web moderno. Ela
permite criar páginas web dinâmicas e interativas, gerenciar dados e responder a ações dos
usuários de forma eficiente. Com um ecossistema rico em frameworks e bibliotecas como React,
Angular e Vue.js, JavaScript se adapta a uma ampla gama de necessidades de desenvolvimento,
desde interfaces de usuário até aplicações completas no servidor.

..
Muito
obrigada!