Desktop apps with Angular, Firestore and Electron
11h 28m 39s
English
Paid
This course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac, Linux) using your favorite Web Technologies.
Read more about the course
Ingredients
- Angular (By the time you read this, version 7 is probably out !!)
- Electron framework for building desktop Apps.
- Firebase (Firestore)
- RxJS (Not that much)
- Material 2
What you'll get
- 50 + videos on building the app step-by-step.
- Great insight on problem-solving and applying thought into app building.
- Ideas on No-SQL data modelling.
- Link to the repo of the code. (Note that, this will be updated over time)
- Link to download the actual app itself. (This again will improve as the codebase improves, and this would serve as a wonderful MVP, POC, college/school project)
Prerequisites
- Basic knowledge about Angular (Know what's a component, service etc.,)
- Imagination (Lots of it)
- Patience (Lots of it)
- Coffee.
Requirements:
Basics of Angular
Patience
Coffee
Who this course is for:
- Beginner Angular developers who want to take the plunge into writing real apps
- Developers who are looking forward to learning how to model their data in a NoSQL database
What you'll learn:
- Problem solving ability
- Ways to store, retrieve data using NoSQL databases (Firestore)
- Write large applications from scratch
Watch Online Desktop apps with Angular, Firestore and Electron
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | What are we building | 10:10 |
2 | Kick off | 04:34 |
3 | Adding Firebase to our app | 04:18 |
4 | Adding components to our app | 04:14 |
5 | Routing | 05:35 |
6 | Let's talk about login | 04:26 |
7 | Login Screen | 08:39 |
8 | Signing up new users | 18:38 |
9 | Authentication Guards | 08:11 |
10 | Logging in a user | 09:30 |
11 | NavBar | 05:20 |
12 | The Sidebar | 14:26 |
13 | Handling errors | 04:18 |
14 | Updating your nick name | 09:10 |
15 | Update your profile picture | 12:36 |
16 | Adding Friends | 07:07 |
17 | Friend requests | 06:44 |
18 | Accepting requests | 26:54 |
19 | The Friends Panel | 05:39 |
20 | Showing received requests | 13:36 |
21 | Preventing multiple requests | 25:29 |
22 | Instant search | 22:06 |
23 | Showing status of a user | 21:44 |
24 | Chat Feed | 10:23 |
25 | A footer ? | 04:37 |
26 | This is how it works | 17:09 |
27 | Sending a message | 27:22 |
28 | Showing a message | 10:09 |
29 | Adding bubbles | 18:52 |
30 | The Smart Date pipe | 05:30 |
31 | Scrolling automatically to the bottom | 15:08 |
32 | Infinite scroll | 26:36 |
33 | Chat user info | 12:32 |
34 | Calling | 06:40 |
35 | Sending images | 24:19 |
36 | Refining our image filter | 04:06 |
37 | Groups | 07:37 |
38 | Create a group | 19:15 |
39 | Adding some options | 15:50 |
40 | Adding a member | 12:30 |
41 | Really adding a member | 20:23 |
42 | Group info | 07:38 |
43 | Removing a member | 18:26 |
44 | Changing group pic | 09:08 |
45 | Showing all groups | 17:49 |
46 | Chatting in a group | 17:28 |
47 | Group chat feed | 16:18 |
48 | Fixing bugs | 09:42 |
49 | Notifications | 20:17 |
50 | Tweaks | 05:58 |
51 | Firestore rules | 07:14 |
52 | Introducing electron | 13:29 |
53 | Frameless windows | 05:00 |
54 | Fixing drag | 05:02 |
55 | Packaging it with electron | 18:55 |
56 | Thanks | 03:53 |
Similar courses to Desktop apps with Angular, Firestore and Electron

Complete Angular 2 JSudemy
Category: Angular
Duration 18 hours 50 minutes 51 seconds
Course

Angular Architecture. How to Build Scalable Web Applicationsudemy
Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds
Course

The essential guide to Firebase with React.udemy
Category: React.js, Firebase
Duration 31 hours 20 minutes 9 seconds
Course

Complete Angular Developer in 2023 Zero to Masteryzerotomastery.io
Category: Angular
Duration 27 hours 28 minutes 36 seconds
Course

Complete Angular Developer in 2025 Zero to Masteryzerotomastery.io
Category: Angular
Duration 52 hours 28 minutes 39 seconds
Course

Angular 2 Fundamentalsultimatecourses.com
Category: Angular
Duration 5 hours 6 minutes 53 seconds
Course

Reactive Angular Course (with RxJs)udemy
Category: Angular, RxJS
Duration 5 hours 33 minutes 49 seconds
Course

PROFESSIONAL Full Stack Developeramigoscode (Nelson Djalo)
Category: Angular
Duration 54 hours 23 minutes 35 seconds
Course

Firebase Security Coursefireship.io
Category: Firebase
Duration 54 minutes 6 seconds
Course