Ionic 2 Crash Course: Learn Ionic2 Fundamentals in 1.5 Hours

Name: Ionic 2 Crash Course: Learn Ionic2 Fundamentals in 1.5 Hours
Rating: 4.4 (241 reviews)

Use Your Angular 2+ Skills to Build and Deploy Mobile Apps to iOS and Android Devices

Created byMosh Hamedani

Last updated 4/2018

English

What you'll learn

Build and deploy mobile apps to iOS and Android
Work with components
Display data in lists
Implement multi-page apps
Add navigation
Display modal dialog boxes
Use icons
Work with input fields
Access native device functionality
Access contacts on the mobile device
Capture images using the camera
Work with geolocation
Display Google maps
Theme your Ionic apps
Customize app icon and splash screen

Course content

3 sections • 28 lectures • 1h 42m total length

Introduction0:45
Master the fundamentals of building mobile apps with Ionic and Angular, learn Ionic architecture, deploy apps to Android and iOS, and explore essential Ionic components for simple app development.
What is Ionic?4:12
Explore Ionic, a free open source framework for building hybrid mobile apps with Angular, TypeScript, and CSS. Learn about components, plugins, Cordova, and when to use Ionic for cross-platform apps.
Building Your First Ionic App4:59
Install Ionic and Cordova with node version 6 or higher, start a blank Ionic 2 app with helloWorld using --v 2, and run Ionic serve for live reload.
Deploying to an Android Device6:31
Install Android Studio, add the Android platform, and run Ionic run android to deploy on an emulator or real device; Android projects are generated and not edited.
Deploying to an iOS Device3:47
Deploy an Ionic 2 app to an iOS device using a Mac and Xcode, including signing with a development team and free testing on device or simulator.
Components1:48
Explore Ionic 2 components, from action sheets to cards, and practice using 28 documented components through demos and simple usage to build Ionic apps.
Lists3:36
Learn to build lists in Ionic with ion-list and ion-item, using element and attribute forms, then render items with ngFor and async pipe, including iOS chevrons.
Pages3:38
Create an item-details page in ionic 2 with item-details.ts and item-details.html, reusing the header and content from home.html. Register it in app.module as an entry component for dynamic navigation.
Navigation4:12
Learn to implement navigation in Ionic 2 by pushing the item-details page with NavController, pass the selected item via NavParams, and render it on details page with a back button.
Modals5:46
Explore modals in Ionic 2 by presenting item details from the bottom, and adding cancel and done actions to close the modal.
Icons2:46
Replace text labels with ion-icons in Ionic 2 apps, using the ion-icon element and platform-specific icons (ios and md) to tailor iOS and Android visuals.
Inputs4:23
Explore implementing input fields in an Ionic app with ion-list, ion-item, ion-label, and ion-input, using ngModel two-way binding and object-based data.
Buttons2:35
Learn how to add a round Ionic button with ion-button, apply a color like primary, and center it on the page using the text-center utility attribute.
Asking Questions0:33

Introduction0:08
Platform Service4:11
Explore the Ionic platform service to detect the current device, use the ready promise, guard native plugin calls with platform.is for Android, iOS, and Cordova, and handle pause events.
Plugins2:47
Discover how Ionic plugins access native functionality through platform-specific implementations, expose a JavaScript API, and learn to manage plugin installation with config.xml and the Ionic CLI.
AppVersion7:15
Learn to use the AppVersion plugin in Ionic to fetch app name and version, install plugins with ionic plugin add and --save, and manage config.xml references for Android and iOS.
Contacts6:07
Learn to integrate the Ionic Cordova contacts plugin, handle iOS privacy with NSContactsUsageDescription, install and configure the plugin, build for iOS, and query contacts using find with displayName.
Camera5:08
Learn to access the photo library with the Ionic camera plugin, configure iOS usage descriptions, install the plugin, and use Camera.getPicture with CameraOptions to retrieve base64 image data.
Geolocation2:19
Use Geolocation plugin to get current position and log latitude and longitude, handle privacy prompt, debug with a custom location, and preview native Google Map integration.
Google Maps9:54
Learn to add a Google Map to an Ionic app by creating and restricting Android and iOS API keys in Google Console, then implement the map with Ionic Native.

Introduction0:08
Theming Ionic Apps7:08
Explore theming Ionic apps with Sass variables to customize colors and borders, override global and platform-specific variables, and understand how a single main.css is produced.
Overriding Ionic Variables1:55
Override Ionic variables to customize the look of your app using the theming page, then define and override iOS and Android values in variables.scss.
Custom CSS2:16
Learn to customize Ionic 2 styles with app.scss by overriding variables or adding global css for md, iOS, and wp classes; apply font-size to buttons with a single, reusable rule.
Page-specific Styles2:08
Create per-page styles by adding a dedicated scss file for each component and assigning a page-specific selector, like page-home, to scope styles to that page.
Icon and Splashscreen1:33
Replace the default icon and splash screen with custom icon.png and splash.png in the resources folder, then run ionic resources to resize for all devices.

Requirements

Familiarity with the fundamentals of Angular2+

Description

UPDATE: The course now includes closed captions!

Are you familiar with the fundamentals of Angular 2+? Did you know that you can use your Angular 2+ skills to build and deploy mobile apps to iOS and Android devices?

In Ionic Crash Course, Mosh, author of several best-selling courses on Udemy, takes you from the ground and gives you a solid foundation to use the Ionic framework to build apps for iOS and Android.

If you're looking for a short and sweet course that gives you all the essential knowledge without rambling and wasting your time, this course is for you.

By the end of this course, you'll be able to:

Build and deploy apps to iOS and Android devices
Work with components
Display data in lists
Implement multi-page apps
Add navigation
Display modal dialog boxes
Use icons
Work with input fields
Access native device functionality
Access contacts on the mobile device
Capture images using the camera
Work with geolocation
Display Google maps
Theme your Ionic apps
Customize app icon and splash screen

If you've taken any of Mosh's courses before, you know what you get. And if not, this is how Mosh's students describe him and his teaching:

A passionate and knowledgable instructor
Highly pragmatic
Outstanding delivery
Clear and straight to the point
Real-world examples
World-class production

WHY THIS COURSE?

There are several other courses on here and most include several hours of content. So, why this short course?

Let's be honest. How many times have you watched a 10-hour course to the end? Most of us live a busy life and with all the commitments we have, there is limited time for training. Plus, software industry progresses so fast and there are lots and lots of new things to learn about on a daily basis. Who has several hours to spend on each of these new tools, frameworks and languages?

In this short, 1.5-hour course, Mosh gives you all the essential knowledge you need to know to get started. You don't have to jump from one tutorial to another, or get lost in the documentation. Let Mosh show you the path and you can follow the rest on your own. Once you know the high-level architecture and the big picture, you'll be able to follow the official documentation to find your way around. And that's exactly what you're going to learn by the end of this course.

So, it's your choice. If you prefer a 10-hour course with a rambling instructor and lots of repetitive examples and content that you may not necessarily need, there are other courses out there. Otherwise, if you're looking for a crash course that teaches you the big picture and you can learn the rest on demand, based on the projects you are currently working on, stop looking elsewhere and enroll in the course now. You'll start building your first app in 10 minutes!

And on top of that, this course now has closed captions and if you having hearing problems or are not a native English speaker, you'll be able to digest all the information in the course.

30-DAY FULL MONEY-BACK GUARANTEE

This course comes with a 30-day full money-back guarantee. Take the course, watch every lecture and if you feel like you haven't gained the confidence to build mobile apps using Ionic, ask for a full refund within 30 days. All your money back, no questions asked.

ABOUT YOUR INSTRUCTOR

Mosh (Moshfegh) Hamedani is a software engineer with 15 years of professional experience. He is the author of several best-selling courses on Udemy and Pluralsight with over 74,000 students in 172 countries. His students describe him as a passionate, pragmatic and motivational instructor.

So, do you want to use your Angular skills to build and deploy apps to iOS and Android devices?

Enroll in the course now and you'll start building your first app in 10 minutes!

Who this course is for:

Anyone who wants to use their Angular skills to build mobile apps for iOS and Android

Ionic 2 Crash Course: Learn Ionic2 Fundamentals in 1.5 Hours

What you'll learn

Explore related topics

Course content

Ionic Fundamentals14 lectures • 50min

Accessing Native Functionalities8 lectures • 38min

Theming6 lectures • 15min

Requirements

Description

Who this course is for: