Learn how to build app store-ready hybrid apps with Ionic, the framework built on top of Apache Cordova (formerly PhoneGap) and Angular. This revised guide shows you how to use Ionic’s tools and services to develop apps with HTML, CSS, and TypeScript, rather than rely on platform-specific solutions found in Android, iOS, and Windows Universal. Author Chris Griffith takes you step-by-step through Ionic’s powerful collection of UI components, and then helps you use it to build three cross-platform mobile apps. Whether you’re new to this framework or have been working with Ionic 1, this book is ideal for beginning, intermediate, and advanced web developers. Understand what a hybrid mobile app is, and what comprises a basic Ionic application Learn how Ionic leverages Apache Cordova, Angular, and TypeScript to create native mobile applications Create a Firebase-enabled to-do application that stores data across multiple clients Build a tab-based National Park explorer app with Google Map integration Develop a weather app with the Darksky weather API and Google’s GeoCode API Debug and test your app to resolve issues that arise during development Walk through steps for deploying your app to native app stores Learn how Ionic can be used to create Progressive Web Apps
Learn how to build app store-ready hybrid apps with the Ionic 2, the framework built on top of Apache Cordova (formerly PhoneGap) and Angular. This practical guide shows you how to use Ionic’s tools and services to develop apps with HTML, CSS, and TypeScript, rather than rely on platform-specific solutions found in Android, iOS, and Windows Phone. Author Chris Griffith takes you step-by-step through Ionic’s powerful collection of UI components, and then helps you use it to build three cross-platform mobile apps. Whether you’re new to this framework or have been working with Ionic 1, this book is ideal for beginning, intermediate, and advanced web developers. Understand what a hybrid mobile app is, and what comprises a basic Ionic application Learn how Ionic leverages Apache Cordova, Angular, and TypeScript to create native mobile applications Create a Firebase-enabled to-do application that stores data across multiple clients Build a tab-based National Park explorer app with Google Map integration Develop a weather app with the Darksky weather API and Google’s GeoCode API Debug and test your app to resolve issues that arise during development Walk through steps for deploying your app to native app stores Learn how Ionic can be used to create Progressive Web Apps
An end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework About This Book Develop engaging mobile experiences with a native-looking UI in Ionic and AngularJS. Use out-of-the-box Ionic functionalities, customize existing components, and add new components with this comprehensive course. Learn Ionic by creating three complete mobile applications Who This Book Is For If you are a web developer who wants to build hybrid mobile app development using the Ionic framework, then this comprehensive course is best-suited for you. What You Will Learn Get to know about Hybrid Apps and AngularJS Set up a development environment to build Hybrid Apps Navigate around components and routing in Ionic Authenticate users using an e-mail password, Twitter, Facebook, Google+, and LinkedIn Retrieve data and store it using Firebase Access native device functionalities such as the camera, contact list, e-mail, and maps using NG-Cordova Integrate PhoneGap plugins with NG-Cordova Test your apps to improve and optimize performance In Detail Hybrid Apps are a promising choice in mobile app development to achieve cost-effectiveness and rapid development. Ionic has evolved as the most popular choice for Hybrid Mobile App development as it tends to match the native experience and provides robust components/tools to build apps. The Ionic Complete Developers course takes you on an end–to-end journey, empowering you to build real-time, scalable, and interactive mobile applications with the Ionic framework. Starting with an introduction to the Ionic framework to get you up and running, you will gradually move on to setting up the environment, and work through the multiple options and features available in Ionic to build amazing hybrid mobile apps. You will learn how to use Cordova plugins to include native functionality in your hybrid apps. You will work through three complete projects and build a basic to-do list app, a London tourist app, and a complete social media app. All three projects have been designed to help you learn Ionic at its very best. From setting up your project to developing on both the server side and front end, and best practices for testing and debugging your projects, you'll quickly be able to deliver high-performance mobile apps that look awesome. You will then hone your skills with recipes for cross-platform development. Integrating Ionic with Cordova will bring you native device features, and you will learn about the best modules from its ecosystem. Creating components and customizing the theme will allow you to extend Ionic. You'll see how to build your app to deploy to all platforms to make you a confident start-to-finish mobile developer. This Learning Path combines some of the best that Packt has to offer in one complete, curated package. It includes content from the following Packt products: Getting Started with Ionic – by Rahat Khanna Ionic by Example – by Sani Yusuf Ionic Cookbook – by Hoc Phan Style and approach This course shows you how to get up and running with the Ionic framework. It doesn't just give you instructions, expecting you to follow them. Instead, with a hands-on approach, it demonstrates what Ionic is capable of through a series of practical projects that you can build yourself.
Build amazing cross-platform mobile apps with Ionic, the HTML5 framework that makes modern mobile application development simple About This Book Learn how to use one of the most exciting mobile development frameworks around to build even better apps Follow the featured sample projects to experience Ionic's impressive capabilities Extend your developer skillset to build, test, and launch mobile apps with confidence Who This Book Is For This book is for anyone who wants to see Ionic in action - and find out how it could transform the way they build mobile apps. If you're a JavaScript web developer, you'll be building great projects in no time. What You Will Learn Learn Ionic by creating three complete mobile applications Get to know the Ionic CLI Add basic and advanced features to the Ionic framework Connect an Ionic app with a Firebase back end Integrate PhoneGap plugins with NG-Cordova Test your apps to improve and optimize performance In Detail Change doesn't have to be challenging. Sometimes it can be simple – sometimes it just makes sense. With Ionic, mobile development has never been so simple, so elegant and obvious. By helping developers to harness AngularJS and HTML5 for mobile development, it's the perfect framework for anyone obsessed with performance, and anyone that understands just how important a great user experience really is. This book shows you how to get started with Ionic framework immediately. But it doesn't just give you instructions and then expect you to follow them. Instead it demonstrates what Ionic is capable of through three practical projects you can follow and build yourself. From a basic to-do list app, a London tourist app, to a complete social media app, all three projects have been designed to help you learn Ionic at its very best. From setting up your project to developing on both the server side and front end, and best practices for testing and debugging your projects, you'll quickly become a better mobile developer, delivering high performance mobile apps that look awesome. Ionic Framework by Example is for people who don't want to learn now, build later – it's for people who want to learn and build at the same time – so they can meet today's mobile development challenges head on and deliver better products than anyone else. Style and approach This book isn't just an instruction manual. It doesn't just tell you what to do – it shows you. Featuring three sample projects, it's been created so you can get started with Ionic immediately.
Build a complete, professional-quality, hybrid mobile application with Ionic About This Book Develop high-grade and performance-optimized hybrid applications using the latest version of Ionic Discover the latest and upcoming features of Ionic A practical guide that will help you fully utilize all the features and components of Ionic efficiently Who This Book Is For The target audience for this book is intermediate-level application developers who have some basic knowledge of Ionic. What You Will Learn Use every Ionic component and its customization according to the application along with some important third party components Recently released Lazy Loading and Grid System supporting desktop application with Electron Integration of the various Ionic backend services and features such as Ionic Push, DB, Auth, Deploy in your application Exploration of white-listing, CORS, and various other platform security aspects to secure your application Synchronization of your data with the cloud server and fetching it in real time using Ionic Cloud and Firebase services Integration of the Cordova iBeacon plugin which will fetch contextual data on the basis of location and Websockets for real time communication for IOT based applications Implementation of offline functionality in your PWA application using service-worker, cache storage and indexedDB In Detail Ionic is an open source, front-end framework that allows you to develop hybrid mobile apps without any native-language hassle for each platform. It offers a library of mobile-optimized HTML, CSS, and JS components for building highly interactive mobile apps. This book will help you to develop a complete, professional and quality mobile application with Ionic Framework. You will start the journey by learning to configure, customize, and migrate Ionic 1x to 3x. Then, you will move on to Ionic 3 components and see how you can customize them according to your applications. You will also implement various native plugins and integrate them with Ionic and Ionic Cloud services to use them optimally in your application. By this time, you will be able to create a full-fledged e-commerce application. Next, you will master authorization, authentication, and security techniques in Ionic 3 to ensure that your application and data are secure. Further, you will integrate the backend services such as Firebase and the Cordova iBeacon plugin in your application. Lastly, you will be looking into Progressive Web Applications and its support with Ionic, with a demonstration of an offline-first application. By the end of the book, you will not only have built a professional, hybrid mobile application, but will also have ensured that your app is secure and performance driven. Style and approach A step-by-step guide (covering all its features and components) to build a complete mobile application using Ionic. Each chapter will cover different features of Ionic.
Learn how to build app store-ready hybrid apps with the Ionic 2, the framework built on top of Apache Cordova (formerly PhoneGap) and Angular. This revised guide shows you how to use Ionic’s tools and services to develop apps with HTML, CSS, and TypeScript, rather than rely on platform-specific solutions found in Android, iOS, and Windows Phone. Author Chris Griffith takes you step-by-step through Ionic’s powerful collection of UI components, and then helps you use it to build three cross-platform mobile apps. Whether you’re new to this framework or have been working with Ionic 1, this book is ideal for beginning, intermediate, and advanced web developers. Understand what a hybrid mobile app is, and what comprises a basic Ionic application Learn how Ionic leverages Apache Cordova, Angular, and TypeScript to create native mobile applications Create a Firebase-enabled to-do application that stores data across multiple clients Build a tab-based National Park explorer app with Google Map integration Develop a weather app with the Darksky weather API and Google’s GeoCode API Debug and test your app to resolve issues that arise during development Walk through steps for deploying your app to native app stores Learn how Ionic can be used to create Progressive Web Apps
Summary Ionic in Action teaches web developers how to build cross-platform mobile apps for phones and tablets on iOS and Android. You'll learn how to extend your web development skills to build apps that are indistinguishable from native iOS or Android projects. Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications. About the Book Wouldn't it be great if you could build mobile apps using just your web development skills? With Ionic, you can do just that: create hybrid mobile apps using web technologies that you already know, like HTML, CSS, and JavaScript, that will run on both iOS and Android. Ionic in Action teaches web developers how to build mobile apps using Ionic and AngularJS. Through carefully explained examples, the book shows you how to create apps that use UI components designed for mobile, leverage current location, integrate with native device features like the camera, use touch gestures, and integrate with external data sources. Learn to test your apps to improve stability and catch errors as you develop. Finally, you'll discover the command-line utility, and how to build and deploy to app stores. What's Inside Create mobile apps with HTML, JavaScript, and CSS Design complex interfaces with Ionic's UI controls Build once and deploy for both iOS and Android Use native device hardware and device-specific features Covers the entire mobile development process About the Reader Readers should know HTML, CSS, and JavaScript. Familiarity with AngularJS is helpful but not required. About the Author Jeremy Wilken is a senior UX software developer who works with Ionic, AngularJS, and Node.js. He lives in Austin, Texas. Table of Contents Introducing Ionic and hybrid apps Setting up your computer to build apps What you need to know about AngularJS Ionic navigation and core components Tabs, advanced lists, and form components Weather app, using side menus, modals, action sheets, and ionScroll Advanced techniques for professional apps Using Cordova plugins Previewing, debugging, and automated testing Building and publishing apps
With this book, you will learn hybrid mobile application development using Ionic. This book uses Cordova 5.0.0, Ionic CLI 1.5.0, and Ionic 1.0.0 to explain the concepts and build apps. To begin with, the book helps you understand where Ionic fits in today's world. Then, you will dive deep into Ionic CSS components and Ionic-AngularJS directives and services. You will also examine theming Ionic apps using the built-in SCSS setup. Next, you will learn to build an Ionic client for a secure REST API, where you will implement user authentication and token-based development. Cordova and ngCordova will be explored, and you will learn how you can integrate device-specific features such as a camera and Geolocation with an Ionic app. We will wrap up the book by building a messaging app, which deals with talking to Firebase (a real-time data store), as well as device features. By the end of this book, you will be able to develop a hybrid mobile application from start to finish, and generate device-specific installers.
The Ionic Framework supports a variety of mobile platforms. Throughout this series, I will cover the important aspects of development with Ionic and React, going from zero code all the way to the Apple App and Google Play Stores.This volume will cover the absolute basics: I will show you how to build a simple Ionic application. I will cover the application structure, explaining how an Ionic application is laid out. Next I will introduce some of Ionic's more useful UI components and create a basic side-menu for the demo application. Unlike many books that spend a lot of time on background, this one is designed to be fast paced, with a minimum of fuss and fluff. It is all hands-on.By the time you complete the series, you should have the confidence you need to create and deploy your own mobile app for iOS or Android. It will be a fast ride, so hang on.
Over 35 exciting recipes to spice up your application development with Ionic About This Book Learn how to utilize the robust features of Ionic CLI and its framework to create, develop, and build your mobile app Explore new integrations with various Backend-as-a-Services, along with AngularJS modules, for creative solutions Use out-of-the-box Ionic functionalities, customize existing components, and add new components with this comprehensive, step-by-step guide Who This Book Is For If you are a front-end developer and want to take advantage of your existing mobile application development skills to develop cross-platform mobile apps, this book is for you. You will build up your Ionic knowledge with in-depth recipes on Angular.js, Cordova, and Sass. What You Will Learn Authenticate users using an e-mail password, Twitter, Facebook, Google+, and LinkedIn Retrieve data and store it using Firebase Access native device functionalities such as a camera, contact list, e-mail, and maps using ngCordova Work with localStorage and SQLite for persistent data access on the client side Communicate to and from your app using push notifications or SMS Leverage AngularJS events and Ionic-specific events to communicate across pages, controllers, and directives Customize the color and theme of your Ionic app Create new custom directives as components Compile your app for iOS, Android, and Windows Phone In Detail The world of mobile development is extremely fragmented with many platforms, frameworks, and technologies available. Ionic is intended to fill that gap, by enabling developers to build apps that have a native feel to them, using web technologies such as HTML, CSS, and AngularJS. Ionic makes it easy for front-end developers to become app developers. The framework provides superior performance with deep Cordova integration and a comprehensive set of tools for prototyping, backend support, and deployment. Ionic Cookbook takes you through the process of developing a cross-platform mobile app using just HTML5 and the JavaScript-based Ionic. You will start with an introduction to the CLI and then move on to building and running an app. You will explore common features of real-world mobile apps such as authenticating a user, and getting and saving data using either Firebase or Local Storage. Next, the book covers how Ionic integrates with Cordova to support native device features using ngCordova, and you will discover how to take advantage of existing modules around its ecosystem. You will also delve into advanced topics, including how to extend Ionic to create new components. Finally, the book will walk you through customizing the Ionic theme and building the app so that it can be deployed to all platforms. Style and approach This book follows a recipe-based approach to cross-platform mobile app development, where each task is explained in a conversational and easy-to-follow style. Every topic explains individual features or components of Ionic, and provides extra details for readers to come up with custom solutions based on real-world applications.
