Desktop apps with Angular, Firestore and Electron

11h 28m 39s
English
Paid

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 Desktop apps with Angular, Firestore and Electron

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

Similar courses to Desktop apps with Angular, Firestore and Electron

Conscious Angular Testing

Conscious Angular TestingDmytro Mezhenskyi (decodedfrontend.io)

Category: Angular
Duration 10 hours 37 minutes 7 seconds
Create a Personal Portfolio using Angular 2 & Behance

Create a Personal Portfolio using Angular 2 & Behancecoursetro

Category: Angular, Adobe XD
Duration 2 hours 8 minutes 10 seconds
Build an app with ASPNET Core and Angular from scratch

Build an app with ASPNET Core and Angular from scratchudemy

Category: Angular, Other (Backend)
Duration 29 hours 51 minutes 36 seconds
React, Angular, Node In-Depth Guide: Beginner to Pro

React, Angular, Node In-Depth Guide: Beginner to Proudemy

Category: Angular, React.js, Node.js
Duration 80 hours 1 minute 57 seconds
Build a Slack Chat App with React, Redux, and Firebase

Build a Slack Chat App with React, Redux, and Firebaseudemy

Category: React.js, Firebase, Redux
Duration 5 hours 55 minutes 18 seconds
Next.js Firebase - The Full Course

Next.js Firebase - The Full Coursefireship.io

Category: Next.js, Firebase
Duration 2 hours 38 minutes 13 seconds
Accelerating Through Angular 2

Accelerating Through Angular 2codeschool

Category: Angular
Duration 1 hour 4 minutes 35 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applicationsudemy

Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds