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

Firebase Security Course

Firebase Security Course

Sources: fireship.io
Firebase Security - The Full Course will teach you how to write, organize, and test Firestore security rules. The goal is to prepare developers for the safe and secure launch of...
54 minutes 6 seconds
The essential guide to Firebase with React.

The essential guide to Firebase with React.

Sources: udemy
Create modern app using modern technologies. Do you want to create web applications with Firebase and React ?. This is the course for you.
31 hours 20 minutes 9 seconds
Demystifying Reactivity with Angular Signals

Demystifying Reactivity with Angular Signals

Sources: fullstack.io
Welcome to an insightful journey into building modern Angular applications with signals. This article aims to shed light on the relatively untapped potential of signals in Angul...
1 hour 44 minutes 15 seconds
Advanced Angular Forms

Advanced Angular Forms

Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Deep Dive in Angular Forms. The course goes way beyond the official documentation and shows you how the Angular forms work internally, so You understand why thi
18 hours 3 minutes 53 seconds
Angular - The Complete Guide

Angular - The Complete Guide

Sources: Academind Pro
Angular is one of the most popular web development frameworks you can learn these days - especially in the enterprise landscape. It offers amazing...
26 hours 25 minutes 26 seconds