TypeScript and Angular give the Ionic framework added capabilities. Join Tom Duffy as he builds a simple Ionic app using TypeScript and Angular directives.
- [Instructor] You use the Ionic start command to create an Ionic app. Navigate to the directory where you'd like to store your app code, and issue the Ionic start command, followed by a name for your app, and a template. As of today, your choices are blank, tabs, and side menu. I'm going to create an Ionic folder on my desktop to store my project. Right click, new folder, then in a terminal window, I'll navigate to the Ionic folder I just created.
Then issue the following start command to create our Ionic example project. So that would be ionic start, the name of the project, and then the template. When prompted to include Cordova to target iOS and Android, type in Y for yes. When prompted to include the Ionic Pro SDK, type in N, Ionic Pro is a topic for another day.
Ionic will set up the project for you, then we'll navigate to the Ionic example folder we just created, and issue the serve command. And this is the default blank application that Ionic creates for you. The serve command starts a local server and loads your blank app on port 8100.
The lab command starts a local server and loads your app into the lab, the lab allows you to view your app inside iOS, Android, and Windows phone skins. So let's jump back to the terminal, need to Ctrl + C to stop the server, and then issue the Ionic lab command to start the server and load your app into the lab. And the lab is cool, 'cause it's got a platforms drop down and it allows you to compare your app side by side.
It even includes a Windows template.
- Hybrid vs. native cross-platform apps
- Choosing an editor
- Building a Cordova app
- Building an Ionic app
- Buildin an app with the Create React Native App
- Building an app with the React Native CLI
- Building a Titanium app
- Building a Xamarin app
Skill Level Beginner
Ionic 3.0 for Mobile App Developerswith Sani Yusuf5h 43m Intermediate
React Native: Building Mobile Appswith Steven Emmerich2h 32m Intermediate
1. Intro to Cross-Platform Development
4. React Native
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.