How to begin with ionic?

Hi i want to begin by give my escuse for language i’m a french guy and the barrer of language is so big !

I have juste discover Ionic 3 and her possibilities , i decide to learn it , On getting started tutorial in the website , but its a little bit dificult for me beacause what i see when i launch my project with " ionic start MyIonicProject tutorial" is not the same with documentation , so i d’ont know how really learn and master this technology !

So please if sommeone can give me indication to begin from strach and something with all update , i really want to learn Ionic but , now it’s so difficult in front of me , thank you verry much for reading.

If you want to learn to work with Ionic then you should check out this links.

You have to get familiar with Angular since you will have to use alot of commands from it and its a very usefull/powerfull language.

Typescript is the next thing you need to learn its similar to Javascript.

HTML (3rd Party site but explains things very well for beginners)

CSS (same website from html)

Next thing is you have to understand how Ionic works.

As example one page has 4 Files in it.

.ts → Typescript, for your coding
.css → CSS, to style your Page.
.html → HTML, to create buttons and other stuff what you need for your Page.
.module → Modules, here you add modules.

So this is the first things you should know about ionic. The best way to learn how it works is to create a demo project.

First install ionic

npm install -g ionic cordova
ionic start

After you typed in ionic start you should get a list with what you want to start with such as blank or tabs etc. Start with tabs and choose a name for your test app.

ionic serve

What you should do now is to check out how the app reacts if you change something in the app.component.ts or to the pages itself. Watch some youtube videos and read tutorials.

The key to understand Ionic is to test out many things and reading tutorials. Then you will also understand what the modules and native stuff is used for.

Good luck with your coding in the future!

1 Like