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

Angular Interview Hacking

Angular Interview Hacking

Duration 5 hours 23 minutes 20 seconds
Build a Slack Chat App with React, Redux, and Firebase

Build a Slack Chat App with React, Redux, and Firebase

Duration 5 hours 55 minutes 18 seconds
Angular NgRx: Getting Started

Angular NgRx: Getting Started

Duration 4 hours 5 minutes 32 seconds
Angular - The Complete Guide

Angular - The Complete Guide

Duration 26 hours 25 minutes 26 seconds
Firebase Security Course

Firebase Security Course

Duration 54 minutes 6 seconds
Build Product Hunt with ReactJS and Firebase

Build Product Hunt with ReactJS and Firebase

Duration 4 hours 47 minutes 27 seconds