Ionic 4 - Build iOS, Android and Web Apps with Ionic and Angular [Video]
Video
Video
$36.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
What do you get with video?
What do you get with video?
What do you get with Audiobook?
What do you get with Exam Trainer?
Video
$36.99
Subscription
$15.99
$10 p/m for three months
What do you get with a Packt Subscription?
This book & 7000+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with Video + Subscription?
Download this video in MP4 format, plus a monthly download credit
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with a Packt Subscription?
This book & 6500+ ebooks & video courses on 1000+ technologies
60+ curated reading lists for various learning paths
50+ new titles added every month on new and emerging tech
Early Access to eBooks as they are being written
Personalised content suggestions
Customised display settings for better reading experience
50+ new titles added every month on new and emerging tech
Playlists, Notes and Bookmarks to easily manage your learning
Mobile App with offline access
What do you get with eBook?
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Download this book in EPUB and PDF formats
Access this title in our online reader
DRM FREE - Read whenever, wherever and however you want
Online reader with customised display settings for better reading experience
What do I get with Print?
Get a paperback copy of the book delivered to your specified Address*
Access this title in our online reader
Online reader with customised display settings for better reading experience
What do you get with video?
Download this video in MP4 format
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with video?
Stream this video
Access this title in our online reader
DRM FREE - Watch whenever, wherever and however you want
Online reader with customised display settings for better learning experience
What do you get with Audiobook?
Download a zip folder consisting of audio files (in MP3 Format) along with supplementary PDF
What do you get with Exam Trainer?
Flashcards, Mock exams, Exam Tips, Practice Questions
Access these resources with our interactive certification platform
Mobile compatible-Practice whenever, wherever, however you want
-
Free ChapterGetting Started
-
Angular Refresher
- Module Introduction
- What is Angular?
- Angular SPAs & Ionic
- Understanding Components
- Installing Angular with the CLI
- Installing the IDE
- Understanding the Folder Structure
- The App Component
- Creating Our First Component
- Cross Component Communication with Property Binding
- Understanding Directives & String Interpolation
- Handling User Input
- Understanding Event Binding
- Local References
- Understanding Two-Way-Binding
- Passing Data Around with Custom Events
- Implementing Routing
- Setting Up Services
- Using Services with Dependency Injection
- Working with Angular Lifecycle Hooks
- Adding a Person with Services
- Navigating between Components
- Removing Items upon a Click
- "Push"ing Data Around with Subjects
- Sending Http Requests
- Showing a Placeholder Whilst Waiting for a Response
- Wrap Up
-
Ionic Component Basics
- Module Introduction
- Core App Building Blocks
- Under the Hood of Ionic Components
- Setting Up a Non-Angular Ionic Project
- Where to Learn all about Ionic Components
- Using Basic Ionic Components
- More Basic Components
- Component Categories
- Using the Ionic Grid
- Adding Icons & Using Slots
- Using CSS Utility Attributes
- Using Ionic Elements like "Normal" HTML Elements
- Validating User Input
- Creating Ionic Elements Programmatically
- Finishing Up the Base JavaScript Logic
- Finalizing the Layout
- Using Controller Components
- Why Angular?
-
Angular + Ionic
- Module Introduction
- Why Use Angular?
- Creating a New Ionic Angular Project
- Analyzing the Created Project
- How Angular & Ionic Work Together
- Adding & Loading a New Page
- Using Angular Features on Ionic Components
- Setting Up Angular Routes
- Managing State with Services
- Extracting and Displaying Route Param Data
- Navigating Between Pages
- Deleting a Recipe
- Injecting Ionic Controllers
- Angular Components vs Ionic Components
- Wrap Up
-
Building Native Apps with Capacitor
-
Debugging
-
Navigation & Routing in Ionic Apps
- Module Introduction
- How Routing Work in an Ionic + Angular App
- Ionic Page Caching & Extra Lifecycle Hooks
- Planning the Course Project
- Creating Our App Pages
- Adjusting Our Main Routing Configuration
- Understanding Ionic Tabs
- Adding Tabs to the App
- Preparing Data & Services for the Project
- Outputting "Places"
- Adding Forward Navigation
- Going Back with NavController
- Navigating via Toolbar Buttons
- Extracting the ID of Loaded Places
- Adding a SideDrawer
- Opening + Closing the SideDrawer
- Adding Links & Switching Pages
- Adding the Auth Service
- Adding an Auth Guard
- Opening a Modal
- Closing the Modal & Passing Data
- Wrap Up
-
Ionic Components Overview
- Module Introduction
- Attributes & Slots
- Ionic Grid Basics
- Controlling Grid Column Sizes
- Controlling Grid Alignment
- Responsive Grid Sizing
- Grid Summary
- ion-list vs ion-grid
- ion-label & ion-item
- ion-text
- Swipeable List Items
- Swipeable Bookings
- Understanding Virtual Scrolling
- Implementing Virtual Scrolling
- Adding Image Elements
- Segmented Buttons
- Adding a Spinner
- Using the Loading Controller
- Using the ActionSheet Controller
- Wrap Up
-
Styling & Theming Ionic Apps
- Module Introduction
- How Styling & Theming Works in Ionic Apps
- Docs & Utility Attributes
- Setting Global Theme Variables
- Setting Global Styles
- Setting All Colors at Once
- Setting Platform-Specific Styles
- Styling Core Components with Variables
- Adding Custom CSS Rules
- Component-specific CSS Variables
- Wrap Up
-
Handling User Input
- Module Introduction
- User Input Requirements
- Setting Up a Form Template
- Adding a Template-driven Form
- Handling Validation
- Switching Between Auth Modes
- Finishing the Auth Form
- Starting Work on a New Offer Form
- Finishing the Offer Form Template
- Creating a Reactive Form
- Syncing the Form to the Template
- Finishing the New Offer Form
- Edit Form Challenge
- Adding the Edit Offer Form
- Starting with the Booking Form
- Working on the Book Place Template
- Configuring the Date Controls
- Validating & Submitting the Form
- Wrap Up
-
Managing State
-
Sending Http Requests
- Module Introduction
- How to Connect to a Backend
- Setting Up Firebase
- Sending Data via Http
- Using Response Data
- Fetching & Displaying Data
- Updating Places
- Fetching Data in Multiple Places
- Loading Data in a Single Place
- Updating Places Correctly
- Error Handling
- Fetching Single Places
- Adding a Booking
- Fetching Bookings by User
- Deleting Bookings
- Wrap Up
-
Adding Google Maps
- Module Introduction
- API Setup
- Adding a LocationPicker Component
- Opening the Map Modal
- Adding the Google Maps SDK
- Rendering a Map
- Picking Locations via a Click on the Map
- Finding the Address for a Place
- Fetching a Static Image URL
- Displaying a Place Preview
- Changing the Selection
- Removing the Click Listener
- Submitting the Location
- Outputting Address & Map
- Re-using the Maps Modal
-
Using Native Device Features (Camera & Location)
- Module Introduction
- Understanding Capacitor & Cordova
- Using the Docs
- Using Capacitor Plugins
- Getting the User Location
- Testing the Location Feature
- Starting With the Image Picker
- Taking Pictures
- Detecting the Platform Correctly
- Adding a Filepicker Fallback
- Getting the Picked Image
- Converting the Image String to a File
- Storing the Image in the Form
- Using PWA Elements
- Improving the ImagePicker Component
- Adding Server-side Image Uploading Code
- Adding Image Upload
- Wrap Up
-
Adding Authentication
- Module Introduction
- How Authentication Works
- Adding User Signup
- Refactoring the Authentication Code
- Adding User Login
- Managing the User with a Subject
- Storing the Token in Memory
- Using the ID Observable Correctly
- More userId Usage
- Fixing the Subscription
- Using the userId everywhere
- Storing Auth Data in Device Storage
- Adding Autologin
- Using Autologin
- Adding a Reactive Logout System
- Adding Autologout
- Requiring the Auth Token on the Backend
- Sending the Auth Token to the Backend
- More Token Usage
- Wrap Up
-
Publishing the Apps
-
Roundup
About this
video
Ionic is one of the most exciting technologies you can learn. It enables you to use one codebase (written in HTML, JS, and CSS) to build and ship regular (progressive) web apps as well as native mobile apps for iOS and Android. This course will help you work with the latest version of Ionic from scratch. Angular (formerly Angular 2) allows you to create awesome web applications powered by TypeScript or JavaScript. The Ionic framework allows you to use your Angular knowledge to build web applications that can be compiled into native mobile apps, running on any iOS or Android device, and enables you to publish them as progressive web apps. You’ll use your existing Angular, HTML, JS, and CSS knowledge to build your native mobile apps and discover components that can be used to compose native-like user interfaces. The capacitor will handle the rest as it's used to then build a native mobile app for iOS/ Android based on your code. This allows you to make the most of your knowledge and release your application on all possible devices without having to learn different languages! No wonder that hybrid frameworks like Ionic are extremely popular and in high demand!
All the code and supporting files for this course are available at https://github.com/PacktPublishing/Ionic-4---Build-iOS-Android-and-Web-Apps-with-Ionic-and-Angular
- Publication date:
- April 2019
- Publisher
- Packt
- Duration
- 19 hours 48 minutes
- ISBN
- 9781838828943
Latest Reviews
(2 reviews total)