Learn Ionic 5 From Scratch

Retired

This book is no longer available for sale.

Learn Ionic 5 From Scratch

Launch your mobile development career by creating amazing cross platform applications with Angular, Vue and React.

About the Book

Learn Ionic 4 From Scratch

Launch your mobile development career by creating amazing cross platform applications with Angular, Vue and React.

Creating mobile applications with web technologies has never been easier. Ionic uses the power of Stencil to create performant applications that we can bundle as a native application, or deploy as a Progressive Web Application. By the end of this book, you'll be able to create mobile experiences using Angular, React, Vue.js and JavaScript.

This book covers everything from:

  • Ionic 4 with Angular, Vue.js and React.
  • Master the Ionic CLI.
  • Styling.
  • Ionic Components.
  • Local Data Storage
  • Routing patterns (with lazy loading).
  • Much more!

Here's a specific breakdown of some project(s) we create within the book:

React Projects

Bitcoin Price Tracker

Leverage your React skills to create a Bitcoin price tracker with Ionic 4 and React. You can see an example of the final project here.

  • How to create an Ionic application with React and TypeScript.
  • How to get data from a REST API.
  • How to display "Skeleton UI" data whilst gathering data from an API.
  • How to display data on-screen using React.
  • How to theme our Ionic application using CSS variables

Vue.js iTunes Search

In this section we'll create a Vue.js and Ionic project that uses the iTunes API to display album data for a particular artist.

By the end of this section you will have created an application that takes advantage of:

  • Using `fetch` to get data from the iTunes API
  • How to use `async` and `await` as a modern way to work with JavaScript promises
  • How to display data on screen using Ionic components
  • Use Vue.js and Ionic to represent our state as UI components.

Discussion

This book is driven by community feedback, and by purchasing it you'll have access to the private Discourse forum. I'd love your suggestions as to what you'd like covered next, as well as anything you feel could be improved.

  • Share this book

  • Categories

    • AngularJS
    • JavaScript
    • ES6
    • Android
    • iOS
    • Web Development
    • Software Engineering
    • Vue.js
    • React
  • Feedback

    You must own a copy of this Book to access the forums.

    Email the Author(s)

About the Author

Paul Halliday
Paul Halliday

Paul Halliday (BSc Hons) is a developer advocate with a focus for fast moving technologies. He loves anything related to JavaScript and has strong foundations in the enterprise mobility space. He is a Progress Developer Expert with expertise in NativeScript and Kendo UI. As well as this, Paul also has an obsession for performance and is Google accredited for Mobile Sites.

Table of Contents

  • Introduction
    • About Me
  • How to get the most out of this book
    • Forums
    • Make the projects your own
    • Slowly, tiger
  • So you want to build an app?
    • Adaptive launch: Doing one thing really well
  • Development Environment
    • Using nvm
    • Editor
    • Git
    • Installing the Ionic CLI
  • So, what is Ionic?
    • Why should I use Ionic in my apps?
    • How easy is Ionic to learn?
    • But what if I don’t have any prior experience with development?
    • History of Ionic
  • Creating an Ionic Application with the Ionic Wizard
    • Creating a new Ionic React application
  • Ionic 4 and React
    • Hello, Ionic & React!
  • Ionic 5 with Angular, Vue and React
    • Angular
    • Vue.js
    • React
    • Conclusion
  • Angular: Project 1 - Greeting
    • Package Contents
    • Run in the Browser
    • Theming
    • Content
    • Greeting
    • Summary
  • Angular: Adding Tabs
  • Angular: Project 2 - Flashlight Application
    • Creating the Project
    • Project Setup
    • Using the Flashlight
    • Summary
  • Angular: Network Detection
    • Adding Plugins to the Project
    • Adding Network as a Provider
    • Component
  • Chapter 2 - Angular: Navigation
  • Angular: Capacitor
    • Using Capacitor with Ionic
    • Adding the Camera
  • Angular: State Management with @ngrx
    • Redux Primer
    • Adding @ngrx
    • Using @ngrx
  • Angular: Firebase Authentication
  • @ngrx and Firebase: Authentication
  • Angular: Firebase Cloud Functions
    • Project Setup
  • Production: Continuous Integration with Travis CI &Firebase Hosting
    • Project Setup
    • Creating a GitHub project
    • Adding Firebase Hosting
  • Ionic 5 and React: Geolocation
    • New Ionic React project
  • React: Bitcoin Price Checker
    • New project
    • API Integration
    • Ionic Components
    • Summary
  • React: Navigation
    • Ionic Styles
    • Page creation
  • Slider Introduction UI
    • New React Project
  • Vue CLI: Creating a new project
  • Vue.js: Todo List with JSON Server and Axios
  • Vue: iTunes API Album Search
    • Vue CLI: Creating a new project
    • Creating the user interface
    • API calls
    • State > UI
    • Summary
  • Vue Router
  • Vue.js: Chat with Socket.io and Netlify Hosting
    • Getting Started
  • Tips and Tricks
    • Changing the background of a page
  • Ionic Grid System
  • Stencil
    • Creating a Stencil project
    • Components
    • Using the ion-router with Stencil components
  • Ionic 5 and Angular.js
  • Ionic DevApp
    • What is Ionic DevApp?
    • What’s the main benefits?
    • What’s the limitations?
    • Using DevApp
  • Ionic Components
    • Modal
    • Backdrop
    • Slides
    • Angular
    • React
    • Vue

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub