Scribd
Carregar
4 visualizações

DNC_ Fundamentos de JavaScript

Enviado por

slashhell
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
4 visualizações

DNC_ Fundamentos de JavaScript

Enviado por

slashhell
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 11

JavaScript

Prof. Lucas Correa


Quem é o Lucas?
https://www.linkedin.com/in/lucascorreaa/
Fundamentos
● Nasce em 1995 por Brendan Eich;
● Linguagem de programação de alto nível;
● Presente em grandes frameworks de front-end: React, Vue, Angular;
● Multiparadigma - POO, Funcional, Baseado em Protótipos;
Fundamentos
Interpretação e Execução:
● JavaScript é uma linguagem interpretada, o que significa que o código é executado linha por linha,
sem a necessidade de compilação prévia.

Sintaxe Simples e Flexível:


● A sintaxe do JavaScript é semelhante à de outras linguagens de programação, como Java e C,
tornando-a relativamente fácil de aprender para aqueles familiarizados com programação.
● JavaScript é uma linguagem de tipagem dinâmica, o que significa que o tipo de uma variável é
determinado em tempo de execução.

Assincronia e Callbacks:
● JavaScript é projetado para ser assíncrono, permitindo a execução de operações sem bloquear o restante
do código.
Importância para o Desenvolvimento Web
Interatividade do Cliente:
● JavaScript permite criar interfaces de usuário interativas, respondendo a ações do usuário sem a necessidade de recarregar a
página.

Validação de Formulários:
● É comum usar JavaScript para validar formulários do lado do cliente, melhorando a experiência do usuário ao fornecer feedback
instantâneo sobre os dados inseridos.

Frameworks e Bibliotecas:
● Muitos frameworks e bibliotecas populares, como React, Angular e Vue.js, são baseados em JavaScript, simplificando o
desenvolvimento de aplicações web complexas.

Node.js:
● JavaScript não é mais restrito ao navegador. Com o ambiente de execução Node.js, os desenvolvedores podem usar JavaScript no
lado do servidor, unificando a linguagem em todo o stack.

Ecossistema Rico:
● O ecossistema do JavaScript é vasto, com uma ampla gama de bibliotecas e ferramentas disponíveis, facilitando o desenvolvimento e
a manutenção de projetos.

Compatibilidade com Padrões Web:


● JavaScript é uma parte fundamental dos padrões web modernos, como HTML5 e CSS3, contribuindo para a criação de experiências
web ricas e avançadas.
vamos a Prática?
visual studio code / browser
Como executar JavaScript
Editor de Código: VSCode: https://code.visualstudio.com/

Vamos criar uma estrutura HTML com uma chamada script;

Utilizando a extensão Live Server, podemos abrir nosso arquivo em um servidor


local;

Por fim, acessamos a aba console do navegador podemos monitorar o código


JavaScript;
Estrutura do JavaScript
Tipos de Dados:
● JavaScript possui diversos tipos de dados, incluindo:
● Primitivos: number, string, boolean, null, undefined.
● Complexos: object, array, function.

Operadores:
● Aritméticos: +, -, *, /, %.
● Comparação: ==, === (igualdade estrita), !=, !== (desigualdade estrita).
● Lógicos: && (AND), || (OR), ! (NOT).
● Atribuição: =, +=, -=, entre outros.

Variáveis e Constantes:
● Declaração de variáveis: let, const, var (obsoleta em muitos casos).
● let permite reatribuição, enquanto const declara uma constante.
Estruturas Condicionais e de Repetição
O que são Algoritmos?
● Algoritmo é um conjunto de passos bem definidos e ordenados que descrevem a execução de uma tarefa ou
resolução de um problema.

Estruturas Condicionais:
● if: Executa um bloco de código se uma condição for verdadeira.
● else: Executa um bloco de código se a condição do if for falsa.
● else if: Adiciona condições adicionais.

Estruturas de Repetição:
● for: Executa um bloco de código várias vezes, com uma condição de controle.
● while: Executa um bloco de código enquanto uma condição for verdadeira.
Criação de Funções
Criação de Funções:

● Funções em JavaScript são blocos de código reutilizáveis.


● Declaração de função:

● Arrow functions (funções de flecha):


Variáveis e Vetores - O que são variáveis compostas?
Em JavaScript, variáveis compostas referem-se a estruturas de dados que podem armazenar mais de um valor ou
elemento. Os dois tipos principais de variáveis compostas em JavaScript são arrays e objetos.

Arrays:

● Um array é uma coleção ordenada de valores, acessados por meio de índices.


● Exemplo de criação de um array:

Objetos:

● Um objeto é uma coleção de pares chave-valor, onde cada valor é acessado por meio de uma chave.
● Exemplo de criação de um objeto:

Você também pode gostar