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 comments

Want to join the conversation?

Sign in to comment

Similar courses

Angular Interview Hacking

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

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

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

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...