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
Angular Architecture. How to Build Scalable Web Applications
Sources: udemy
The main goal of the course is to learn how to make scalable applications that will be easy to maintain, and on which you can conveniently work as a team. You will see that a co...
7 hours 34 minutes 45 seconds
Angular NgRx: Getting Started
Sources: pluralsight
At the core of state management in Angular is a thorough knowledge of the Redux pattern and the NgRx library. NgRx is a powerful library for organizing and managing state and in...
4 hours 5 minutes 32 seconds
100 Angular Challenge
Sources: udemy
Build 100 Components, Services, Directives, Pipes in Angular and Much More! We will master all Angular has to offer by building 100 re-usable and practical Components, Directive...
12 hours 23 minutes 17 seconds
Build an MVP with AngularJS + Firebase by cloning TaskRabbit
Sources: Code4Startup (coderealprojects)
TaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood. Users name the task they need done, name the...
3 hours 31 minutes 43 seconds