Ionic Tutorial #3 - First page with Ionic - Splashscreen web

Ionic Framework tutorial: creating the first page of the application. Splashscreen (or loading page) of my startup called Reciclica. In this video I will show you how to create our first page using the Ionic Framework and I will explain what each of the created files do.

Necessary links for the video:

Doubts? Join me on Discord:

#ionic #tutorial #development

[FireFly_ali]

Sir Really like your content from Pakistan.
You're are a more of a practical teacher at least for me who explain every real world thing with extraordinary simplicity.❤

[lucasFerreira-bfdi]

Fala ai meu amigo dev, vim pelo seu canal do Brasil, estava precisando de um tutorial de Ionic e você foi o único que encontrei, tanto em inglês quanto em português, só te peço uma coisa, continue, está ajudando muita gente !

[paanjo]

Good tutorial, will share with my students!

[drotarionshorts]

This is the best Ionic tutorial I have ever seen! Thank you very much!

[aaronbelchamber]

This is a great refresher, very thorough, thank you Paulo!

[FireFly_ali]

hello Paulo, can you update the course videos code which need to be updated. Because there's some big changes in the current and previous versions. Don't update the whole course just update the videos which need it.

I really appreciate if you do.

[cyan_god]

This is perfect for the project I am working on!

[coagul]

Tutorial seems to be needing updating. You cant remove all the appPages object, you get an error(error TS2339: Property 'title' does not exist on type 'never'.) about not being able to run without title property. I got it running by keeping one object, which i emptied ({ title: '', url: '', icon: '' }).

Idem with the labels property, if you get rid of it you get the same error. Did made it work by keeping the property, but emptied it (public labels = [];)

[soldadopreciso]

Thanks pal, very useful tutorial, Do you know about a video that teach how to create a module ts file with some functions there and how import that module in a page ? Thanks pal.

[probaldatta]

very nice.thanks for your effort.love from india

[No_Name_]

Thank you very much I taked your advise, I think angular and ionci more simple, Thanks to much

[Anaspatel]

when i created page and pasted the name in url its saying not found

[rameshkumarkonda]

Hi Paulo, I am getting below error
ng run app:ionic-cordova-build --platform=ios
Error: Unknown argument: platform
[ERROR] An error occurred while running subprocess ng.

ng run app:ionic-cordova-build --platform=ios exited with exit code 1.

Re-running this command with the --verbose flag may provide more information.

[raisulkhairi]

thanks for the video tutorial
btw I'm from Indonesia, but the problem is I can't get the recicica repository

[williammakhoul]

i am getting an error when im creating a page named loader, do u know why ?
ive created hello, loadingSpinner... but not loader

[amithcarmel]

sir if i want to add my own html file, how to add it in ionic platform.

[ThapeloSeema]

Hi Paulo, so for a website that has a default route, how do I make the splash screen to show only during the app-loading period ?

[franktakou]

i can't find the project on your github account

[gabrielbigliardi]

Eai Paulo!
Cara, estou tendo problemas no meu projeto que não está iniciando com os arquivos .module.
No AppComponent, diferente do seu quando startado, o meu não está inicializando com os arquivos app.module.ts e app-routing.module.ts. Ao invés disso, aqui o projeto está começando com outro arquivo de nome app.routes.ts, que possui informações bem parecidas com o seu app-routing.module.ts.
No caso do componente Loader criado, também não inicializa com loader.module.ts e nem com loader-routing.module.ts.

Houve alguma mudança no desenvolvimento Ionic ou eu que estou fazendo algo errado? Tentei achar soluções na web e não fui bem sucedido.

[zigen]

Hi, I'm having a trouble at 13:25, when deleting the content of appPages, an error occured.

Compiled with problems:

ERROR

- error TS2339: Property 'url' does not exist on type 'never'.

10 <ion-item routerDirection="root" [routerLink]="[p.url]" lines="none" detail="false" routerLinkActive="selected">
~~~

src/app/app.component.ts:4:16
4 templateUrl: 'app.component.html',

Error occurs in the template of component AppComponent.



Does some of you get the same?

I don't understand why.