Ionic 4 – Build PWA and Mobile Apps with Angular
Ionic 4 – Build PWA and Mobile Apps with Angular, available at $54.99, has an average rating of 4.65, with 61 lectures, based on 244 reviews, and has 1045 subscribers.
You will learn about Build Native Mobile Apps with Ionic 4 Build PWA with Ionic 4 Getting to know Ionic 4 This course is ideal for individuals who are Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA) It is particularly useful for Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA).
Enroll now: Ionic 4 – Build PWA and Mobile Apps with Angular
Summary
Title: Ionic 4 – Build PWA and Mobile Apps with Angular
Price: $54.99
Average Rating: 4.65
Number of Lectures: 61
Number of Published Lectures: 61
Number of Curriculum Items: 61
Number of Published Curriculum Objects: 61
Original Price: $39.99
Quality Status: approved
Status: Live
What You Will Learn
- Build Native Mobile Apps with Ionic 4
- Build PWA with Ionic 4
- Getting to know Ionic 4
Who Should Attend
- Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA)
Target Audiences
- Web developers and specifically Angular developers who want to build Native Mobile Apps and Progressive Web Apps (PWA)
We can use Angular to create powerful frontend web applications powered by TypeScript / JavaScript. What if we can use the Angular knowledge to build applications that can be published as progressive web apps, native mobile apps running on any iOS or Android device and electron desktop apps with the same codebase.
Ionic 4 allows you to do just that. We can use your existing Angular, HTML, JS and CSS knowledge and build PWA, native mobile apps. This allows you to focus on the things you know and release your application on all possible devices (desktop and mobile) without having to learn different technologies to build apps for different platforms.
Ionic 4 is completely based on web components (Using Stencil).
This course takes you from zero to published app, taking a very practice-orientated route. We’ll build a news app throughout this course, we’ll see how we can use the Ionic component library, how to fetch and handle user input, how to store data and much more!
We will touch on various topics like Architecture, Components, Navigation, Tabs, Sidemenus, User Input, Native Device Features, Storage, Http, etc…
And since building apps is only part of the fun, you’ll of course also learn how to run your apps either in the browser, on an emulator or on your own device!
What exactly are you going to learn then?
-
Angular Refresher
-
Ionic Fundamentals
-
How to set up your Ionic 4 projects
-
Using different Ionic 4 templates Blank, Tabs, and Sidemenus
-
The basics about Ionic 4 – How navigation works, how your project is structured and you use its rich component library
-
Ionic 4 project architecture
-
Creating a user interface with the Beautiful Ionic 4 Components
-
Show Modals, Alerts, Toasts and many more useful UI components
-
Test the app in the browser, on emulators and real devices
-
Using Ionic storage
-
Building PWA and deploy on Firebase Hosting
-
and much more …
So Let’s Get Started.
Course Curriculum
Chapter 1: Getting Started
Lecture 1: Introduction to Course
Lecture 2: About Angular
Lecture 3: About Ionic
Lecture 4: Setup Development Environment
Chapter 2: Angular Fundamentals
Lecture 1: Introduction
Lecture 2: Installing Angular CLI
Lecture 3: Creating New Project
Lecture 4: Adding Components
Lecture 5: Angular Routing
Lecture 6: Note Regarding Lazy Loading Routes
Lecture 7: Adding and Lazy Loading Components
Lecture 8: Adding Services
Lecture 9: @Input() and @Output Decorator
Chapter 3: Ionic Fundamentals
Lecture 1: Introduction
Lecture 2: Installing Ionic CLI
Lecture 3: Creating New Project
Lecture 4: Note Regarding Lazy Loading Routes
Lecture 5: Understanding the Structure of Ionic Project
Lecture 6: Ionic Generator
Lecture 7: Ionic Components Part 1
Lecture 8: Ionic Components Part 2
Lecture 9: Adding Shared Component
Lecture 10: Adding Tabs Inside the Sidemenu Template
Lecture 11: Adding Sidemenu Inside the Tabs Template
Lecture 12: Adding Sidemenu and Tabs Inside the Blank Template
Chapter 4: Creating News Application With Rest API
Lecture 1: Introduction
Lecture 2: Creating New Project
Lecture 3: Generating New Pages and Updating Tabs Menu
Lecture 4: Adding UI For The Top News Page
Lecture 5: Using Ionic Lab
Lecture 6: Creating News Service and Fetching Top News
Lecture 7: Using async Operator
Lecture 8: Moves Pages to Pages directory Similar to Ionic 3
Lecture 9: Creating Shared Components
Lecture 10: Using HttpParamas to Pass the apiKey
Lecture 11: Finalize Top News Page
Lecture 12: Show Loading Spinner While Fetching Data
Lecture 13: Adding Pull To Refresh Functionality
Lecture 14: Headlines Page UI – Horizontal Scrolling List
Lecture 15: Getting Data Based on a Specific Category
Lecture 16: Getting Category Data on the First Load
Lecture 17: Using Skeleton Screens For Perceived Performance
Lecture 18: Working on the Sources Page
Lecture 19: Adding Search Pipe to Filter Between Different Sources
Lecture 20: Adding Single Source Page and Back Button
Lecture 21: Showing Selected Source Articles
Lecture 22: Using Sliding Options to Add to Favorites
Lecture 23: Using Ionic Storage
Lecture 24: Adding Refresh Button To The Favorites
Lecture 25: Showing Toast Message
Lecture 26: Removing The Source From Favorites
Lecture 27: Adding Settings Page
Chapter 5: Building and Publishing Application
Lecture 1: Introduction
Lecture 2: Adding PWA Support and Building App For Production
Lecture 3: Deploying PWA on Firbase Hosting
Lecture 4: Installing PWA on The Mobile Device
Lecture 5: Running Application Inside the Android Emulator
Lecture 6: Publishing Application on Android Play Store
Lecture 7: Publishing Application on iOS App Store
Lecture 8: Publishing Application as Electron Desktop App
Chapter 6: Course Roundup
Lecture 1: Course Roundup
Instructors
-
Baljeet Singh
Freelance Full Stack Developer, Instructor
Rating Distribution
- 1 stars: 6 votes
- 2 stars: 7 votes
- 3 stars: 33 votes
- 4 stars: 90 votes
- 5 stars: 108 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Digital Marketing Foundation Course
- Google Shopping Ads Digital Marketing Course
- Multi Cloud Infrastructure for beginners
- Master Lead Generation: Grow Subscribers & Sales with Popups
- Complete Copywriting System : write to sell with ease
- Product Positioning Masterclass: Unlock Market Traction
- How to Promote Your Webinar and Get More Attendees?
- Digital Marketing Courses
- Create music with Artificial Intelligence in this new market
- Create CONVERTING UGC Content So Brands Will Pay You More
- Podcast: The top 8 ways to monetize by Podcasting
- TikTok Marketing Mastery: Learn to Grow & Go Viral
- Free Digital Marketing Basics Course in Hindi
- MailChimp Free Mailing Lists: MailChimp Email Marketing
- Automate Digital Marketing & Social Media with Generative AI
- Google Ads MasterClass – All Advanced Features
- Online Course Creator: Create & Sell Online Courses Today!
- Introduction to SEO – Basic Principles of SEO
- Affiliate Marketing For Beginners: Go From Novice To Pro
- Effective Website Planning Made Simple