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

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
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
Build Web Apps with React & Firebase

Build Web Apps with React & Firebase

Sources: udemy
React is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use React from the grou...
23 hours 34 minutes 47 seconds
Electron From Scratch: Build Desktop Apps With JavaScript

Electron From Scratch: Build Desktop Apps With JavaScript

Sources: udemy, Brad Traversy
Create 3 useful desktop applications with web technologies using Electron. This is a hands on, project based course on learning how to build and package cross-platform desktop a...
5 hours 48 minutes 24 seconds
Zero to Full Stack Hero

Zero to Full Stack Hero

Sources: papareact.com
PAPA React presents.. Zero to Full Stack Hero. It's NOT just another COURSE. It's the world's BEST COMMUNITY. From learning the Basics of Web Development to Mastering React!
101 hours 29 minutes 59 seconds