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 JS

Complete Angular 2 JSudemy

Category: Angular
Duration 18 hours 50 minutes 51 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applicationsudemy

Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds
The essential guide to Firebase with React.

The essential guide to Firebase with React.udemy

Category: React.js, Firebase
Duration 31 hours 20 minutes 9 seconds
Complete Angular Developer in 2023 Zero to Mastery

Complete Angular Developer in 2023 Zero to Masteryzerotomastery.io

Category: Angular
Duration 27 hours 28 minutes 36 seconds
Complete Angular Developer in 2025 Zero to Mastery

Complete Angular Developer in 2025 Zero to Masteryzerotomastery.io

Category: Angular
Duration 52 hours 28 minutes 39 seconds
Angular 2 Fundamentals

Angular 2 Fundamentalsultimatecourses.com

Category: Angular
Duration 5 hours 6 minutes 53 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)udemy

Category: Angular, RxJS
Duration 5 hours 33 minutes 49 seconds
PROFESSIONAL Full Stack Developer

PROFESSIONAL Full Stack Developeramigoscode (Nelson Djalo)

Category: Angular
Duration 54 hours 23 minutes 35 seconds
Firebase Security Course

Firebase Security Coursefireship.io

Category: Firebase
Duration 54 minutes 6 seconds