Companies Home Search Profile

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

Focused View

Dominic Rudigier

11:11:33

120 View
  • 1 - Angular Ionic Quiz.html
  • 1 - Introduction.mp4
    04:45
  • 2 - Ionic setup.mp4
    06:32
  • 3 - Ionic project structure walkthrough.mp4
    08:47
  • 2 - A more advanced Angular Ionic Quiz.html
  • 4 - A fast and easy Todo App 1.mp4
    08:18
  • 4 - implementierung auf github ansehen.zip
  • 5 - A fast and easy Todo App 2.mp4
    03:53
  • 5 - implementierung auf github ansehen.zip
  • 6 - Julies App Introduction.mp4
    04:14
  • 7 - Screen Design Home and Order Screen.mp4
    04:26
  • 8 - Home Screen with Table Overview.mp4
    13:51
  • 8 - implementierung auf github ansehen.zip
  • 8 - src.zip
  • 3 - Questions on PouchDB CouchDB 4WayBinding CAPTheorem Eventual consistency.html
  • 9 - Setting up CouchDB.mp4
    06:29
  • 10 - PouchDB Integration.mp4
    23:01
  • 10 - implementierung auf github ansehen.zip
  • 10 - src.zip
  • 11 - 4WayBinding.mp4
    11:24
  • 11 - implementierung auf github ansehen.zip
  • 11 - src.zip
  • 12 - CAPTheorem Eventual consistency Update is better than fetch.mp4
    04:40
  • 13 - Propagate changes from PouchDB.mp4
    09:31
  • 13 - implementierung auf github ansehen.zip
  • 13 - src.zip
  • 14 - Types Models.mp4
    10:44
  • 14 - implementierung auf github ansehen.zip
  • 14 - src.zip
  • 15 - Table Details Models.mp4
    12:10
  • 15 - implementierung auf github ansehen.zip
  • 16 - Products Consumed View.mp4
    17:57
  • 16 - implementierung auf github ansehen.zip
  • 16 - src.zip
  • 17 - Display available products for ordering.mp4
    21:16
  • 17 - implementierung auf github ansehen.zip
  • 17 - src.zip
  • 18 - Bugfix Same Products consumed for every table.mp4
    09:04
  • 18 - implementierung auf github ansehen.zip
  • 18 - src.zip
  • 19 - Styling the Products View.mp4
    18:20
  • 19 - implementierung auf github ansehen.zip
  • 19 - src.zip
  • 20 - String vs string in Typescript.mp4
    02:10
  • 21 - Add Ordered Product to Consumed Products.mp4
    09:29
  • 21 - implementierung auf github ansehen.zip
  • 21 - src.zip
  • 22 - Save Add Delete of Consumed products to PouchDB and CouchDB.mp4
    09:23
  • 22 - implementierung auf github ansehen.zip
  • 22 - src.zip
  • 23 - Create Documents in the Database for Empty Tables.mp4
    13:44
  • 23 - implementierung auf github ansehen.zip
  • 23 - src.zip
  • 24 - Refactor Adding Repository Pattern.mp4
    30:26
  • 24 - implementierung auf github ansehen.zip
  • 24 - src.zip
  • 25 - Add Remove products.mp4
    25:17
  • 25 - implementierung auf github ansehen.zip
  • 25 - src.zip
  • 26 - OrderByPipe to sort nested array of objects.mp4
    18:49
  • 26 - implementierung auf github ansehen.zip
  • 26 - src.zip
  • 27 - IonFabButton to navigate to the payment screen.mp4
    10:28
  • 27 - implementierung auf github ansehen.zip
  • 27 - src.zip
  • 28 - Payment Page 01.mp4
    22:31
  • 28 - implementierung auf github ansehen.zip
  • 28 - src.zip
  • 29 - Payment Page 02.mp4
    15:08
  • 29 - implementierung auf github ansehen.zip
  • 29 - src.zip
  • 30 - Payment Page 03.mp4
    18:28
  • 30 - implementierung auf github ansehen.zip
  • 30 - src.zip
  • 31 - Creating a service for generating bills.mp4
    39:05
  • 31 - implementierung auf github ansehen.zip
  • 31 - src.zip
  • 32 - Refactor Create new bill for every user without update.mp4
    10:34
  • 32 - implementierung auf github ansehen.zip
  • 32 - src.zip
  • 33 - Kitchen View.mp4
    15:24
  • 33 - implementierung auf github ansehen.zip
  • 33 - src.zip
  • 34 - Using XState to create a state machine for every table.mp4
    26:35
  • 34 - implementierung auf github ansehen.zip
  • 34 - src.zip
  • 35 - Implement styling and continue with state machine.mp4
    14:48
  • 35 - implementierung auf github ansehen.zip
  • 35 - src.zip
  • 36 - Implement State Transitions Part 1.mp4
    22:13
  • 36 - implementierung auf github ansehen.zip
  • 36 - src.zip
  • 37 - Implement State Transitions Part 2.mp4
    12:18
  • 37 - implementierung auf github ansehen.zip
  • 38 - Improve workflow sorting.mp4
    09:38
  • 38 - implementierung auf github ansehen 1.zip
  • 38 - implementierung auf github ansehen 2.zip
  • 39 - Make changes visible before storing them in the database.mp4
    20:44
  • 39 - implementierung auf github ansehen.zip
  • 39 - src.zip
  • 40 - How to Debug.mp4
    04:23
  • 41 - Adding custom fonts.mp4
    12:21
  • 41 - implementierung auf github ansehen.zip
  • 41 - src.zip
  • 42 - CRUD Products Part 1.mp4
    15:14
  • 42 - implementierung auf github ansehen.zip
  • 42 - src.zip
  • 43 - CRUD Products Part 2.mp4
    12:18
  • 43 - implementierung auf github ansehen.zip
  • 43 - src.zip
  • 44 - CRUD Products Part 3.mp4
    28:03
  • 44 - implementierung auf github ansehen.zip
  • 44 - src.zip
  • 45 - CRUD Tables.mp4
    22:17
  • 45 - implementierung auf github ansehen.zip
  • 45 - src.zip
  • 46 - Transition from Paid to Free.mp4
    09:29
  • 46 - implementierung auf github ansehen.zip
  • 46 - src.zip
  • 47 - Generate code documentation using compodoc.mp4
    13:27
  • 47 - implementierung auf github ansehen.zip
  • 47 - src.zip
  • 4 - Just a quiz about unit testing.html
  • 48 - Mock the database for unit tests.mp4
    07:27
  • 48 - implementierung auf github ansehen.zip
  • 48 - src.zip
  • Description


    Develop offline-first apps using a database technology which was built for syncing, from frontend to backend

    What You'll 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 is this for?


  • 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
  • More details


    Description

    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.

    Who this course is for:

    • 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

    User Reviews
    Rating
    0
    0
    0
    0
    0
    average 0
    Total votes0
    Focused display
    Category
    Dominic Rudigier
    Dominic Rudigier
    Instructor's Courses
    13 years experience of developing software using Typescript, Angular, Ionic, NestJS, Java, C# and Python.Passionate about web and mobile app development, distributed systems and improving loading times on mobile apps, the web is my playground.Started off as an Electronics Engineer, BSc Computer Science, currently self-employed doing project based works and teaching for fun, taking a MSc in Software Engineering next to that.
    Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.
    • language english
    • Training sessions 48
    • duration 11:11:33
    • Release Date 2023/02/20