About This Course
Who is the target audience?
- Beginners to Ionic or app development should take this course
- Anyone moving from Ionic 1 should take this course
What will I learn?
- Create iOS and Android Apps with Ionic 2
- Understand Angular 2 – The Underpinning of Ionic 2
- Be Able to Use Native Looking GUI Elements in their Apps
- Be Able to Theme Their Apps using SASS
- Understand Lists and JSON Data Retrieval
- Data Storage Options
- How to Access Native Device Functions
What are the requirements?
- You should be familiar with some basic programming concepts
- You need access to a PC or Mac. This course is taught on a Mac but the commands and code are the same as for PC users. That’s the beauty of Ionic 2!
Think that you need to learn both Java and Swift to make cross platform apps? Well you don’t and I’m here to show you how!
This course covers what others do not! The focus is strongly on the brand new Ionic 2 platform based on Angular 2.
I doubt that any other Ionic course is created by an app developer who has worked with Java, Swift C# and Angular 2 before teaching Ionic. When I teach you Ionic principles I’m also teaching you solid app fundamentals should you ever want to learn native app development!
Things You’ll Learn:
- Ionic 2 Installation
- Basic Ionic 2 Concepts
- Basic Angular 2 Concepts
- App Layouts
- Retrieving List Data from Remote Databases with JSON
- And much more!
A Powerful Skill at Your Fingertips
Ionic 2 is the prime choice when it comes to cross platform app development in a hurry. Companies are actively seeking for those skills and you will have the ability to market yourself uniquely as a multi platform developer, commanding salaries of $60,000 – $120,000. You can also make your own money generating apps or hire yourself out at $60 – $150 per hour! The possibilities are endless once you complete this course!
Content and Overview
Suitable for beginners to Ionic 2, this course will give you the fundamentals of mobile app development. It establishes a strong understanding of mobile app concepts, whilst avoiding too much technical jargon and boredom!
Some sections close with a small exercise, helping you put your new learned skills into practical use immediately. Some are tough though, so prepare yourself for a mental workout!
Join right now, upgrade your skill set and never look back!
Credit: Promo music provided by bensound
Our Promise to You
By the end of this course, you will have learned the basic concepts and tools in building cross platform iOS and Android apps using Ionic 2.
30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.
Get started today and learn more about the building mobile apps with Ionic 2.
|Section 1 - Introduction To Ionic 2|
|How To Best Use This Course||00:00:00|
|What This Course Is And What It Isn’t||00:00:00|
|Section 2 - Setting Up Ionic 2|
|Introduction To Setting Up Ionic 2||00:00:00|
|List Of Required Software And Tools||00:00:00|
|How To Install Ionic 2 And Dependencies On Windows||00:00:00|
|How To Install Ionic 2 And Dependencies On A Mac Or Linux||00:00:00|
|The Final Layer – Setting Up iOS On A Mac Or Mac Virtual Machine||00:00:00|
|The Final Layer – Setting Up Android On Mac||00:00:00|
|The Final Layer – Setting Up Android On Windows||00:00:00|
|Install A Faster Android Simulator For Mac And Pc||00:00:00|
|Summary Of Setting Up Ionic 2||00:00:00|
|Section 3 - Creating And Running Your First Ionic 2 App|
|Introduction To Creating And Running Your First Ionic 2 App||00:00:00|
|Important Changes To This Course – Do Not Skip||00:00:00|
|How To Create And Run An App In Ionic 2||00:00:00|
|Exploring Internal Structure Of An Ionic 2 App||00:00:00|
|Choosing Your Code Editor||00:00:00|
|Editing Your App Code And Showing An Alert Or Popup||00:00:00|
|Summary Of Creating And Running Your First Ionic 2 App||00:00:00|
|Section 4 - Ionic 2 Deep Dive: Create A Back To The Future App|
|Introduction To Ionic 2 Deep Dive – Create A Back To The Future App||00:00:00|
|Back To The Future Part 1 – Updating Screen Values Or Binding||00:00:00|
|Back To The Future Part 2 – Creating Time Travel With A Year Generator||00:00:00|
|Back To The Future Homework – Just Like Being Back In School||00:00:00|
|Back To The Future Homework – Solution||00:00:00|
|Back To The Future Part 3 – Modifying Data Using Pipes OLD||00:00:00|
|Summary Of Ionic 2 Deep Dive – Create A Back To The Future App||00:00:00|
|Section 5 - How To Easily Theme An Ionic 2 App|
|Introduction To How To Easily Theme An Ionic 2 App||00:00:00|
|The Core Of Ionic 2 Themes – SASS – Syntactically Awesome Style Sheets||00:00:00|
|Choosing A Color Theme For An App – Quick Version||00:00:00|
|Theming An Ionic 2 Page – Forms, Buttons And CSS||00:00:00|
|Theming An Ionic 2 Page – Nav Bars And Nav Bar Buttons||00:00:00|
|Theming An Ionic 2 Page – SASS Variables: Really Handy||00:00:00|
|Homework – SASS Up Your Name And Password Inputs||00:00:00|
|Solution – SASS Up Your Name And Password Inputs||00:00:00|
|Summary Of How To Easily Theme An Ionic 2 App||00:00:00|
|Section 6 - Running Ionic 2 Apps On Android And iOS Simulators Or Real Devices|
|Introduction To Running Ionic 2 Apps On Simulators Or Real Devices||00:00:00|
|How To Run Your Ionic 2 App On An Android Simulator||00:00:00|
|How To Run Your Ionic 2 App On An Android Device||00:00:00|
|How To Run Your Ionic 2 App On An iOS Simulator Mac Or VM Only||00:00:00|
|How To Run Your Ionic 2 App On A Real iOS Device Mac Or VM Only||00:00:00|
|Summary Of Running Ionic 2 Apps On Simulators Or Real Devices||00:00:00|
|Section 7 - Navigation Concepts In Ionic 2|
|Introduction To Navigation Concepts In Ionic 2||00:00:00|
|Creating A New Page And Navigating To It With Push And Pop||00:00:00|
|Sharing Data Between Pages In Ionic 2||00:00:00|
|Modal Navigation In Ionic 2 And Passing Data Back||00:00:00|
|Sliders In Ionic 2 – And Images||00:00:00|
|Summary Of Navigation Concepts In Ionic 2||00:00:00|
|Section 8 - Layouts In Ionic 2|
|Introduction To Layouts In Ionic 2||00:00:00|
|Nav Bar Blank Layout||00:00:00|
|Tab Bar Layout||00:00:00|
|Side Menu Layout – Similar To Facebook App||00:00:00|
|Summary Of Layouts In Ionic 2||00:00:00|
|Section 9 - Lists And Remote JSON Data In Ionic 2|
|Introduction To Lists And Remote JSON Data In Ionic 2||00:00:00|
|Creating A Simple List Of Items In Ionic 2||00:00:00|
|Making Lists Do Something When Items Are Clicked And Console Debugging||00:00:00|
|Getting Remote JSON Data For An Ionic 2 List Or Anything Really||00:00:00|
|How To Implement Swipe To Delete In An Ionic 2 App||00:00:00|
|Summary Of Lists And Remote Json Data In Ionic 2||00:00:00|
|Section 10 - Saving Data In Ionic 2 And Cordova Plugins|
|Introduction To Saving Data In Ionic 2 And Cordova Plugins||00:00:00|
|Data Storage Options In Ionic 2||00:00:00|
|How To Use Local Storage To Save Data In Ionic 2||00:00:00|
|How To Use SQLite Storage In Ionic 2 Apps Using Cordova Plugins||00:00:00|
|Summary Of Saving Data In Ionic 2 And Cordova Plugins||00:00:00|
|Section 11 - Wrap Up And Where To Go Next|
|Source Code For All Apps||00:00:00|