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
0:00
/ #1: What are we building
All Course Lessons (56)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React, Angular, Node In-Depth Guide: Beginner to Pro
Sources: udemy
If you are planning to start your career as a developer or you just want to improve your programming skills, then this course is right for you. Get all you need to start web dev...
80 hours 1 minute 57 seconds
Advanced Projects in Electron 4, React, and Redux
Sources: udemy
Would you love to use your web development skills to build best-selling desktop apps? In recent years developers have shifted from desktop apps to web or mobile
3 hours 1 minute 11 seconds
Build Web Apps with React & Firebase
Sources: udemy
React is a hugely popular front-end library and React developers are always in hight demand in the web dev job market. In this course you'll learn how to use React from the grou...
23 hours 34 minutes 47 seconds
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