Leverage your existing web development skills to learn the whole cycle of hybrid mobile app development. This edition is fully updated with the changes in Ionic 4, including Stencil, a new framework based on the web components standard. It explains Ionic and Firebase in detail, including how to create hybrid mobile apps using using React and Vue, and run those apps in an internal browser using a wrapper created by Apache Cordova. Build Mobile Apps with Ionic 4 and Firebase shows you how to focus on developing front-end code, without needing to manage any back-end code or servers. You'll learn in the context of building a Hacker News client app, which can view top stories in Hacker News, view comments of a story, and add stories to favorites. Explore how Ionic 4 uses Angular as the JavaScript framework to easily develop apps using an interface similar to native apps, and how to access Firebase, a real-time database, in web apps using JavaScript. What You'll Learn Create content-based Ionic mobile apps Work with new Ionic 4 compnents like gesture, text, and keyboard controller Manage your apps with RxJS & Redux Who This Book Is For Front-end developers and mobile app developers
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 to build hybrid mobile apps using Ionic and Firebase. You'll build a Hacker News client app, which can view top stories in Hacker News, view comments of a story, add stories to favorites, etc. This introductory guide covers the whole cycle of hybrid mobile apps development. It's organized around implementing different user stories. For each story, this book not only talks about how to implement it but also explains related Ionic and Firebase concepts in detail. Using Apache Cordova, developers can create a new type of mobile app—a hybrid mobile app. Hybrid mobile apps actually run in an internal browser inside a wrapper created by Apache Cordova. With hybrid mobile apps, developers can have one single code base for different platforms. Developers also can use their existing web development skills. The Ionic framework builds on top of Apache Cordova and provides out-of-box components which make developing hybrid mobile apps much easier. Ionic uses Angular as the JavaScript framework and has a nice default UI style with a similar look and feel to native apps. Firebase is a realtime database which can be accessed in web apps using JavaScript. With Build Mobile Apps with Ionic 2 and Firebase you'll discover that just need to develop front-end code, there's no need to manage any back-end code or servers. What You'll Learn Create content-based Ionic mobile apps Discover the advanced features of the Ionic framework Use Firebase as a mobile app’s back-end storage Build, test, and continuously delivery Ionic mobile apps Publish and analyze Ionic mobile apps Who This Book Is ForFront-end developers and mobile app developers
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
Plan how to build a better app, grow it into a business, and earn money from your hard work using Firebase. In this book, Laurence Moroney, Staff Developer Advocate at Google, takes you through each of the 15 Firebase technologies, showing you how to use them with concrete examples. You’ll see how to build cross-platform apps with the three pillars of the Firebase platform: technologies to help you develop apps with a real-time database, remote configuration, cloud messaging, and more; grow your apps with user sharing, search integration, analytics, and more; and earn from your apps with in-app advertising. After reading The Definitive Guide to Firebase, you'll come away empowered to make the most of this technology that helps you build better cross-platform mobile apps using either native Android or JavaScript-based web apps and effectively deploy them in a cloud environment. What You'll Learn Use the real-time database for a codeless middleware that gives online and offline data for syncing across your users’ devices Master Firebase Cloud Messaging, a technology that delivers to connected devices in less than 500ms Grow your app organically with technologies such App Indexing, App Invites, and Dynamic Links Understand problems when they arise with crash reporting Fix user problems without direct access to users’ devices Tie it all together with analytics that give you great intelligence about how users interact with your app Who This Book Is For Experienced Android, mobile app developers new to Firebase. This book is also for experienced web developers looking to build and deploy web apps for smartphones and tablets, too, who may be new or less experienced with mobile programming.
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.
Do you want to develop mobile apps with Java—and have them work on a variety of devices powered by iOS and Android? You’ve come to the right place. This project-driven book shows you how to build portable apps with two amazing open source frameworks, Google Web Tools (GWT) and PhoneGap. With these tools, you’ll use learn how to write Java code that compiles into cross-platform Javascript and HTML, and discover how to take advantage of features in several popular devices, such as the camera, accelerometer, and GPS. Get started with GWT by building an example Twitter search app Build a example web app and adapt it for mobile with CSS Add touch centric controls with the GWT Mobile UI library Develop a working wine journal app that tracks a user’s GPS location Use techniques to make a mobile version of your web or desktop app Work with HTML5 Canvas to build a mobile video game Package your apps for iOS, webOS, and Android with PhoneGap
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.
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.
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.
