Learn Ionic 5 From Scratch
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.
About the Author
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 45-day 100% Happiness Guarantee
Within 45 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
See full terms
Do Well. Do Good.
Authors have earned$11,020,212writing, publishing and selling on Leanpub, earning 80% royalties while saving up to 25 million pounds of CO2 and up to 46,000 trees.
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), EPUB (for phones and tablets) and MOBI (for 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
Top Books
- #1
Retrocomputing with Clash
Gergő ÉrdiHaskell for FPGA Hardware Design: Use abstractions like monads and lenses to implement 1970's retro-computing devices like arcade machines and home computers.
- #2
Aprendiendo Git
Miguel Angel Durán GarcíaGit no es complicado... ¡Si lo entiendes! 😜
¿Sientes que sabes usarlo porque has memorizado todos los comandos que necesitas? ¡Pero no entiendes qué hace cada cosa y por qué! Así es normal que, cuando exista un problema, te cueste resolverlo.
¡Con este libro vas a entender de una vez por todas todo lo que es Git y cómo sacarle provecho!
- #3
Ansible for DevOps
Jeff GeerlingAnsible is a simple, but powerful, server and configuration management tool. Learn to use Ansible effectively, whether you manage one server—or thousands.
- #4
Jetpack Compose internals
Jorge CastilloJetpack Compose is the future of Android UI. Master how it works internally and become a more efficient developer with it. You'll also find it valuable if you are not an Android dev. This book provides all the details to understand how the Compose compiler & runtime work, and how to create a client library using them.
- #5
Atomic Kotlin
Bruce Eckel and Svetlana IsakovaFor both beginning and experienced programmers! From the author of the multi-award-winning Thinking in C++ and Thinking in Java and a Kotlin team member comes a book that breaks concepts into small, easy-to-digest "atoms," along with exercises supported by hints and solutions directly inside IntelliJ IDEA! Full support at www.AtomicKotlin.com.
- #6
Stratospheric
Tom Hombergs, Björn Wilmsmann, and Philip RiecksFrom Zero to Production with Spring Boot and AWS. All you need to know to get a Spring Boot application into production with AWS. No previous AWS knowledge required.
Go to stratospheric.dev for a tour of the contents.
- #7
Functional Programming Made Easier
Charles ScalfaniA Functional Programming book from beginner to advanced without skipping a single step along the way.
In my 40 years of programming, I've felt that programming books always let me down, especially Functional Programming books. So, I wrote the book I wish I had 5 years ago.
Functional Programming will never be easy, but it can be easier.
- #8
C++20 - The Complete Guide
Nicolai M. JosuttisAll the new language and library features of C++20 (for those who know previous versions).
The book presents all new language and library features of C++20. Learn how this impacts day-to-day programming, to benefit in practice, to combine new features, and to avoid all new traps.
Buy early, pay less, free updates.
Other books:
- #9
Cloud Strategy
Gregor Hohpe“Strategy is the difference between making a wish and making it come true.” A successful migration to the cloud can transform your organization, but it shouldn’t be driven by wishes. This book tells you how to develop a sound strategy guided by frameworks and decision models without being overly abstract nor getting lost in product details.
- #10
Continuous Delivery Pipelines
Dave FarleyThis practical handbook provides a step-by-step guide for you to get the best continuous delivery pipeline for your software.
Top Bundles
- #1
CCIE Service Provider Ultimate Study Bundle
2 Books
Piotr Jablonski, Lukasz Bromirski, and Nick Russo have joined forces to deliver the only CCIE Service Provider training resource you'll ever need. This bundle contains a detailed and challenging collection of workbook labs, plus an extensively detailed technical reference guide. All of us have earned the CCIE Service Provider certification... - #2
Practical FP in Scala + Functional event-driven architecture
2 Books
Practical FP in Scala (A hands-on approach) & Functional event-driven architecture, aka FEDA, (Powered by Scala 3), together as a bundle! The content of PFP in Scala is a requirement to understand FEDA so why not take advantage of this bundle!? - #4
Linux Administration Complet
4 Books
Ce lot comprend les quatre volumes du Guide Linux Administration :Linux Administration, Volume 1, Administration fondamentale : Guide pratique de préparation aux examens de certification LPIC 1, Linux Essentials, RHCSA et LFCS. Administration fondamentale. Introduction à Linux. Le Shell. Traitement du texte. Arborescence de fichiers. Sécurité... - #5
Software Architecture for Developers: Volumes 1 & 2 - Technical leadership and communication
2 Books
"Software Architecture for Developers" is a practical and pragmatic guide to modern, lightweight software architecture, specifically aimed at developers. You'll learn:The essence of software architecture.Why the software architecture role should include coding, coaching and collaboration.The things that you really need to think about before... - #7
Retromat eBook Bundle for Agile Retrospectives
2 Books
If you facilitate retrospectives this bundle is for you: "Plans for Retrospectives" helps beginners learn the lay of the land with tried-and-true plans. Once you know your way around, "Run great agile retrospectives" contains all 135+ activities in Retromat for you to mix and match. - #9
Pattern-Oriented Memory Forensics and Malware Detection
2 Books
This training bundle for security engineers and researchers, malware and memory forensics analysts includes two accelerated training courses for Windows memory dump analysis using WinDbg. It is also useful for technical support and escalation engineers who analyze memory dumps from complex software environments and need to check for possible... - #10
Books on problem-solving using Agile, Lean, Complexity, and more
6 Books
Six great books on problem-solving. Learn how to deal with impediments using agile practices, do A3 problem-solving with lean thinking, apply complexity science, finding root causes, and do event storming. All in one buy for a largely reduced price! Books included Agile teams need to be able to handle impediments. The book Problem? What Problem?...
