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

Watch Online Desktop apps with Angular, Firestore and Electron

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

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

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

Sources: udemy
Throughout this course, we'll be building a live chat app for developers called DevChat, where users will be able to create channels, to send messages to other users on those ch...
5 hours 55 minutes 18 seconds
Angular Basics (v15)

Angular Basics (v15)

Sources: ultimatecourses.com
Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Components. Build a...
8 hours 58 minutes 31 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
Angular 7 + Spring Boot and Cloud Microservices(Inc. Docker)

Angular 7 + Spring Boot and Cloud Microservices(Inc. Docker)

Sources: udemy
In this course, we will learn Microservices With Spring Boot and Spring Cloud on server side. In Client Side, we will learn Angular 7. Our project template goes
7 hours 12 seconds
Build Product Hunt with ReactJS and Firebase

Build Product Hunt with ReactJS and Firebase

Sources: Code4Startup (coderealprojects)
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Product Hunt. Also, a...
4 hours 47 minutes 27 seconds