Udemy Angular Architecture

Video Introducing this tutorial


Beginning :
How to work with the course
Installation
THEORY: General Structure of Web Applications
THEORY: Border between Angular and Typescript

Settings :
Default Settings
Tsconfig
Environments
Packages
THEORY: Firebase
Firebase Control Panel
Firebase config
Adding Firebase in Module and Component
Firestore
Speed Optimization
Removing Default page

Styles :
THEORY: Styles
Tools
THEORY: SCSS
THEORY: BEM
THEORY: Component Styles
THEORY: Styles Structure
Styles Folder
Header Component
Demo Section
Ending

Shared :
THEORY: Review basic Angular Elements
THEORY: Division into Modules and Elements Grouping
THEORY: When does a Component become a Module?
Intro
THEORY: Shared
Angular Material Folders
Shared Folders
THEORY: Moving Components to Shared
Button
THEORY: Form Controls
Input
THEORY: Validation
Form-field
Form-field Validators
Password
THEORY: Frontend Models
Frontend Models
THEORY: Why use a Shared Component if you already have a Material Component?
Select
Checkboxes
Radios
Date
DateRange
Autocomplete
Form Buttons
Demo Actions Section
Spinner
THEORY: Services
Notification
Ending

Data Models :
THEORY: Data Models
Deleting Test DB
Backend Models
Firebase Collections
Ending

Dictionaries :
Form Items
THEORY: NgRx
NgRx DevTools
Basic Files
Models
Actions and Reducer
THEORY: RxJS
Effects
Root Registration
Selectors
Store App Module
Redux Tool
Flags
Assets
Countries
Ending

Authentication :
Enable Firebase Auth
User Store: Structure
User Store: Models
User Store: Actions
User Store: Reducer
Effects: SignUp
Effects: SignIn
Effects: SignOut
Selectors
Auth Forms Intro
Auth Page Structure
Header Links
App Routing
Registration: Form Validation
Registration: Template
Registration: Loading
Registration: Dispatch
Registration: test
Registration: Store Data
Registration: Firebase Redirect
Email Confirm
Init User Intro
Store: Init
Sign Out
Log In
Ending

Static :
Intro
Structure
Markup and Styles

Files Upload :
Intro
Structure
Directive
Directive + Demo
Template
Dropzone Directive
OnDrop
Select and Dropzone Test
Upload Component
Firebase Storage
FileSize Pipe
URL Paths to Demo
Cropper
Ending

Profile :
Intro
THEORY: Profile
Structure
Profile Link
Form Markup
THEORY: Stepper
Stepper [part 1]
Stepper [part 2]
Stepper [part 3]
Stepper [part 4]
Stepper [part 5]
Stepper [part 6]
Stepper [part 7]
Dictionaries Intro
Dictionaries Import
THEORY: Form Models
THEORY: Form Tasks
Personal Modules
Personal
UserPhoto Module
Professional [part 1]
Professional [part 2]
Professional Roles
Recruiter Form
Employee Form
Experiences
Utils Control
Employee Controls
Store: User Create and Update
Init Form Store
Store: Form
Resolver
Mapper [part 1]
Mapper [part 2]
Mapper [part 3]
Form Testing
Firebase Testing
Form Finishing
Store: Display
Display [part 1]
Display [part 2]
Testing in Redux Tool
Firebase Rules
Dictionaries Request
Ending

Employees :
Intro
Structure
Store
Root Module
Employees Component
Employee Component
Demo

Jobs :
Intro
Structure
Store Models and Actions
@angular/entity Intro
Reducer
Effects
Selectors
Jobs Component
Adding Nested Components
Job Component
Form Module
isEditable

Guards :
THEORY: Guards
Demo
Structure
Auth and Unauth Guards
Role Guard
Demo Guards
Application Guards

Deployment :
Dev/Prod Building
Firebase Hosting
Redirect

Ending of the Course :
Congratulations!

©2021 | All rights reserved.