gabrielurs / ComptadorIonic-1

Codi font dels screencasts https://tubeme.acacha.org/ionic

• Aplicació: https://acacha.github.io/comptador-ionic
• Repositori Github pages: https://github.com/acacha/comptador-ionic

JAVASCRIPT.TO.IONIC.VUE.APP.ACACHA_DEV.mp4

Screencasts

https://tubeme.acacha.org/ionic

Els tres primers vídeos són d'introducció a Javascript Modern, NodeJs i npm, Paquets/Bundles Javascript i eines modernes o paquet Bundlers com ViteJs, Webpack o Laravel Mix.

Autor

• Github: https://github.com/acacha/
• Sergi Tur Badenas: https://acacha.github.io
• Instagram: https://instagram.com/acacha_dev
• Github: https://github.com/acacha

Codi Font dels alumnes

• Audí Bielsa, Dani | daudi44 | https://github.com/daudi44/ComptadorIonic
• Avante Caballé, Marc | https://github.com/AvanteCaballe/ComptadorIonic
• Goncear, Tudor | https://github.com/tgoncear/ComptadorIonic
• Moreno Giraldo, Jhon | https://github.com/Jhon1348/ComptadorIonic
• Pont Lopez, David | Palanka777 | https://github.com/Palanka777/ComptadorIonic.git
• Gabriel Urs, | l3lackJack | https://github.com/l3lackJack/ComptadorIonic
• Muñoz Zafra, Ferran | https://github.com/Fmunozzafra/ComptadorIonic
• Tur Badenas, Sergi | https://github.com/acacha/ComptadorIonic
• Brusca Manchón, Albert | https://github.com/Albert-Brusca/ComptadorIonic

Projecte en explotació dels alumnes

• Audí Bielsa, Dani | daudi44 | http://danielaudibielsa.me/comptador-ionic
• Avante Caballé, Marc | https://avantecaballe.github.io/comptador-ionic/
• Goncear, Tudor | https://comptador-ionic-lack.onrender.com/home
• Moreno Giraldo, Jhon | https://jhon1348.github.io/comptador-ionic/home
• Pont Lopez, David | Palanka777 | https://pxlnkx.github.io/comptador-ionic
• Gabriel Urs, | l3lackJack | https://l3lackjack.github.io/comptador-ionic/
• Muñoz Zafra, Ferran | https://fmunozzafra.github.io/comptador-ionic
• Tur Badenas, Sergi | https://comptador-ionic.onrender.com/
• Brusca Manchón, Albert | https://albert-brusca.github.io/comptador-ionic

Instal·lació

https://www.youtube.com/watch?v=W7_nsDeDvvw&list=PLyasg1A0hpk1Ew0daOLwgkt02EcZwXrEY&index=4&t=918s

Continguts:

• Documentació: https://ionicframework.com/
• Instal·lació de ionic cli. Eines de línia de comandes per a crear i gestionar projectes Ionic
• Crear-se un compte a Ionic fent un login amb Github mateix
• Creació d'un primer projecte ionic amb ionic cli

$ ionic start

I seguiu el wizard segons els passos indicats al videos

Ionic ja no és hibrid sinó que amb Capacitor permet accedir a serveis natius en un mòbil i a més Ionic genera codi natiu.

• Executar i provar l'aplicació ionic web
• Instal·lació android capacitor
• Afegir la plataforma Android
• Estructura d'una aplicació Ionic

Comandes:

ionic --version
ionic start
ionic serve
ionic capacitor add
ionic capacitor copy android
ionic capacitor run android
ionic build
ionic build android
ionic cordova build android
ionic capacitor run android -l --host=192.168.0.129

Exemple de configuració de l'entorn:

```bash
cat ~/.zshrc
export PATH=${PATH}:/home/sergi/Android/Sdk/platform-tools


export ANDROID_SDK_ROOT=/home/sergi/Android/Sdk
export PATH=$PATH:$ANDROID_SDK_ROOT/tools/bin
export PATH=$PATH:$ANDROID_SDK_ROOT/platform-tools
export PATH=$PATH:$ANDROID_SDK_ROOT/emulator

export CAPACITOR_ANDROID_STUDIO_PATH=/home/sergi/phpstorm/studio

export JAVA_HOME=/home/sergi/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/203.7678000/jre/