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
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 |
Comments
0 commentsSimilar courses

Angular Interview Hacking
Sources: Dmytro Mezhenskyi (decodedfrontend.io)
Be prepared for the upcoming Angular Interview and increase a chance to get the desired job offer. Enrolling in this course may dramatically increase your chance to get a job of...
5 hours 23 minutes 20 seconds

NativeScript + Angular: Build Native iOS, Android & Web Apps
Sources: udemy
With Angular (2+), you can already build highly reactive and engaging web apps. Wouldn't it be amazing to use that same tech stack and knowledge to build real native mobile apps...
20 hours 11 minutes 23 seconds

Building Your First App with Spring Boot and Angular
Sources: pluralsight
Spring Boot and Angular have forever changed how web applications are built. Understanding how they work is essential for any full-stack developer. In this course, Building Your...
2 hours 22 minutes 15 seconds

Learn to build professional-grade Angular Applications | Angular Start
Sources: Josh Morony
A complete text-based guide to Angular from beginner level through to building professional-grade applications. Concepts are taught from scratch, but the content will be valuabl...
Want to join the conversation?
Sign in to comment