[Zero to Mastery] Complete Angular Developer in 2023 [ENG, 2022]

Deployed Project

$ node -v
v18.14.0

$ yarn -v
4.0.0-rc.38

$ npm -v
9.4.1

$ ng version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 15.1.3
Node: 18.13.0
Package Manager: npm 9.2.0
OS: linux x64

Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1501.3 (cli-only)
@angular-devkit/core         15.1.3 (cli-only)
@angular-devkit/schematics   15.1.3 (cli-only)
@schematics/angular          15.1.3 (cli-only)

How to Run

$ cd app/clips
$ npm install
$ npm start

http://localhost:4200/

Additional setup

Cloud Firestore -> Firestore Database -> Rules

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read: if true;
      allow write: if request.auth.uid == resource.data.uid;
      allow create: if request.auth.uid != null;
      allow delete: if request.auth.uid == resource.data.uid;
    }
  }
}

Disable for debug

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
       allow create, read, write, delete;
    }
  }
}

Cloud Firestore -> Storage -> Rules

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read: if true;
      allow write: if request.auth != null &&
                    (request.resource.contentType == 'video/mp4' ||
                    request.resource.contentType == 'image/png'
                    ) &&
                  request.resource.size < 25 * 1000 * 1000;
      allow delete: if request.auth != null;
    }
  }
}

Disable for debug

rules_version = '2';
service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow create, read, write, delete;
    }
  }
}

// install gcloud, then
$ gcloud auth login
$ gsutil cors set cors.json gs://complete-angular-developer.appspot.com

Twitch clip downloader:
https://clipsey.com/

Development

06 Component Design

07 Reactive Forms

08 Template Forms

09 Intro to RxJS

10 Authentication

11 Custom Validators

12 Routing

13 Uploading Files

14 WebAssembly & Rust

15 Processing Videos with FFmpeg

16 Playing Videos

17 Deployment

18 Project Testing

---

Marley

Any questions in english: Telegram Chat
Любые вопросы на русском: Телеграм чат