Building Mobile Apps with Ionic 4

  • Course provided by Udemy
  • Study type: Online
  • Starts: Anytime
  • Price: See latest price on Udemy
Udemy

Course Description

Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM.

This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store.

So are you excited to build your first app with Ionic 4? Let's get started.

About the Author

Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS.

Who this course is for:

  • This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4.

Instructor

Tech Knowledge in Motion
  • 3.9 Instructor Rating
  • 61,448 Reviews
  • 365,359 Students
  • 1,417 Courses

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.



Expected Outcomes

  1. Write once using Ionic 4 and release to multiple app stores. Use Cordova plugins to access numerous native device apps from iOS and Android Integrate Firebase in you Ionic apps to store app data on a scalable NoSQL database: Cloud Firestore. Build amazing UIs with Ionic's built-in set of components—for example, lists, icons, buttons, cards, and many more. Build an app for both Android and iOS with a single codebase. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();
  2. Use Cordova plugins to access numerous native device apps from iOS and Android Integrate Firebase in you Ionic apps to store app data on a scalable NoSQL database: Cloud Firestore. Build amazing UIs with Ionic's built-in set of components—for example, lists, icons, buttons, cards, and many more. Build an app for both Android and iOS with a single codebase. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();
  3. Integrate Firebase in you Ionic apps to store app data on a scalable NoSQL database: Cloud Firestore. Build amazing UIs with Ionic's built-in set of components—for example, lists, icons, buttons, cards, and many more. Build an app for both Android and iOS with a single codebase. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();
  4. Build amazing UIs with Ionic's built-in set of components—for example, lists, icons, buttons, cards, and many more. Build an app for both Android and iOS with a single codebase. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();
  5. Build an app for both Android and iOS with a single codebase. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();
  6. Use the web technology skills that you have acquired to build mobile apps. Course content 5 sections • 38 lectures • 4h 6m total length Expand all sections Introduction to Ionic 9 lectures • 39min The Course Overview Preview 02:31 What Is the Ionic Framework? 06:01 Understanding Firebase 02:38 Downloading the Prerequisites (Node.js, VS Code, and the Platform SDKs) 03:08 Installing Ionic and Cordova CLIs 04:24 Creating Your First Ionic App 03:30 Running the App in the Browser 04:26 Running the App on Devices 09:29 Understanding How an Ionic App Works - Understanding the Files and Folders 03:00 Building Users' Interfaces with Ionic 4 8 lectures • 1hr 13min Building Headers and Footers Preview 05:23 Inputs, Buttons, and Icons 08:29 Creating Lists and Sliding List in Ionic 09:32 Using Cards and Grids in Ionic 10:47 Loading Controller 10:26 Toast Controller 05:40 Alert Controller 10:13 Creating Pages and Navigation 12:34 Using Firebase with Ionic 8 lectures • 45min Setting Up the Project 02:40 Configuring the App 03:48 Signing Up Users 08:42 Logging Users In 04:57 Checking User Login Status 02:49 Saving Data to Cloud Firestore 08:06 Retrieving Data from Cloud Firestore 07:14 Querying Data 06:39 Building Your Project 8 lectures • 59min Creating and Configuring the App Preview 03:23 Creating User Sign Up 09:41 Creating User Login 08:30 Creating ToDo Page 05:07 Adding New ToDos 11:29 Displaying User’s ToDos 09:42 Changing ToDo Status 06:23 Logging Out the User 04:59 Publishing Your Application 5 lectures • 30min Preparing the App Assets 05:04 Preparing the App for Release 04:27 Building the App for Release 03:43 Signing the APK 07:01 Uploading the App to the Google Play Store 09:38 Requirements No knowledge of Ionic is needed. Those with experience in Ionic 4 who are keen to learn its new features will also find this course useful. Description Ionic 4 marks the first version of the framework to completely embrace modern web APIs such as custom elements, CSS variables, and Shadow DOM. This course shows you how to get started with Ionic 4. You will use UI components that come with Ionic and are available for use in your apps, right out-of-the-box. You'll connect your Ionic app with a NoSQL database such as Firebase to enable your app to use all the amazing Firebase features such as Firebase Auth and Cloud Firestore. You will work on the ToDo APP project, a Task Manager app using Ionic. By the end of the course, you'll have used Ionic 4 to build and prepared a cross-platform app for release into Google Play Store and App Store. So are you excited to build your first app with Ionic 4? Let's get started. About the Author Samarth Agarwal is a developer, instructor, and entrepreneur. He has been working in the field of online education for around 4 years and has around 15,000 students on a number of platforms. He has amazing mobile and web app development courses on Udemy, Internshala, SkillShare, and LinkedIn Learning. Samarth works on the latest frontend web frameworks such as Angular and Ionic and builds cross-platform mobile applications for Android and iOS. Who this course is for: This course is for developers with basic JavaScript, HTML, and CSS experience who wish to learn how to build mobile apps with Ionic 4. Show more Show less Instructor Packt Publishing Tech Knowledge in Motion 3.9 Instructor Rating 61,448 Reviews 365,359 Students 1,417 Courses Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work. With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now. From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer. Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts. Show more Show less Udemy Business Teach on Udemy Get the app About us Contact us Careers Blog Help and Support Affiliate Impressum Kontakt Terms Privacy policy Cookie settings Sitemap © 2021 Udemy, Inc. window.handleCSSToggleButtonClick = function (event) { var target = event.currentTarget; var cssToggleId = target && target.dataset && target.dataset.cssToggleId; var input = cssToggleId && document.getElementById(cssToggleId); if (input) { if (input.dataset.type === 'checkbox') { input.dataset.checked = input.dataset.checked ? '' : 'checked'; } else { input.dataset.checked = input.dataset.allowToggle && input.dataset.checked ? '' : 'checked'; var radios = document.querySelectorAll('[name="' + input.dataset.name + '"]'); for (var i = 0; i (function(){window['__CF$cv$params']={r:'6778cb22bc6453d4',m:'122f502cda47c4734f59641a2443576baf5cb1ed-1627755136-1800-AfNpub7VBbzIdoVUbx5hxCtunzS4m3SucM+GarRoQLJYFJRvNfcblOCg25pytcqSCcKPpGWtMraoNh85HzQvrFkZJRnBVlrXd1dxvffG7EaBfTak6jmji2QN4DuxUoolMBwUkX0uJeMMSSmb1O8f/5Ly2zlY0tCrFJ1EFY3ebjNq',s:[0xcb6f72119d,0xf084f7124a],}})();