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
Authors have earned$9,656,384writing, 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
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
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
El Manual del Manager
Keyvan Akbary, Félix López, and Álvaro Salazar¿Has deseado alguna vez el haber tenido una buena introducción al rol del Engineering Manager? En este libro aprenderás lo necesario para ejercer el rol de una manera efectiva: Expectativas y Responsabilidades del Rol, 1-1s, Ayudar a Crecer, Objetivos, Planes de Carrera, Cultura, Feedback, Contratación, Cultura de Producto y mucho más.
- #2
Ansible for Kubernetes
Jeff GeerlingAnsible is a powerful infrastructure automation tool. Kubernetes is a powerful application deployment platform. Learn how to use these tools to automate massively-scalable, highly-available infrastructure.
- #3
Functional Design and Architecture
Alexander GraninSoftware Design in Functional Programming, Design Patterns and Practices, Methodologies and Application Architectures. How to build real software in Haskell with less efforts and low risks. The first complete source of knowledge.
- #4
CCIE Service Provider Version 4 Written and Lab Exam Comprehensive Guide
Nicholas RussoThe service provider landscape has changed rapidly over the past several years. Networking vendors are continuing to propose new standards, techniques, and procedures for overcoming new challenges while concurrently reducing costs and delivering new services. Cisco has recently updated the CCIE Service Provider track to reflect these changes; this book represents the author's personal journey in achieving that certification.
- #5
CCIE SP v4.1 - Workbook
Łukasz Bromirski, Piotr Jablonski, and Nicholas RussoAre you striving to prepare to and pass CCIE SP lab exam? Take the opportunity and get this workbook! With the attached initial cfg files you will prepare yourself for the CCIE SP exam as well as learn SP technologies applicable to all kinds of today modern networks! This workbook covers blueprint topics and provides challenging examples.
- #6
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.
- #7
Code Faster in Delphi
Alister ChristieThis book will make you a faster Delphi developer, it doesn't matter if you are just starting out, or have been using Delphi since version 1, you will find all sorts of tips, tricks and hacks to boost your productivity.
- #8
R Programming for Data Science
Roger D. PengThis book brings the fundamentals of R programming to you, using the same material developed as part of the industry-leading Johns Hopkins Data Science Specialization. The skills taught in this book will lay the foundation for you to begin your journey learning data science. Printed copies of this book are available through Lulu.
- #9
Practical FP in Scala: A hands-on approach
Gabriel VolpeA practical book aimed for those familiar with functional programming in Scala who are yet not confident about architecting an application from scratch.
Together, we will develop a purely functional application using the best libraries in the Cats ecosystem, while learning about design patterns and best practices.
- #10
Cloud Strategy
Gregor Hohpe“Strategy is the difference between making a wish and making it come true.” A successful migration to the cloud shouldn’t be driven by wishes, but guided by a sound strategy, frameworks, and decision models. This book tells you how—without becoming superficial nor getting lost in technology and product details.
Top Bundles
- #1
Quality Software
11 Books
The Quality Software Bundle is for managers, would-be managers, and any of us who find themselves being managed and confused. This comprehensive bundle covers the entire span of software development approaches, from hacking through waterfall, cascade, prototyping, Iterative enhancement, reusable code, off-the-shelf, to Agile teams. The bundle... - #2
agile
11 Books
In this bundle, you will find 10 different agile books. They are about different aspects of being agile. - finding a job - doing coding dojo's - Retrospectives - Personal kanban - a non-typical coaching book and even a book that gives you an insight in the lives of some agile people. - #3
WTFlop 6M + HU - Beta Bundle
6 Books
- #4
Node Patterns
6 Books
- #5
Fifty Quick Ideas
3 Books
Get all three books for the price of two! Fifty Quick Ideas books are full of practical, real-world techniques that you can use to improve teamwork, build better products and build them in a better way. - #6
Growing Agile: Coach's Guide Series
4 Books
This bundle provides a collection of training and workshop plans for a variety of agile topics. The series is aimed at agile coaches, trainers and ScrumMasters who often find themselves needing to help teams understand agile concepts. Each book in the series provides the plans, slides, handouts and activity instructions to run a number of... - #7
Marionette.js A to Z
3 Books
Marionette.js has become a popular Backbone-based javascript library, because it helps you avoid boiler-plate code and focus on what makes your app special. But how do you get started?Whether you want to finally get started with dynamic client-side programming (like one reader did), or are an experienced front-end dev who has inherited a... - #8
Complete Scala Bundle
3 Books
Scala is a general-purpose programming language and it's getting extremely popular these days. Some say that learning Scala could be a challenging task. My experience, however, suggests that this is actually a myth that has very little to do with reality. With the right approach, learning Scala can be easy, fun and rewarding.The first book from... - #9
Build A Better Backbone App
3 Books
The best way to learn new development skills is through experience, but that takes time you don't have.Get the best of both worlds with this bundle: you'll learn how to produce modern web applications by learning from experienced developers like Derick Bailey and David Sulc. BackboneJS is one of the favorite tools on the web today, but it... - #10
People Skills—Soft but Difficult
7 Books
Perhaps you've been told that "lack of people skills" has been holding you back. No wonder: you may have had hundreds of hours of technical training, but little or no "people skills" guidance.You've heard it said that people skills are "soft," whereas technical skills are "hard." For you, though, technical skills are "easy," but people skills...
