Offline-First Apps with Angular, Ionic, PouchDB and CouchDB

Offline-First Apps with Angular, Ionic, PouchDB and CouchDB, available at $74.99, has an average rating of 5, with 48 lectures, 4 quizzes, based on 4 reviews, and has 117 subscribers.

You will learn about Develop modern, scalable, multi-platform web applications (Web, Mobile) with Angular 15, Ionic 6 Use PouchDB as frontend storage and CouchDB as database for creating Offline-First Apps with easy syncing between local and remote Fully understand how to design and develop an application and how to implement advanced features to plug-in other database solutions using a Repository Pattern Learn how to handle problems while developing and practical usage of advanced features like RxJS or creating Custom pipes for sorting multi-level JSON data Learn how to use XState to implement state machines in your app This course is ideal for individuals who are Software engineers who are interested in creating multi-platform Apps using a Webframework or Software engineers who want to use advanced features like Repository Patterns and XState state machines It is particularly useful for Software engineers who are interested in creating multi-platform Apps using a Webframework or Software engineers who want to use advanced features like Repository Patterns and XState state machines.

Enroll now: Offline-First Apps with Angular, Ionic, PouchDB and CouchDB

Summary

Title: Offline-First Apps with Angular, Ionic, PouchDB and CouchDB

Price: $74.99

Average Rating: 5

Number of Lectures: 48

Number of Quizzes: 4

Number of Published Lectures: 48

Number of Published Quizzes: 4

Number of Curriculum Items: 52

Number of Published Curriculum Objects: 52

Original Price: €99.99

Quality Status: approved

Status: Live

What You Will Learn

Develop modern, scalable, multi-platform web applications (Web, Mobile) with Angular 15, Ionic 6
Use PouchDB as frontend storage and CouchDB as database for creating Offline-First Apps with easy syncing between local and remote
Fully understand how to design and develop an application and how to implement advanced features to plug-in other database solutions using a Repository Pattern
Learn how to handle problems while developing and practical usage of advanced features like RxJS or creating Custom pipes for sorting multi-level JSON data
Learn how to use XState to implement state machines in your app

Who Should Attend

Software engineers who are interested in creating multi-platform Apps using a Webframework
Software engineers who want to use advanced features like Repository Patterns and XState state machines

Target Audiences

Software engineers who are interested in creating multi-platform Apps using a Webframework
Software engineers who want to use advanced features like Repository Patterns and XState state machines

In this course, you will learn how to build a robust, offline-first web application using PouchDB, CouchDB, Angular, and Ionic. You will start by setting up a development environment and learn how to use PouchDB and CouchDB to store and sync data locally and with a remote server. You will then learn how to use Angular to build the front-end of your application and Ionic to design and style your application for mobile devices.

Throughout the course, you will work on a practical project to apply the concepts you have learned and build a fully functional offline-first web application. You will also learn how to test and debug your application, and how to deploy it for production use.
You will learn about the CAP Theorem, which is a fundamental concept in the field of distributed systems. You will learn what the CAP Theorem is, how it relates to the design and implementation of distributed systems, and how it impacts the performance and reliability of these systems.

You will start by exploring the three key components of the CAP Theorem: Consistency, Availability, and Partition Tolerance. You will learn about the trade-offs between these components and how they affect the behavior of distributed systems. You will also learn about different approaches to achieving consistency in distributed systems, including eventual consistency and strong consistency and why we used CouchDB as a technology.

By the end of this course, you will have the skills and knowledge to build a reliable, offline-first web application using PouchDB, CouchDB, Angular, and Ionic. You will be able to store and sync data locally and with a remote server, build a responsive user interface, and design and style your application for mobile devices.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Ionic setup

Lecture 3: Ionic project structure walkthrough

Chapter 2: Our quick first Todo App

Lecture 1: A fast and easy Todo App 1

Lecture 2: A fast and easy Todo App 2

Chapter 3: Julies – The Offline First App for Restaurants

Lecture 1: Julies App – Introduction

Lecture 2: Screen Design – Home and Order Screen

Lecture 3: Home Screen with Table Overview

Chapter 4: PouchDB / CouchDB Integration, 4-Way-Binding

Lecture 1: Setting up CouchDB

Lecture 2: PouchDB Integration

Lecture 3: 4-Way-Binding

Lecture 4: CAP-Theorem, Eventual consistency, Update is better than fetch

Lecture 5: Propagate changes from PouchDB

Chapter 5: Using Models, implementing the Table Details Screen and the Ordering Process

Lecture 1: Types / Models

Lecture 2: Table Details Models

Lecture 3: Products Consumed View

Lecture 4: Display available products for ordering

Lecture 5: Bugfix: Same Products consumed for every table

Lecture 6: Styling the Products View

Lecture 7: String vs string in Typescript

Lecture 8: Add Ordered Product to Consumed Products

Lecture 9: Save Add / Delete of Consumed products to PouchDB and CouchDB

Lecture 10: Create Documents in the Database for Empty Tables

Chapter 6: Refactoring the Database Implementation

Lecture 1: Refactor: Adding Repository Pattern

Chapter 7: Add/Remove products, Creating a custom sorting pipe

Lecture 1: Add / Remove products

Lecture 2: OrderByPipe to sort nested array of objects

Chapter 8: Payment Screen

Lecture 1: Ion-Fab-Button to navigate to the payment screen

Lecture 2: Payment Page 01

Lecture 3: Payment Page 02

Lecture 4: Payment Page 03

Lecture 5: Creating a service for generating bills

Lecture 6: Refactor: Create new bill for every user without update

Chapter 9: Kitchen View Screen

Lecture 1: Kitchen View

Lecture 2: Using XState to create a state machine for every table

Lecture 3: Implement styling and continue with state machine

Lecture 4: Implement State Transitions :: Part 1

Lecture 5: Implement State Transitions :: Part 2

Chapter 10: Improve waiter workflow

Lecture 1: Improve workflow, sorting

Lecture 2: Make changes visible before storing them in the database

Chapter 11: Debug & Styling using different fonts

Lecture 1: How to Debug

Lecture 2: Adding custom fonts

Chapter 12: CRUD for Products and Tables

Lecture 1: CRUD Products :: Part 1

Lecture 2: CRUD Products :: Part 2

Lecture 3: CRUD Products :: Part 3

Lecture 4: CRUD Tables

Chapter 13: Fix the last bug – tables can not be free after being occupied once

Lecture 1: Transition from Paid to Free

Chapter 14: Documentation

Lecture 1: Generate code documentation using compodoc

Chapter 15: Unit Tests

Lecture 1: Mock the database for unit tests

Instructors

Dominic Rudigier
Fullstack software developer / web / mobile

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 0 votes
5 stars: 4 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!

Menu