CF

Desktop apps with Angular, Firestore and Electron

11h 28m 39s
English
Paid
Released
Added to CourseFlix

Desktop apps with Angular, Firestore and Electron is a 56-lesson 11 hours 28 minutes self-paced course by Udemy. 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.

Course facts

Lessons
56
Duration
11 hours 28 minutes
Language
English
Released
April 2018
Added to CourseFlix
May 2024
Instructor
Udemy
Price
Premium

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.

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

Who teaches Desktop apps with Angular, Firestore and Electron? Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

What lessons are included in Desktop apps with Angular, Firestore and Electron?

This is a demo lesson (10:00 remaining)

Watch the first 10 minutes free. One payment unlocks all 56 lessons here and every other premium course. No auto-renew.

Watch all 56 lessons from $6.67/mo
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
Watch the other 55 lessons

One payment unlocks this course and every other premium course. No auto-renew.

See plans

What courses are similar to Desktop apps with Angular, Firestore and Electron?

More courses by Udemy

Frequently asked questions

What prerequisites are necessary for enrolling in this course?
Before enrolling, students should have a basic understanding of Angular, as the course involves building components and routing. Familiarity with Firebase and Firestore will be beneficial since these technologies are integral to the application you'll develop. An understanding of Node.js and JavaScript is also recommended, as the course involves using Electron to package the desktop application.
What will the students build during the course?
Students will build a complete desktop chat application that runs across Windows, Mac, and Linux platforms. The application includes features such as user authentication, friend requests, chat feeds, image sending, group chats, and notifications. It utilizes Angular for the frontend, Firestore as the database, and Electron for creating the desktop application.
Who is the target audience for this course?
The course is ideal for web developers who want to expand their skill set to include desktop application development. It is particularly suitable for those interested in using web technologies such as Angular and Firebase to create cross-platform desktop applications with Electron.
How does this course compare in depth and scope to other desktop app courses?
This course provides a hands-on approach to building a fully functional desktop application using popular web technologies. Unlike some introductory courses, it covers practical aspects like authentication, real-time chat features, and packaging applications with Electron, offering a comprehensive learning experience for those transitioning from web to desktop development.
What specific tools and platforms are used in this course?
The course uses Angular for building the application interface, Firebase and Firestore for backend services, and Electron for wrapping the web app into a desktop application. These tools are chosen for their ability to run seamlessly across multiple platforms such as Windows, Mac, and Linux.
What is not covered in this course?
The course does not cover the basics of Angular, Node.js, or JavaScript. It also does not delve into advanced Electron features beyond those necessary for packaging the application. Additionally, backend server development is not covered, as the course focuses on using Firebase for backend functionalities.
What is the expected time commitment for this course?
Although the course consists of 56 lessons, the total runtime is not specified. However, given the complexity and scope of the project, students should be prepared to invest significant time in understanding and implementing each component, including additional practice and exploration outside of the provided lessons.