Eleve seu JavaScript a um Novo Nível

ReneRubalcava

<\/HEAD>

<\/P>

Vou presumir que você está atualmente construindo aplicativos com a ArcGIS API for JavaScript ou planeja fazê-lo. Talvez você tenha trabalhado com Flex ou Silverlight e tenha adiado a mudança até agora.  queria abordar algumas coisas que vi aparecer nos fóruns que não estão necessariamente relacionadas às ArcGIS APIs, mas talvez mais em como o JavaScript em si funciona. Também queria fornecer alguns recursos para aprimorar suas habilidades em JavaScript.<\/P>

<\/P>

Aprenda o básico<\/H2>Closures<\/A><\/STRONG>.<\/EM> Não posso enfatizar isso o suficiente. Aprenda escopo, aprenda closures e declarações de variáveis<\/A>. Muitos problemas que surgem nestes fóruns têm a ver com erros de escopo, isso será uma salvação.<\/P>

<\/P>

Eu já

abordei promises <\/STRONG><\/EM><\/A> antes, mas vou enfatizá-las novamente. Aprenda <\/EM>promises<\/A>. Aqui está um post legal no blog<\/A> sobre promises. Aprenda a encadear<\/A> suas promises. Promises são usadas por toda a ArcGIS JS API. Você pode não precisar usar dojo/promise/all<\/A>, ou ter callbacks aninhados, talvez só precise encadear suas promises. Na verdade, nem use callbacks, apenas use then<\/A> e otherwise<\/A>.<\/P>

<\/P>

Arrays<\/A><\/_STRONG>. Vou dizer logo que um melhor entendimento de arrays e seus métodos tornará sua vida em JavaScript muito mais fácil. Você pode fazer muito com arrays, não consigo mencionar tudo. Você pode filtrá-los<\/_A>, pode mapear<\/_A>, pode reduzir<\/_A>. Pode tratá-los como imutáveis usando concat<\/_A> e slice<\/_A>. Se você dominar arrays, verá que sua habilidade em JavaScript crescerá exponencialmente.<\/_P>

<\/_P>

A última coisa básica que quero mencionar aqui é

Object.prototype<\/_A>. Não esqueça que JavaScript é uma linguagem baseada em protótipos<\/_EM>. Você pode pensar que está trabalhando com classes e herança clássica, mas parte da beleza do JavaScript é que você pode tratá-lo assim se quiser, mas isso simplesmente não é verdade. Aqui está uma boa resposta para essa pergunta no stackoverflow<\/_A>. Se algum dia quiser aprimorar suas habilidades e brincar com uma linguagem puramente baseada em protótipos, confira io<\/_A>.<\/_P>

<\/_P>

Recursos para aprimorar suas habilidades<\/_H2>Então, se você é novo em JavaScript ou talvez esteja procurando uma revisão, acho que Eloquent JavaScript <\/_A>é um bom ponto de partida. Ele cobre muitos tópicos, incluindo canvas<\/_A> e Node<\/_A>.<\/_P>

<\/_P>

Aqui está um

ótimo documento<\/_A> do treinamento Esri sobre recursos para a ArcGIS API for JavaScript.<\/_P>

<\/_P>

You Don't Know JavaScript<\/_A>.<\/_P>

Este é um livro gratuito no github, mas você pode comprar cópias impressas. Eu vi um dos cursos online de treinamento de

Kyle Simpson para JavaScript<\/_A>. Mesmo se você acha que conhece JavaScript, ele vai mostrar algo que você não sabe. Isso é conteúdo muito aprofundado e altamente recomendado.<\/_P>

<\/_P>

MDN<\/_A>.<\/_P>

A Mozilla Developer Network. É como ter as especificações do JavaScript apresentadas para você de forma clara e informativa. Esta é uma referência indispensável ao desenvolver em JavaScript, todos os exemplos são fáceis de entender e é fácil saber quais recursos são experimentais.<\/_P>

<\/_P>

ES6/es2015<\/_A>.<\/_P>

A especificação está finalizada, está pronta, está chegando. Espero ver mais recursos sendo implementados nos navegadores nos próximos anos. Coisas como import podem demorar um pouco, mas o futuro é agora, pare de enrolar.<\/_P>

<\/_P>

Programação Funcional<\/_A>.<\/_P>

Ok, este aqui é como o queridinho dos professores. Será que acho que todo mundo deveria fazer JavaScript funcional? Talvez("Sim")<\/_EM>. Estou brincando. Mas acho que você poderia aprender muito sobre desenvolvimento em JavaScript aprendendo a usá-lo de forma funcional. Você não precisa conhecer Monads, mas já conhece Functors. (Arrays são Functors, que são contêineres que podem ser mapeados com funções para obter seus valores)<\/_EM><\/_SPAN>. Não sou um profissional, mas um admirador e usuário entusiasta.<\/_P><\/_P>

Programação Reativa<\/_A><\/_P>

Isso meio que se conecta à Programação Funcional. Programação Reativa lida com fluxos ou dados assíncronos ao longo do tempo. O link fornecido é um ótimo recurso. Existem bibliotecas como

RxJS<\/_A> e Bacon<\/_A> para ajudar você aqui.<\/_P>

<\/_P>

Acho que isso já é suficiente para começar por enquanto. Não está totalmente relacionado à ArcGIS API for JavaScript, mas confie em mim, domine o básico, aprenda um pouco dos extras e você definitivamente estará arrasando com um JavaScript de nível superior.<\/_P>

<\/_P>

Para mais dicas e truques geodev,

confira meu blog<\/_A>.<\/_P>

<\/_H2><\/_BODY><\/_HTML>

LauraMiles1

Thank you for posting this. I have referred back to it many, many times over the last few months!