Differences
This shows you the differences between two versions of the page.
|
isi:laboratoare:02 [2025/10/07 10:13] sorin.ciolofan [ArcGIS Instant Apps builder] |
isi:laboratoare:02 [2025/10/17 15:10] (current) sorin.ciolofan [Resurse] |
||
|---|---|---|---|
| Line 46: | Line 46: | ||
| <note important>Rareori aplicațiile web de complexitate medie sunt scrise direct în JavaScript. De regulă se folosesc framework-uri pentru a gestiona structura și funcționalitățile generale ale aplicațiilor, dar toate acestea au la bază o cunoaștere bună a limbajului.</note> | <note important>Rareori aplicațiile web de complexitate medie sunt scrise direct în JavaScript. De regulă se folosesc framework-uri pentru a gestiona structura și funcționalitățile generale ale aplicațiilor, dar toate acestea au la bază o cunoaștere bună a limbajului.</note> | ||
| + | /* | ||
| <note tip>SDK-ul de JavaScript pentru ArcGIS este folosit pentru a crea aplicații web customizabile, independente de tipul de browser folosit. Are la bază framework-ul Dojo, un toolkit care permite realizarea aplicațiilor modulare.</note> | <note tip>SDK-ul de JavaScript pentru ArcGIS este folosit pentru a crea aplicații web customizabile, independente de tipul de browser folosit. Are la bază framework-ul Dojo, un toolkit care permite realizarea aplicațiilor modulare.</note> | ||
| Line 53: | Line 54: | ||
| <note tip>Găsiți [[https://dojotoolkit.org/documentation/tutorials/1.10/modules/|aici]] informații suplimentare din documentația Dojo</note> | <note tip>Găsiți [[https://dojotoolkit.org/documentation/tutorials/1.10/modules/|aici]] informații suplimentare din documentația Dojo</note> | ||
| + | */ | ||
| ==== Setup aplicație web ==== | ==== Setup aplicație web ==== | ||
| Pentru a începe lucrul cu ArcGIS Maps SDK for JavaScript, găsiți aici un setup minimal pentru a afișa o hartă: [[https://developers.arcgis.com/javascript/latest/display-a-map/|Display a map]] | Pentru a începe lucrul cu ArcGIS Maps SDK for JavaScript, găsiți aici un setup minimal pentru a afișa o hartă: [[https://developers.arcgis.com/javascript/latest/display-a-map/|Display a map]] | ||
| - | Structura aplicației ArcGIS are la bază sistemul modular bazat pe Dojo: | + | Incepind cu versiunea 4.27 a ArcGIS API for JavaScript se folosesc web components native (taguri precum <arcgis-map>, <arcgis-search>, <arcgis-legend> etc. sunt taguri HTML personalizate — adică Web Components create de Esri) |
| + | /* | ||
| <file javascript> | <file javascript> | ||
| require([ | require([ | ||
| Line 68: | Line 70: | ||
| { | { | ||
| </file> | </file> | ||
| + | */ | ||
| === Sandbox === | === Sandbox === | ||
| Line 74: | Line 76: | ||
| Pentru a salva proiectele realizate în CodePen este necesar să vă creați un cont gratuit. | Pentru a salva proiectele realizate în CodePen este necesar să vă creați un cont gratuit. | ||
| - | {{:isi:laboratoare:lab3:codepen.png?600|}} | + | /* |
| + | {{:isi:laboratoare:lab3:codepen.png?600|}} */ | ||
| <note important> | <note important> | ||
| - | Folosiți tab-urile corespunzătoare pentru a scrie cod HTML, CSS și JavaScript, în loc să scrieți tot codul în HTML. | + | /*Folosiți tab-urile corespunzătoare pentru a scrie cod HTML, CSS și JavaScript, în loc să scrieți tot codul în HTML.*/ |
| + | În cazul componentelor ArcGIS moderne, tot codul trebuie să rămână în tabul HTML, nemaifiind necesara separarea codului in tabul JS asa cum era la versiunile anterioare bazate pe Dojo. | ||
| - | În proiecte mai complexe, separarea fișierelor (.html, .css, .js) permite o mai bună organizare a aplicației, și facilități de formatare și verificare a sintaxei în cazul folosirii unui IDE (de ex. [[https://code.visualstudio.com/|Visual Studio Code]]).</note> | + | /*În proiecte mai complexe, separarea fișierelor (.html, .css, .js) permite o mai bună organizare a aplicației, și facilități de formatare și verificare a sintaxei în cazul folosirii unui IDE (de ex. [[https://code.visualstudio.com/|Visual Studio Code]]).*/ </note> |
| Line 178: | Line 182: | ||
| https://www.arcgis.com/home/item.html?id=<my-layer-id></note>*/ | https://www.arcgis.com/home/item.html?id=<my-layer-id></note>*/ | ||
| - | ==== Resurse ==== | + | /*==== Resurse ==== |
| * {{:isi:laboratoare:lab3:la_hub_datasets.zip|LA_Hub_Datasets.zip}} | * {{:isi:laboratoare:lab3:la_hub_datasets.zip|LA_Hub_Datasets.zip}} | ||
| + | */ | ||
