Desktop apps with Angular, Firestore and Electron

11h 28m 39s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 56 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: What are we building

All Course Lessons (56)

#Lesson TitleDurationAccess
1
What are we building Demo
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

Unlock unlimited learning

Get instant access to all 55 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Advanced Projects in Electron 4, React, and Redux

Advanced Projects in Electron 4, React, and Redux

Sources: udemy
Would you love to use your web development skills to build best-selling desktop apps? In recent years developers have shifted from desktop apps to web or mobile
3 hours 1 minute 11 seconds
Angular Pro

Angular Pro

Sources: ultimatecourses.com
Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a final project to cem...
16 hours 41 minutes 46 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applications

Sources: udemy
The main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You will see that a co...
7 hours 34 minutes 45 seconds
Reactive Angular Course (with RxJs)

Reactive Angular Course (with RxJs)

Sources: udemy
This course is a catalog of commonly used design patterns (and some anti-patterns) that every Angular developer should know. The goal of the course is to teach you how to comfor...
5 hours 33 minutes 49 seconds
Angular Basics (v15)

Angular Basics (v15)

Sources: ultimatecourses.com
Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Components. Build a...
8 hours 58 minutes 31 seconds