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.
Desktop apps with Angular, Firestore and Electron
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
- 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
About the Author: Udemy
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.
Watch Online 56 lessons
| # | 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 |
Get instant access to all 55 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionRelated courses
-
Updated 2y agoLearn to build professional-grade Angular Applications | Angular Start
By: Josh MoronyA complete text-based guide to Angular from beginner level through to building professional-grade applications. -
Updated 3y agoAngular Pro
By: Ultimate Courses (Todd Motto)Unlock Angular’s potential. All the advanced features, RxJS, Reactive Forms, Modular Architecture, TypeScript concepts, State Management, Unit Testing and a fin16h 41m5/5 -
Updated 3y agoAngular Basics (v15)
By: Ultimate Courses (Todd Motto)Modern Angular best-practices and patterns from years of evolution. Scalable architecture, immutable data structures, state services and brand new Standalone Co8h 58m