Introdução a objetos em Javascript - Aprendendo desenvolvimento web _ MDN

Prévia do material em texto

Introdução a objetos em
Javascript
Em JavaScript, a maioria das coisas são objetos, desde os
principais recursos do JavaScript, como arrays, até o
navegador APIs construído sobre o JavaScript. Você pode
até mesmo criar seus próprios objetos para encapsular
funções e variáveis relacionadas em pacotes eficientes e
atuar como contêineres de dados úteis. É importante
entender a natureza baseada em objetos do JavaScript se
você quiser aprofundar seu conhecimento da linguagem,
portanto, fornecemos este módulo para ajudá-lo. Aqui
This page was translated from English by the
community. Learn more and join the MDN Web
Docs community.
https://developer.mozilla.org/pt-BR/docs/Glossary/API
https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Translated_content#active_locales
https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Translated_content#active_locales
https://developer.mozilla.org/en-US/docs/MDN/Community/Contributing/Translated_content#active_locales
https://developer.mozilla.org/pt-BR/
ensinamos a teoria e a sintaxe de objetos em detalhes,
depois veremos como criar seus próprios objetos.
Quer se tornar um desenvolvedor web
front-end?
Reunimos um curso que inclui todas as informações
essenciais que você precisa para trabalhe em direção
ao seu objetivo.
Primeiros passos
Pré-requisitos
Antes de iniciar este módulo, você deve ter alguma
familiaridade com HTML e CSS. Recomendamos que você
trabalhe nos módulos Introduction to HTML e Introduction
to CSS antes de começar JavaScript.
Você também deve ter alguma familiaridade com os
fundamentos do JavaScript antes de examinar os objetos
JavaScript em detalhes. Antes de tentar este módulo,
https://developer.mozilla.org/pt-BR/docs/orphaned/Learn/Front-end_web_developer
https://developer.mozilla.org/pt-BR/docs/Glossary/HTML
https://developer.mozilla.org/pt-BR/docs/Glossary/CSS
https://developer.mozilla.org/pt-BR/docs/Learn/HTML/Introduction_to_HTML
https://developer.mozilla.org/pt-BR/docs/Learn/CSS/First_steps
https://developer.mozilla.org/pt-BR/docs/Learn/CSS/First_steps
trabalhe nas primeiras etapas do JavaScript e nos blocos
de construção do JavaScript.
Guias
Noções básicas de objetos
No primeiro artigo sobre objetos JavaScript, veremos a
sintaxe fundamental do objeto JavaScript e
revisitaremos alguns recursos JavaScript que já
examinamos anteriormente no curso, reiterando o fato
de que muitos dos recursos que você já tratados são de
fato objetos.
Protótipos de objetos
Nota: Se você estiver trabalhando em um
computador/tablet/outros dispositivos nos quais
não é possível criar seus próprios arquivos,
experimente (a maioria) os exemplos de código
em um programa de codificação on-line, como
JSBin ou Glitch .
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/First_steps
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Building_blocks
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Building_blocks
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Basics
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Object_prototypes
https://jsbin.com/
https://jsbin.com/
https://glitch.com/
https://glitch.com/
Protótipos são o mecanismo pelo qual os objetos
JavaScript herdam recursos uns dos outros e funcionam
de maneira diferente dos mecanismos de herança em
linguagens de programação clássicas orientadas a
objetos. Neste artigo, exploramos como funcionam as
cadeias de protótipos.
Programação orientada a objetos (en-US)
Neste artigo, descreveremos alguns dos princípios
básicos da programação orientada a objetos "clássica" e
veremos como ela é diferente do modelo de protótipo
em JavaScript.
Aulas em JavaScript
JavaScript fornece alguns recursos para pessoas que
desejam implementar programas orientados a objetos
"clássicos" e, neste artigo, descreveremos esses
recursos.
Trabalhando com dados JSON
JavaScript Object Notation (JSON) é um formato padrão
baseado em texto para representar dados estruturados
com base na sintaxe de objeto JavaScript, que é
https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Object-oriented_programming
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Classes_in_JavaScript
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/JSON
comumente usado para representar e transmitir dados
na web (ou seja, enviar alguns dados do servidor para o
cliente, para que possa ser exibido em uma página da
web). Você o encontrará com bastante frequência,
portanto, neste artigo, fornecemos tudo o que você
precisa para trabalhar com JSON usando JavaScript,
incluindo a análise do JSON para que você possa
acessar itens de dados dentro dele e escrever seu
próprio JSON.
Prática de construção de objetos
Em artigos anteriores, examinamos toda a teoria
essencial de objetos JavaScript e detalhes de sintaxe,
fornecendo uma base sólida para começar. Neste artigo,
mergulhamos em um exercício prático, dando a você um
pouco mais de prática na construção de objetos
JavaScript personalizados, que produzem algo divertido
e colorido — algumas bolas saltitantes coloridas.
Avaliações
Adicionando recursos à nossa demonstração de bolas
quicando
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Object_building_practice
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Adding_bouncing_balls_features
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/Adding_bouncing_balls_features
Nesta avaliação, espera-se que você use a
demonstração de bolas saltitantes do artigo anterior
como ponto de partida e adicione alguns recursos novos
e interessantes a ela.
Veja também
Aprenda JavaScript
Um excelente recurso para aspirantes a
desenvolvedores web — Aprenda JavaScript em um
ambiente interativo, com lições curtas e testes
interativos, guiados por avaliações automatizadas. As
primeiras 40 aulas são gratuitas e o curso completo está
disponível por um pequeno pagamento único.
Help improve MDN
Was this page helpful to you?
Learn how to contribute.
Yes No
https://learnjavascript.online/
https://learnjavascript.online/
https://github.com/mdn/content/blob/main/CONTRIBUTING.md
This page was last modified on 19 de fev. de 2023 by
MDN contributors.
https://developer.mozilla.org/pt-BR/docs/Learn/JavaScript/Objects/contributors.txt