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
Build Fullstack Trello clone: WebSocket, Socket IO
Sources: udemy
In this course we will build a Trello clone API using Angular, Typescript, NodeJS, Express, MongoDB and Socket IO . This course is fully focused on fast and deep dive into creat...
8 hours 49 minutes 48 seconds
NativeScript + Angular: Build Native iOS, Android & Web Apps
Sources: udemy
With Angular (2+), you can already build highly reactive and engaging web apps. Wouldn't it be amazing to use that same tech stack and knowledge to build real native mobile apps...
20 hours 11 minutes 23 seconds
Angular 2 Fundamentals
Sources: ultimatecourses.com
This course teaches you to make informed decisions by diving deep into real concepts, architecture, and unidirectional dataflow. We then weave our way through t
5 hours 6 minutes 53 seconds
Angular and Golang: A Practical Guide
Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teaching style is very...
6 hours 35 minutes 27 seconds
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