logo

TechCodeview

Aprenda o tutorial de JavaScript

Tutorial de JavaScript

Nosso Tutorial de JavaScript foi projetado para iniciantes e profissionais. JavaScript é usado para criar páginas dinâmicas do lado do cliente.

JavaScript é uma linguagem de script baseada em objetos que é leve e multiplataforma.

JavaScript não é uma linguagem compilada, mas é uma linguagem traduzida. O JavaScript Translator (incorporado no navegador) é responsável por traduzir o código JavaScript do navegador web.

O que é JavaScript

JavaScript (js) é uma linguagem de programação leve orientada a objetos que é usada por vários sites para criar scripts de páginas da web. É uma linguagem de programação interpretada e completa que permite interatividade dinâmica em sites quando aplicada a um documento HTML. Foi introduzido no ano de 1995 para adicionar programas às páginas da web no navegador Netscape Navigator. Desde então, foi adotado por todos os outros navegadores gráficos. Com JavaScript, os usuários podem criar aplicativos da web modernos para interagir diretamente, sem recarregar a página todas as vezes. O site tradicional utiliza js para proporcionar diversas formas de interatividade e simplicidade.

string.compare c#

Embora o JavaScript não tenha conectividade com a linguagem de programação Java. O nome foi sugerido e fornecido na época em que Java ganhava popularidade no mercado. Além dos navegadores da web, bancos de dados como CouchDB e MongoDB usam JavaScript como linguagem de script e consulta.

Recursos de JavaScript

Existem os seguintes recursos de JavaScript:

  1. Todos os navegadores populares suportam JavaScript, pois fornecem ambientes de execução integrados.
  2. JavaScript segue a sintaxe e a estrutura da linguagem de programação C. Portanto, é uma linguagem de programação estruturada.
  3. JavaScript é uma linguagem de tipo fraco, onde certos tipos são convertidos implicitamente (dependendo da operação).
  4. JavaScript é uma linguagem de programação orientada a objetos que usa protótipos em vez de classes para herança.
  5. É uma linguagem leve e interpretada.
  6. É uma linguagem que diferencia maiúsculas de minúsculas.
  7. JavaScript é compatível com vários sistemas operacionais, incluindo Windows, macOS, etc.
  8. Ele fornece um bom controle aos usuários sobre os navegadores da web.

História do JavaScript

Em 1993, Mosaico , o primeiro navegador popular, surgiu. No ano 1994 , Netscape foi fundada por Marc Andreessen . Ele percebeu que a web precisava se tornar mais dinâmica. Assim, acreditava-se que uma 'linguagem adesiva' seria fornecida ao HTML para tornar o design da web mais fácil para designers e programadores de meio período. Consequentemente, em 1995, a empresa recrutou Brendan Eich pretendendo implementar e incorporar a linguagem de programação Scheme ao navegador. Mas, antes que Brendan pudesse começar, a empresa se fundiu com Microssistemas Sun por adicionar Java em seu Navigator para que pudesse competir com a Microsoft em tecnologias e plataformas web. Agora, existiam duas linguagens: Java e a linguagem de script. Além disso, a Netscape decidiu dar à linguagem de script um nome semelhante ao Java. Isso levou a 'Javascript'. Finalmente, em maio de 1995, Marc Andreessen cunhou o primeiro código Javascript chamado ' Mocha '. Mais tarde, a equipe de marketing substituiu o nome por ' LiveScript '. Mas, devido a razões de marca registrada e outras razões, em dezembro de 1995, a linguagem foi finalmente renomeada para 'JavaScript'. A partir daí, o JavaScript passou a existir.

Aplicação de JavaScript

JavaScript é usado para criar sites interativos. É usado principalmente para:

  • Validação do lado do cliente,
  • Menus suspensos dinâmicos,
  • Exibindo data e hora,
  • Exibindo janelas pop-up e caixas de diálogo (como uma caixa de diálogo de alerta, caixa de diálogo de confirmação e caixa de diálogo de prompt),
  • Exibindo relógios etc.

Exemplo de JavaScript

 document.write('Hello JavaScript by JavaScript');
Teste agora

Uma explicação detalhada do primeiro exemplo de JavaScript é fornecida no próximo capítulo.

Índice JavaScript

Tutorial de JavaScript

Noções básicas de JavaScript

Objetos JavaScript

Lista técnica JavaScript

  • Objetos do navegador
  • 1) Objeto Janela
  • 2) Objeto Histórico
  • 3) Objeto Navegador
  • 4) Objeto de tela

DOM JavaScript

  • 5) Objeto de documento
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • Propriedade JavaScript innerHTML
  • Propriedade JavaScript innerText

Validação JavaScript

OOPs JavaScript

  • Classe JavaScript
  • Objeto JavaScript
  • Protótipo JavaScript
  • Método construtor JavaScript
  • Método estático JavaScript
  • Encapsulamento JavaScript
  • Herança JavaScript
  • Polimorfismo JavaScript
  • Abstração JavaScript

Cookies JavaScript

Eventos JavaScript

    Eventos HTML/DOM

JavaScript Diversos

  • JavaScript esta palavra-chave
  • Depuração de JavaScript
  • Elevação de JavaScript
  • Modo estrito de JavaScript

Avanço de JavaScript

  • JavaScript TypedArray
  • Conjunto JavaScript
  • Mapa JavaScript
  • Conjunto fraco de JavaScript
  • JavaScript FracoMap

Questões de entrevista

  • Perguntas da entrevista sobre JavaScript

Métodos JavaScript

o que é email

Objeto de matriz JavaScript

Objeto DataView JavaScript

  • Visualização de dados JavaScript
  • Método getFloat32() do DataView
  • Método getFloat64() do DataView
  • Método getInt8() do DataView
  • Método getInt16() do DataView
  • Método getInt32() do DataView
  • Método getUint8() do DataView
  • Método getUint16() do DataView
  • Método getUint32() do DataView

Objeto de função JavaScript

  • Função JavaScript
  • Função aplicar() método
  • Método bind() da função
  • Método de chamada de função()
  • Função toString() método

Objeto de data JavaScript

  • Data JavaScript
  • método getDate() de data
  • método getDay() de data
  • Método getFullYears() de data
  • método getHours() de data
  • Método getMilliseconds() de data
  • Método getMinutes() de data
  • método getMonth() de data
  • Método getSeconds() de data
  • Método getUTCDate() de data
  • Método getUTCDay() de data
  • Método getUTCFullYears() de data
  • Método getUTCHours() de data
  • método getUTCMinutes() de data
  • Método getUTCMonth() de data
  • Método getUTCSeconds() de data
  • Método setDate() de data
  • método setDay() de data
  • Método setFullYears() de data
  • Método setHours() de data
  • Método setMilliseconds() de data
  • Método setMinutes() de data
  • Método setMonth() de data
  • Método setSeconds() de data
  • Método setUTCDate() de data
  • método setUTCDay() de data
  • Método setUTCFullYears() de data
  • Método setUTCHours() de data
  • Método setUTCMilliseconds() de data
  • Método setUTCMinutes() de data
  • Método setUTCMonth() de data
  • método setUTCSeconds() de data
  • método data toDateString()
  • método data toISOString()
  • método data paraJSON()
  • método data toString()
  • método data toTimeString()
  • método data paraUTCString()
  • método data valueOf()

Objeto manipulador JavaScript

  • Manipulador JavaScript
  • método apply() do manipulador
  • método construct() do manipulador
  • método defineProperty() do manipulador
  • método deleteProperty() do manipulador
  • método get() do manipulador
  • método getOwnPropertyDescriptor() do manipulador
  • método getPrototypeOf() do manipulador
  • manipulador método has()
  • método isExtensible() do manipulador
  • método ownKeys() do manipulador
  • método preventExtensions() do manipulador
  • método manipulador set()
  • método setPrototypeOf() do manipulador

Objeto JSON JavaScript

execlp
  • Javascript JSON
  • Método JSON.parse()
  • Método JSON.stringify()

Objeto de mapa JavaScript

  • Mapa JavaScript
  • Método clear() do mapa
  • Método delete() do mapa
  • Método de entradas do mapa()
  • Método Map forEach()
  • Método get() do mapa
  • Método has() do mapa
  • Método de chaves de mapa ()
  • Método set() do mapa
  • Método de valores do mapa()

Objeto matemático JavaScript

  • Matemática JavaScript
  • Método matemático abs()
  • Método matemático acos()
  • Método matemático asin()
  • Método matemático atan()
  • Método matemático cbrt()
  • Método matemático ceil()
  • Método matemático cos()
  • Método matemático cosh()
  • Método matemático exp()
  • Método matemático floor()
  • Método matemático hipot()
  • Método log matemático()
  • Método matemático max()
  • Método matemático min()
  • Método matemático pow()
  • Método matemático aleatório()
  • Método rodada matemática()
  • Método de sinal matemático()
  • Método matemático sin()
  • Método matemático sinh()
  • Método matemático sqrt()
  • Método matemático tan()
  • Método matemático tanh()
  • Método matemático trunc()

Objeto de número JavaScript

  • Número JavaScript
  • Método número isFinite()
  • Método número isInteger()
  • Método numérico parseFloat()
  • Método numérico parseInt()
  • Método numérico toExponential()
  • Método número toFixed()
  • Número para método Precision()
  • Método numérico toString()

Objeto JavaScript RegExp

  • JavaScript RegExp
  • Método RegExp.exec()
  • Método RegExp.test()
  • Método RegExp.toString()

Objeto JavaScript

  • Objeto JavaScript
  • Método Object.assign()
  • Método Object.create()
  • Método Object.defineProperty()
  • Método Object.defineProperties()
  • Método Object.entries()
  • Método Object.freeze()
  • Método getOwnPropertyDescriptor()
  • Método getOwnPropertyDescriptors()
  • Método getOwnPropertyNames()
  • Método getOwnPropertySymbols()
  • Método Object.getPrototypeOf()
  • Método Object.is()
  • Método preventExtensions()
  • Método Object.seal()
  • Método Object.setPrototypeOf()
  • Método Object.values()

Objeto de reflexão JavaScript

  • Reflexão JavaScript
  • Método Reflect.apply()
  • Método Reflect.construct()
  • Método Reflect.defineProperty()
  • Método Reflect.deleteProperty()
  • Método Reflect.get()
  • Método getOwnPropertyDescriptor()
  • Método Reflect.getPrototypeOf()
  • Método Reflect.has()
  • Método Reflect.isExtensible()
  • Método Reflect.ownKeys()
  • Método preventExtensions()
  • Método Reflect.set()
  • Método Reflect.setPrototypeOf()

Objeto de conjunto JavaScript

Objeto String JavaScript

Objeto de símbolo JavaScript

  • Símbolo JavaScript
  • Método Símbolo.for()
  • Método Symbol.keyFor()
  • Método Symbol.toString()

Propriedade do símbolo

  • Propriedade Symbol.hasInstance
  • Propriedade isConcatSpreadable
  • Propriedade Symbol.match
  • Propriedade Symbol.prototype
  • Propriedade Symbol.replace
  • Propriedade Symbol.search
  • Propriedade Símbolo.split
  • Propriedade Symbol.toStringTag
  • Propriedade Symbol.unscopables

Objeto JavaScript TypedArray

  • JavaScript TypedArray
  • Método TypedArray copyWithin()
  • Método de entradas TypedArray()
  • Método TypedArray cada()
  • Método de preenchimento TypedArray()
  • Método de filtro TypedArray()
  • Método TypedArray find()
  • Método TypedArray findIndex()
  • Método TypedArray forEach()
  • Método TypedArray inclui()
  • Método TypedArray indexof()
  • Método TypedArray join()
  • Método TypedArray Keys()
  • Método TypedArray lastIndexof()
  • Método TypedArray map()
  • Método TypedArray reduzir()
  • Método TypedArray reduzRight()
  • Método TypedArray reverso()
  • Método TypedArray set()
  • Método TypedArray Slice()
  • Método TypedArray some()
  • Método TypedArray sort()
  • Método subarray TypedArray()
  • Método de valores TypedArray()
  • Método toLocaleString()
  • Método TypedArray toString()

Objeto JavaScript WeakMap

funções de string java
  • JavaScript FracoMap
  • Método delete() do WeakMap
  • Método get() do WeakMap
  • Método has() do WeakMap
  • Método set() do WeakMap

Objeto JavaScript WeakSet

  • Conjunto fraco de JavaScript
  • Método WeakSet add()
  • Método WeakSet delete()
  • Método WeakSet has()

Pré-requisito

Antes de aprender JavaScript em profundidade, você deve ter conhecimentos básicos de HTML.

Público

Desenvolvemos este tutorial JavaScript para iniciantes e profissionais. São fornecidos muitos exemplos com editor JavaScript. Assim, você pode editar facilmente seu código JavaScript, o que o ajudará a aprender JavaScript facilmente.

Problema

Garantimos que você não encontrará nenhum problema em nosso tutorial de JavaScript. Mas, se encontrar algum erro, você pode postá-lo em nossa seção de comentários.