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$10,785,986writing, 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
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!
- #2
C++20
Rainer GrimmC++20 is the next big C++ standard after C++11. As C++11 did it, C++20 changes the way we program modern C++. This change is, in particular, due to the big four of C++20: ranges, coroutines, concepts, and modules.
- #3
Introducing EventStorming
Alberto BrandoliniThe deepest tutorial and explanation about EventStorming, straight from the inventor.
- #4
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.
- #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
Rector - The Power of Automated Refactoring
Matthias Noback and Tomas VotrubaLearn how to automatically and continuously upgrade and improve your PHP code base
- #7
OpenIntro Statistics
David Diez, Christopher Barr, Mine Cetinkaya-Rundel, and OpenIntroA complete foundation for Statistics, also serving as a foundation for Data Science.
Leanpub revenue supports OpenIntro (US-based nonprofit) so we can provide free desk copies to teachers interested in using OpenIntro Statistics in the classroom and expand the project to support free textbooks in other subjects.
More resources: openintro.org.
- #8
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.
- #9
On Java 8
Bruce EckelBy the author of "Thinking in Java," covering version 8 of the Java programming language. This book is intended for “dedicated beginners.” It doesn’t assume you know anything about programming and takes you through the material step-by-step. However, I assume you are able to figure things out. It’s not a “dummies” or “idiot’s” guide.
- #10
Effective Kotlin
Marcin MoskałaEffective Kotlin summarizes the best practices and experiences of the Kotlin community, together with a deep explanation of some lesser-known Kotlin functionalities. All of the best practices are presented as simple rules with detailed explanations.
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
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... - #3
The Python Craftsman
3 Books
The Python Craftsman series comprises The Python Apprentice, The Python Journeyman, and The Python Master. The first book is primarily suitable for for programmers with some experience of programming in another language. If you don't have any experience with programming this book may be a bit daunting. You'll be learning not just a programming... - #5
Modern C++ Collection
3 Books
Get All about Modern C++C++ Standard Library, including C++20Concurrency with Modern C++, including C++20C++20Each book has about 200 complete code examples. Updates are included. When I update one of the books, you immediately get the updated bundle. You can expect significant updates to each new C++ standard (C++23, C++26, .. ) and also... - #6
"The C++ Standard Library" and "Concurrency with Modern C++"
2 Books
Get my books "The C++ Standard Library" and "Concurrency with Modern C++" in a bundle. The first book gives you the details you should know about the C++ standard library; the second one dives deeper into concurrency with modern C++. In sum, you get more than 600 pages full of modern C++ and about 250 source files presenting the standard library... - #7
10 Books Bundle - A New Career in Tech 🚀
10 Books
Do you want to create yourself a new and profitable skillset - in one year or less? Do you want to position yourself on the right side of change finally? Do you want to work from home and set your own work schedule while choosing fun and interesting coding projects? Software developers and freelance developersearn six figuresin the US, according... - #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...
