Raja Yogan - Desktop apps with Angular and Electron

Raja Yogan - Desktop apps with Angular and Electron | Instant Download ! Desktop apps with Angular and ElectronBuild a complete desktop app that runs on Wi...

$28.00 $50.00

Digital Download Immediately

Raja Yogan – Desktop apps with Angular and Electron | Instant Download !

Desktop apps with Angular and Electron

Build a complete desktop app that runs on Windows, Linux or Mac with your favourite webtechnologies

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.

Get Desktop apps with Angular and Electron – Raja Yogan, Only Price $27

Course Curriculum

What and why

  • What are we building ? (10:09)
  • Why should I buy this course ? (4:28)

Let’s begin

  • Welcome (3:21)
  • Kick off (4:33)
  • Adding firebase to our app (4:16)
  • Adding few components (4:13)
  • Routing (5:34)

Login & Signup

  • Let’s talk about login (4:25)
  • Login Screen (8:38)
  • Signing up new users (18:37)
  • Authentication guards (8:10)
  • Logging in a user (9:29)
  • NavBar (5:19)

Sidebar

  • The sidebar (14:25)
  • Handling errors (4:17)
  • Updating your nickname (9:08)
  • Update your profile picture (12:35)

Friends

  • Adding Friends (7:06)
  •  Friend Requests (6:42)
  • Accepting Request (26:53)
  • The Friends Panel (5:38)
  • Showing received requests (13:35)
  • Preventing multiple requests (25:28)
  • Instant Search (22:05)
  • Showing status of a user (21:43)

The Chat Feed

  • Chat Feed (10:22)
  • A footer ? (4:36)
  • This is how it works.. (17:08)
  • Sending a message (27:21)
  • Showing a message (10:08)
  • Adding bubbles (18:51)
  • The Smart Date pipe (5:29)
  • Scrolling automatically to the bottom (15:07)
  • Infinite scroll (33:14)
  • Chat user info (12:31)
  • Calling (6:39)
  • Sending images (24:18)
  • Refining our image filter (4:05)
  • Mentions (7:34)

Group chat

  • Groups (7:36)
  • Create a group (19:14)
  • Adding some options (15:49)
  • Adding a member (12:29)
  • Really adding a member (20:22)
  • Group info (7:37)
  • Removing a member (18:25)
  • Changing Group pic (9:07)
  • Showing all groups (17:48)
  • Chatting in a group (17:27)
  • Group Chat Feed (16:17)
  • Fixing bugs (9:41)
  • Notifications (20:16)
  • Tweaks (5:57)
  • Firestore rules (7:13)

Bundling with electron

  • Introducing electron (13:28)
  • Frameless windows (4:59)
  • Drag your app (5:01)
  • Packaging it with electron (18:54)

Next ?

  • Code
  • Thanks (3:52)

Get Desktop apps with Angular and Electron – Raja Yogan, Only Price $27