# Tech

:::info
:bulb: :star: means potential/recommended
:::

## General

- :star: [Full Stack open 2022]

[Full Stack open 2022]: https://fullstackopen.com/en/

## Language

### JavaScript

- [MDS official JS]
- [NetNinja - JS]

[MDS official JS]: https://developer.mozilla.org/en-US/docs/Learn/JavaScript
[NetNinja - JS]: https://www.youtube.com/watch?v=iWOYAxlnaww

## :star: [Blazor]

### UIFramework

- [Uno]
- [Avalonia]

### Training

- :star: [Blazor app building workshop]

[Blazor app building workshop]: https://github.com/dotnet-presentations/blazor-workshop

[Blazor]: https://dotnet.microsoft.com/en-us/apps/aspnet/web-apps/blazor
[Uno]: https://platform.uno/
[Avalonia]: https://avaloniaui.net/

## :star: [Vue]

### UIFramework

:::warning
:warning: [Vuetify] currently only stable for Vue2 but [Quasar] is already good for Vue3
:::

- [Vuetify] [^mockup]
- :star: [Quasar] [^quasar]
- [Bootstrap Vue]

### Training

- [NetNinja - Vue2][Vue2]
- [NetNinja - Vue3][Vue3]

[Vue]: https://vuejs.org/
[Quasar]: https://quasar.dev/
[Vuetify]: https://vuetifyjs.com/en/
[Bootstrap Vue]: https://bootstrap-vue.org/
[Vue2]: https://www.youtube.com/watch?v=5LYrN_cAJoA&list=PL4cUxeGkcC9gQcYgjhBoeQH7wiAyZNrYa
[Vue3]: https://www.youtube.com/watch?v=F7PLPJqVotk

## [React]

### Training

- [Full Stack open 2022]

[React]: https://reactjs.org/

## [ESRI JS API]

### [ESRI JS API] - UIFramework

- [Calcite]

### Examples

- [ESRI & Vue2 Calcite]
- [ESRI & Vue3 Calcite]

[Calcite]: https://esri.github.io/calcite-web/
[ESRI JS API]: https://developers.arcgis.com/javascript/latest/
[ESRI & Vue3 Calcite]: https://github.com/Esri/calcite-components-examples/tree/master/vue/vue3
[ESRI & Vue2 Calcite]: https://github.com/Esri/calcite-components-examples/tree/master/vue/vue2

[^star]: :star: means potential
[^vuetify]: Compatible with Vue2, Vue3 version is under development.
[^mockup]: Current mockup UIFramework
[^quasar]: Compatible with Vue3