Desktop apps with Angular, Firestore and Electron

11h 28m 39s
English
Paid
May 8, 2024

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.

More

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

Full Stack: Angular and Spring Boot

Full Stack: Angular and Spring Bootudemy

Duration 25 hours 49 minutes 54 seconds
NGRX Store + Effects

NGRX Store + Effectsultimatecourses.com

Duration 7 hours 44 minutes 8 seconds
Angular 2 Fundamentals

Angular 2 Fundamentalsultimatecourses.com

Duration 5 hours 6 minutes 53 seconds
100 Angular Challenge

100 Angular Challengeudemy

Duration 12 hours 23 minutes 17 seconds
Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratchudemy

Duration 29 hours 51 minutes 36 seconds