nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Desenvolvendo Aplicativos Web com ArcGIS API para JavaScript / Construindo Aplicações Usando os Recursos do ArcGIS API para JavaScript

RudyProsser

<\/HEAD>

Nota:<\/STRONG> Esta lista de recursos é para todas as versões do curso com instrutor sobre a ArcGIS API for JavaScript.<\/P>Recursos Esri<\/STRONG><\/SPAN><\/P>Esri.com<\/STRONG><\/A> 93 Site principal da Esri. Fornece informaE7E3o sobre produtos alE9m de links para treinamento, serviE7os e suporte.Treinamento<\/A> 93 Portal de Treinamento Esri para treinamentos presenciais e virtuais<\/LI>Blogs da Esri<\/A> 93 Esri Insider<\/A>A0A0 ArcGIS<\/A><\/LI><\/UL><\/LI>Suporte Esri<\/A> 93 Centro de suporte da Esri

DicionE1rio GIS<\/A><\/LI>Ideias ArcGIS<\/A><\/LI><\/UL><\/LI>GeoNet<\/STRONG><\/A> 93 A Comunidade EsriTreinamento Esri<\/A><\/LI>Lobby de DiscussF5es<\/A><\/LI><\/UL><\/LI>Learn ArcGIS<\/STRONG> 93 Aprendizado autodidata sobre GIS atravE9s de projetos prE1ticos.<\/LI>SoluE7F5es<\/STRONG><\/LI>Marketplace<\/STRONG><\/LI><\/UL><\/> ArcGIS for Developers<\/> <\/> InEDcio<\/>

DocumentaE7E3o<\/> Planos de assinatura<\/> Comunidade de desenvolvedores<\/> <\/> <\/> Esri no GitHub<\/> ArcGIS API for JavaScript<\/> REST API<\/> <\/>
Construtores / Visualizadores de Aplicativos Web<\/>
Web AppBuilder for ArcGIS (Developer Edition)<\/> Modelos de aplicaE7F5es web do ArcGIS<\/> ArcGIS > Criar aplicativos<\/> Story Maps ^Novo

rel="nofollow noopener noreferrer">E380 > JavaScript – Vídeos específicos de JavaScript

Conferência de Usuários Esri 2015 ^Novo

Cúpula de Desenvolvedores Esri 2015

Conferência Internacional de Usuários Esri 2014

Cúpula de Desenvolvedores Esri 2014

Conferência Internacional de Usuários Esri 2013

Cúpula de Desenvolvedores Esri 2013

API JavaScript do ArcGIS: Noções Básicas para Desenvolvedores

Recursos

API ArcGIS para JavaScript

Roteiro da Esri para Desenvolvedores Web – Blog do ArcGIS, 21/02/2014
API ArcGIS para JavaScript – Conceitos, referência da API e exemplos.
Blog do ArcGIS > JavaScript
Esri no GitHub > JavaScript
Otimizador Web da API ArcGIS para JavaScript

API ArcGIS para JavaScript - Livros

ArcGIS for JavaScript Developers by Example , Jayakrishnan Vijayaraghavan e Yogesh Dhanapal, Packt Publishing, 03 / 2016 ^Novo
Desenvolvimento Web com ArcGIS , Rene Rubalcava, Manning Publications, 11 / 2014
Construindo Aplicações Web e Móveis com ArcGIS Server usando JavaScript , Eric Pimpler, Packt Publishing, 02 / 2014
Construindo Aplicações Web com ArcGIS , Hussein Nasser, Packt Publishing, 11 / 2014
Desenvolvendo Aplicações Móveis Web com ArcGIS , Matthew Sheehan, Packt Publishing, 2 / 2015
Dominando o Desenvolvimento do ArcGIS Server com JavaScript , Ken Doman, Packt Publishing, 9 / 2015 ^Novo

API ArcGIS para JavaScript - Download

ArcGIS

ArcGIS for Server 101 (ArcUser, 2013)
Portal for ArcGIS 101 (ArcUser, Inverno 2014)
A Plataforma para o Sucesso – GIS para Todos (ArcUser, Primavera 2013)
Descubra, use, crie e compartilhe mapas de qualquer dispositivo, em qualquer lugar e a qualquer hora ^Novo
Apps para Todos ^Novo

ArcGIS e servidores de exemplo – Diretório de Serviços

ArcGIS Rest API

ArcUser - JavaScript

Sem Programação Necessária - Crie apps web rapidamente com Web AppBuilder for ArcGIS (Verão 2015) ^Novo
10 Projetos Open-Source que Todo Desenvolvedor Geo JavaScript Deve Conhecer (Primavera 2014)
Compatível com Mídia Móvel (Inverno 2013)
Visualização de Dados com ArcGIS API for JavaScript (Outono 2014)

Asynchronous Module Definition

Por que AMD?
O abc do AMD – Esri Blogs
Tutoriais AMD no Dojo Toolkit – Hello Dojo!, Modern Dojo, Introdução aos Módulos AMD, Uso Avançado do AMD

Artigos do Blog

ArcGIS > JavaScript
- Visualização 3D: Usando atributos para representar tamanhos reais das feições [01/02/2016] ^Novo
- Visualização 3D: trabalhando com objetos, caminhos e extrusão [25/01/2016] ^Novo
- Visualização 3D: trabalhando com ícones, linhas e símbolos de preenchimento [19/01/2016] ^Novo
- Renderização Multivariada – técnicas de visualização 2D em JavaScript [11/01/2016] ^Novo
- Usando Bower para builds personalizados do ArcGIS API for JavaScript [13/11/2015] ^Novo
- Visualização de Dados com ArcGIS API for Show Data by Size [01/12/2014]
- Visualização de Dados com ArcGIS API for Show Data by Color [10/10/2014]
- Visualização de Dados com ArcGIS API for Enhancement Options [24/09/2014]
- Visualização de Dados com ArcGIS API for Show Data by Unique Value [11 /09 /2014]
- < A href = "https://blogs.esri.com/esri / arc gis / 2015 / 09 / 09 / geometryengine-part -1-testing-spatial -relationships-and-editing / "rel = " nofollow noopener noreferrer "> GeometryEngine parte 1 : Testando relacionamentos espaciais e edição </ A > [09 /09 /2015 ] Novo </ LI >< LI >< A href = "https : // blogs . esri . com / es ri / arc gis / 20 15 / 09 /16 / geometryengine-part -2-measurement / "rel = " nofollow noopener noreferrer "> GeometryEngine parte 2 : Medição </ A > [16 /09 /20 15 ] Novo </ LI >< LI >< A href = " https : // blogs . es ri . com / es ri / arc gis / 20 15 / 09 /23 / geometryengine-part -3-overlay-analysis / "rel = " nofollow noopener noreferrer "> GeometryEngine parte 3 : Análise de sobreposição </ A > [23 /09 /20 15 ] Novo </ LI >< LI >< A href = " http : // blogs . es ri . com / es ri / arc gis / 20 14 /09 /05 / data -visualization-with - arc gis -api -for -javascript / "rel = " nofollow noopener noreferrer "> Visualização de Dados com ArcGIS API for JavaScript </ A > [05 /09 /20 14 ] </ LI ></ UL ></ LI ></ UL >< UL style = " list-style-type : disc ; " >< LI >< A href = " http : // blogs . es ri . com / es ri / supportcenter / "rel = " nofollow noopener noreferrer "> Blog dos Serviços de Suporte Esri </ A >< UL style = " list-style-type : circle ; " >< LI >< A href = " http : // blogs . es ri . com / es ri / supportcenter / 20 15 /04 /07 / setting-up-a-proxy / "rel = " nofollow noopener noreferrer "> Configurando um Proxy </ A > [07 /04 /20 15 ] </ LI >< LI >< A href = " http : // blogs . es ri . com / es ri / supportcenter /20 14 /12 /08 / how-to-plan-a-great-map-event / "rel = " nofollow noopener noreferrer "> Como Planejar um Excelente Evento de Mapa </ A > [08 /12 /20 14 ] </ LI >< LI >< A href = " http : // blogs . es ri . com / es ri / supportcenter /20 14 /09 /29 /javascript-events-advocating-for-on-style-event-programming/"rel="nofollownoopenernoreferrer">Eventos JavaScript – Defendendo a Programação de Eventos Estilo On[292014]

Compatibilidade do Navegador

Can I Use 6 Tabelas de compatibilidade para suporte a HTML5, CSS3, SVG e mais em navegadores desktop e mobile
Browse Happy 6 Descubra as versf5es mais recentes dos principais navegadores 6 Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer.

Tutoriais do console do navegador

Firefox
- Firefox Developer Tools > Depurae7e3o > Web Console
- Depurando JavaScript
Chrome
- Usando o Console
- Chrome Dev Tools
- Introdue7e3o ao Chrome Developer Tools, Parte 1
- Explore e Domine o Chrome DevTools curso gratuito em veddeos em sete partes da CodeSchool ^Novo
Internet Explorer
- Usando as ferramentas de desenvolvimento F12
- Inspecione o JavaScript em execue7e3o com o Debugger
Blog Treehouse > Dominando o Console das Ferramentas de Desenvolvimento (27/01/2014)

Ferramentas de Colaborae7e3o / Sandboxes

Depurae7e3o

W3C Markup Validation Service 6 Verifica a validade da marcae7e3o de documentos web em HTML, XHTML e outras marcae7f5es.
W3C Validation Service 6 Verifica folhas de estilo em cascata (CSS) e documentos (X)HTML com folhas de estilo
JSLint 6 uma ferramenta de qualidade de cf3digo JavaScript, entrada na Wikipedia, GitHub douglascrockford/JSLint
jsHint 6 uma ferramenta de qualidade de cf3digo JavaScript, entrada na Wikipedia, GitHub jshint/jshint
Firebug 6 ferramenta de desenvolvimento web para Firefox
Fiddler 6 ferramenta gratuita de depurae7e3o web para qualquer navegador
FreeFormatter.com 6 Ferramentas de teste, incluindo 9cv52rios formatadores, validadores, minificadores de cf3digo, escapadores de strings, codificadores e decodificadores, digestores de mensagens, recursos web e mais.9d
Blog > Julie Pagano > Depurae7e3o JavaScript para Iniciantes

Dojo

Lugares GeoNet

Diretrizes / Guia de Estilo para Codificaao JavaScript

Blog >
Addy Osmani
>
Guias e Embelezadores de Estilo JavaScript
Crockford >
Convenoes de Cdigo para a Linguagem de Programaao JavaScript
Guia de Estilo Dojo
(Comunidade)
Guia de Estilo Dojo
(Documentaao)
Guia de Estilo Google para JavaScript
MDN > Guia do Desenvolvedor >
Estilo de Codificaao
diretrizes Typo3 para codificaao JavaScript

IDE/Editores

tudio Aptana

l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i >
l i > rel="nofollow noopener noreferrer">FreeMind – software gratuito de mapeamento mental
Pencil Project – ferramenta de prototipagem GUI de código aberto

Proxy

Configurando um proxy do Esri Blog de Serviço de Suporte
Guia da API > Usando o proxy
GitHub > Esri / resource-proxy

Simbologia

ColorBrewer – Selecionando esquemas de cores para cartografia
Adobe Color CC – Selecionando esquemas de cores

Testes

Karma – Teste unitário de baixo nível

Ferramentas e Utilitários

AMD Require Generator no GitHub
ArcGIS Server Administration Tookit – 10.1+
- Ferramentas para download para administração do ArcGIS Server (Blog do ArcGIS)
PerfQAnalyzer
- Blog de Serviços de Suporte Esri > Calibrando o desempenho do ArcGIS com PerfQAnalyzer: Nova versão disponível para download
- Blog de Serviços de Suporte Esri > PerfQAnalyzer: Build164 disponível para download

Tutoriais sobre JavaScript, HTML, CSS e DOM

W3Schools.com

Mozilla Developer Network (tutoriais)

Mozilla Developer Network > Tecnologia Web para desenvolvedores
Guia do Desenvolvedor Web
HTML
CSS
JavaScript
- Guia JavaScript
- Referência JavaScript

Construtores / Visualizadores de Aplicações Web

/developers.arcgis.com/web-appbuilder /" rel="nofollow noopener noreferrer"> Web AppBuilder for ArcGIS (Developer Edition)
ArcGIS &gt ; /doc.arcgis.com/en / arcgis - / create-maps / make-your-first-app.htm" rel="nofollow noopener noreferrer"> Criar aplicativos
/resources.arcgis.com/en / communities / flex-viewer /" rel="nofollow noopener noreferrer"> Flex Viewer [Descontinuado]
/resources.arcgis.com/en / communities / silverlight-viewer / index.html" rel="nofollow noopener noreferrer"> Silverlight Viewer [Descontinuado]

Web AppBuilder for ArcGIS

/developers.arcgis.com/web-appbuilder /" rel="nofollow noopener noreferrer"> Web AppBuilder for ArcGIS (Developer Edition)
Treinamento Esri >/training.esri.com/gateway/index.cfm?fa=catalog.webCourseDetail&courseid=2887" rel="nofollow noopener noreferrer"> Comece com Web AppBuilder for ArcGIS
Treinamento Esri >/training.esri.com/gateway/index.cfm?fa=catalog.webCourseDetail&courseid=2893" rel="nofollow noopener noreferrer"> Criando Aplicações Web Usando Templates e Web AppBuilder for ArcGIS
GitHub > Biblioteca de widgets do Web AppBuilder da US EPA
GeoNet >/community.esri.com/blogs/myAlaskaGIS/2016/03/09/web-appbuilder-developer-edition-customization-resource-list"> Web AppBuilder Developer Edition – Lista de Recursos para Customização
GeoNet >/community.esri.com/blogs/myAlaskaGIS/2015/01/15/tips-and-observations-for-getting-web-appbuilder-developer-edition-installed"> Dicas e Observações para instalar o Web AppBuilder - Developer Edition
GeoNet >/community.esri.com/blogs/myAlaskaGIS/2015/02/04/tips-for-using-the-custom-locallayer-widget-with-wab-dev-edition"> Dicas para usar o widget customizado LocalLayer com WAB-Dev edition
GeoNet >/community.esri.com/blogs/myAlaskaGIS/2015/02/18/tips-for-updating-to-a-new-release-of-locallayer-widgets-may-help-with-others-too"> Dicas (widgets LocalLayer) para mais customização e atualização (pode ajudar com outros também)
Blog do ArcGIS >/blogs.esri.com/esri/arcgis/2015/04/06/clarifying-3-questions-about-web-appbuilder-for-arcgis /" rel="nofollow noopener noreferrer"> Esclarecendo 3 perguntas sobre o Web AppBuilder for ArcGIS

Controle de Versão

Centro do mapa Esri JavaScript, nível de zoom e extensão

Encontre mais publicações marcadas com

Comentários

RebeccaStrauch__GISP

Rudy, I think that would be an appropriate place to add at least the resource list link I mentioned.

RebeccaStrauch__GISP

Rudy,

The most referenced/popular is Web AppBuilder Developer Edition – Customization Resource List

The first, and the one that has helped quite a few users get WAB setup with AGOL web ID, etc.

Tips and Observations for getting Web AppBuilder - Developer Edition Installed

I have two others that were in between, mainly for getting the LocalLayer (i.e. services from user's ArcGIS Server) setup

Tips for using the custom LocalLayer widget with WAB-Dev edition

And for helping to upgrade with the custom widgets....but this one is probably a bit out of date right now

Tips (LocalLayer widgets) for more customization and Updating (may help with others too)

The resource list has a link to all the rest and it the most valuable, and I try to keep it up to date. There are many resources and people contributing (which I list as many as I can) that may be of interest to your JS list, but it's up to you whether you want to repeat, or just link to what I have. Regardless, I'll be maintaining mine too, since I need it too. thanks for your list(s)....very handy.

RudyProsser

Rebecca,

Send me the links that you'd like to see added to this list or a separate Web AppBuilder resource list. I don't have much on it.

Rudy

ChrisSergent

I'm going to the UC too. I wonder how many other Devs here will. There will be a DevMeetup and Lightning talks there. Wouldn't mind seeing people from here in person.

RudyProsser

Xander

Thanks for the suggestions. I added them to a new topic "GeoNet Places."

Keep those cards and letters coming,

Rudy

RebeccaStrauch__GISP

Robert and many others can develop circles around me (I'm a pretty good programming hack though), but I'll keep an eye out for anything I might see at the UC, etc. But this is a great resource already. The only thing is if want to add a link to my blogs....they seem to be useful (for WAB dev stuff) but they are pretty unpolished, and since for example, the install tips are what worked for me, and not how the help explains it (i.e., maybe in conflict with help), it may not fit into this more official doc. Your call Rudy.

I do link to this page in my resource list btw since it is a helpful resource for all WAB stuff too.

XanderBakker

Hi Rudy Prosser ,

I'm not a JavaScript developer, but I saw the DevSummit 2014 links and thought that it might be good to include the 2015 links.

So I do not have many additional suggestions. However, since we are on GeoNet, it might be good to highlight the space: ArcGIS API for JavaScript and while we're at it, there is a very active place Web AppBuilder Custom Widgets and ArcGIS REST API can be interesting too.