Build Mobile Application using Ionic & Firebase
Build Mobile Application using Ionic & Firebase, available at $19.99, with 56 lectures, and has 1 subscribers.
You will learn about Understanding Web Components and Stencil Ionic 4 list component with infinite scrolling and pull-to- refresh Data persistence with Firebase Cloud Firestore App publishing This course is ideal for individuals who are Who want to start career in App Development It is particularly useful for Who want to start career in App Development.
Enroll now: Build Mobile Application using Ionic & Firebase
Summary
Title: Build Mobile Application using Ionic & Firebase
Price: $19.99
Number of Lectures: 56
Number of Published Lectures: 56
Number of Curriculum Items: 56
Number of Published Curriculum Objects: 56
Original Price: ₹7,500
Quality Status: approved
Status: Live
What You Will Learn
- Understanding Web Components and Stencil
- Ionic 4 list component with infinite scrolling and pull-to- refresh
- Data persistence with Firebase Cloud Firestore
- App publishing
Who Should Attend
- Who want to start career in App Development
Target Audiences
- Who want to start career in App Development
Developing mobile apps is an interesting yet challenging task. Different mobile platforms have their own ecosystems. If you want to start building your own mobile apps, you have to learn new programming languages, frameworks, libraries, and tools. Building complicated mobile apps or games requires a lot of experience. These kinds of apps may not be suitable for beginners. But not all mobile apps are complicated. There are still many mobile apps that are content-centric. This kind of app focuses on content presentations and doesn’t use many native features. For these kinds of apps, PhoneGap and its successor Apache Cordova offer a different way to build them.
Mobile platforms usually have a component called WebView to render web pages. Cordova uses this component to create a wrapper for running web pages inside of native apps. Cordova provides different wrappers for different platforms. The web pages become the mobile apps to develop. After using Cordova, developers can use front-end skills to create cross-platform mobile apps. This empowers front-end developers to create good enough content-centric mobile apps. Many other frameworks build on top of Cordova to provide out-of-box components to make building mobile apps much easier.
This course focuses on the latest version 4 of the popular Ionic framework. The best way to learn a new framework is using it in real-world product development.
We’ll build a Hacker News client app using Ionic 4 and use this as the example to demonstrate different aspects of Ionic 4. This course not only covers the implementation of the Hacker News client app, but also the whole development life cycle, including development, unit tests, end-to-end tests, continuous integration, and app publish.
Most of the nontrivial mobile apps need back-end services to work with them. Using mobile apps back-end services is a new trend that eliminates the heavy burden to write extra code and maintain the backend infrastructure. Google Firebase is a popular choice of mobile apps back-end services. The Hacker News client app uses Firebase to handle user authentication and storage of user favorite’s data. After going through this course, you should be able to integrate Firebase in your own apps.
Topics Included in This Course
This course is organized around building the Hacker News client app.
Starting from the local development setup, each chapter focuses on implementing a user story. Here are some important topics:
• Understanding Web Components and Stencil
• Ionic 4 list component with infinite scrolling and pull-to- refresh
• State management with NgRx
• Routing with Angular Router
• User management and third-party service logins with Firebase
• Data persistence with Firebase Cloud Firestore
• Unit testing with Karma and end-to-end testing with Protractor
• App publishing
• Features provided by Ionic Pro, including Ionic Deploy and Monitor
Below are the versions of main frameworks, libraries, and tools used in the app.
• Angular – 6.1.10
• RxJS – 6.3.3
• NgRx – 6.1.0
• Firebase – 5.5.4
• AngularFire2 – 5.0.2
• Jasmine – 3.2.0
• Karma – 3.0.0
• Protractor – 5.4.1
How This Course Is Organized
This course is organized around building the example Hacker News client app with Ionic 4 and Firebase. Below is a brief description of all the chapters in this course.
• Chapters 1–4: Introduction of necessary background knowledge and local development environment setup.
• Chapters 5–11: Implementation of all user stories of the example app with Ionic 4 and Firebase.
• Chapters 12–15: Additional topics related to Ionic.
Depending on your skill level, you can choose to skip some of these chapters. If you are an experienced Angular developer, you can skip the first four chapters.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction of Mobile App Development using Ionic & Firebase
Chapter 2: Hybrid Mobile Apps
Lecture 1: CHAPTER 1 Hybrid Mobile Apps
Lecture 2: Ionic Framwork
Lecture 3: Android
Chapter 3: TypeScript
Lecture 1: CHAPTER 2 TypeScript
Lecture 2: JS Arguments
Lecture 3: As Classes Contracts
Lecture 4: Modules
Lecture 5: Factory Providers
Lecture 6: Sass
Chapter 4: Web Components and Stencil
Lecture 1: CHAPTER 3 Web Components and Stencil
Lecture 2: Why Do We Need Web Component
Lecture 3: Custom Elements v0 and v1
Lecture 4: HTML Imports
Lecture 5: State
Lecture 6: Unit Testing
Chapter 5: Basic App Structure
Lecture 1: CHAPTER 4 Basic App Structure
Lecture 2: Theme
Chapter 6: List Stories
Lecture 1: CHAPTER 5 List Stories
Lecture 2: Display a List of Items
Lecture 3: Testing Configuration
Lecture 4: Items Loading Service
Lecture 5: Test Suite
Lecture 6: Read Data
Lecture 7: Filter
Lecture 8: Alternative Model and Service Implementation
Lecture 9: Further Improvements
Lecture 10: Advanced List
Lecture 11: Testing
Chapter 7: State Management with NgRx
Lecture 1: CHAPTER 6 State Management with NgRx
Lecture 2: Use NgRx
Lecture 3: Top Stories Feature
Lecture 4: Selectors
Chapter 8: View Story
Lecture 1: CHAPTER 7 View Story
Lecture 2: Events
Chapter 9: View Comments
Lecture 1: CHAPTER 8 View Comments
Lecture 2: Comment Component
Chapter 10: User Management
Lecture 1: CHAPTER 9 User Management
Lecture 2: Selects
Lecture 3: Email and Password Login
Lecture 4: State Management
Lecture 5: Update User’s Name
Chapter 11: Manage Favorites
Lecture 1: CHAPTER 10 Manage Favorites
Lecture 2: Favorite Toggle
Chapter 12: Share Stories
Lecture 1: CHAPTER 11 Share Stories
Chapter 13: Common Components
Lecture 1: CHAPTER 12 Common Components
Lecture 2: Slides
Lecture 3: Modal
Chapter 14: Advanced Topics
Lecture 1: CHAPTER 13 Advanced Topics
Lecture 2: Config
Lecture 3: Push Notifications
Chapter 15: End-to-End Test and Build
Lecture 1: CHAPTER 14 End-to-End Test and Build
Lecture 2: Top Stories Page Test
Lecture 3: Build
Chapter 16: App Publishing
Lecture 1: CHAPTER 15 Publish
Lecture 2: View and Share with Ionic View
Instructors
-
EasyShiksha Learning
e-learning
Rating Distribution
- 1 stars: 0 votes
- 2 stars: 0 votes
- 3 stars: 0 votes
- 4 stars: 0 votes
- 5 stars: 0 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!