Project Folder Structure | User and Notes Management | Angular Project | Part - 18

Опубликовано: 12 Октябрь 2024
на канале: Techshareskk
92
2

Summary
Explaining the folder structure and configuration of an Angular project, including the placement of components, modules, services, layouts, and views.

Highlights
🔍 Explained the folder structure and organization of common, layout, services, views, guards, and routing.
📦 Utilised common, views, layout, and guards folders to categorise different aspects of the project.
📝 Emphasised the placement of components, modules, and services within the appropriate folders based on their usage and functionality.
🛠️ Demonstrated the use of guards for authentication and routing within the project.
📺 Directed viewers to additional resources for detailed explanations of Angular folder structure.

Github:
https://github.com/saikorthivada/angu...

Angular Folder Structure
   • Angular Folder Structure | How Angula...  

Telegram Link
https://t.me/techshareskk

Reference Links
Can Activate Child
   • Can Activate guard | Guards in angula...  

Can Activate Child Guard
   • Can Activate child guard | Guards in ...  

Project Routing configuration
   • Routing configuration and setup | Use...  

Angular Complete tutorials Playlist
   • Angular Tutorials  

Angular Services
   • Angular Routing and Services  

Solid JS tutorials
   • Solid JS Tutorials  

Can Activate guard | Guards in angular | Angular 16
   • Can Activate guard | Guards in angula...  

Can Activate child guard | Guards in angular | Angular 16
   • Can Activate child guard | Guards in ...  

Solid JS tutorials
   • Angular Tutorials  

(Can Activate guard | Angular 16)
   • Can Activate guard | Guards in angula...  

Guards introductions
(Router Guards | Guard Introduction | Angular 16)
   • Router Guards | Guard Introduction | ...  

Signals, Effects, Observable and computed properties | untacked method | Angular 16
   • Signals, Effects, Observable and comp...  

For angular 16 Features and migration, Please check the below
   • Angular 16 features with examples | S...  

For Angular 15 features, Please check the below
   • Angular 15 features | Stable release  

Angular Standalone components | Ways of using standalone components | Angular 15 | Stable release
   • Angular Standalone components | Ways ...  

For Angular 12 features, Please check the below playlist
   • Angular 12 Features  

Basic Software concepts
   • Playlist  

For Angular Unit Testing, Please check the below playlist
   • Angular Unit Testing  

To know how to test basic patch value in angular watch below video
   • Angular Unit testing- 34 | Unit testi...  

Medium:
  / techshare-skk  

Address management Angular Tutorials

Part 1 -    • Reactive Form - 17 | Address Manageme...  
Part2 -    • Reactive Form - 18 | Address Manageme...  
Part 3 -    • Reactive Form - 19 | Address Manageme...  
Part 4 -    • Reactive Form - 20 | Address Manageme...  
Part 5 -    • Reactive Form - 21 | Address Manageme...  
Part 6 -    • Reactive Form - 22 | Address Manageme...  
Part 7 -    • Reactive Form - 23 | Address Manageme...  


Mandatory to watch before watching unit testing for better understanding:
(Reactive Forms Part 16 | Form Arrays removeAt method | Dynamically remove control from form array)
   • Reactive Forms Part 16 | Form Arrays ...  

Recommend you to watch my previous videos for more information and the context.

For testing form control without any validation watch below:
   • Angular Unit testing- 19 | Unit testi...  

For testing, Template driven forms
   • Angular Unit testing- 18 | Unit testi...  

For template and template context
   • Angular Unit testing- 14 | Unit Testi...  

For Attribute Binding testing:
   • Angular Unit testing- 9 | Unit Testin...  

For Testing style bindings:
   • Angular Unit testing- 8 | Unit Testin...  

For Testing class binding
   • Angular Unit testing- 7 | Unit Testin...  

For Testing property binding
   • Angular Unit testing- 6| Unit Testing...  

For interpolation unit testing
   • Angular Unit testing- 5 | Unit Testin...  

Different Types of Data binding
   • Angular Data Binding | Types of Angul...  

Interpolation in angular
   • Angular Unit testing- 5 | Unit Testin...  

For Component introduction check the below link
   • What are Angular components | Why Ang...  

Angular Installation and setup
   • How to Configure Angular project | In...  

For ng serve mechanisum and internal flow of angular follow the link below
   • Angular internal work flow behind the...  

Angular Modules
   • Angular Modules | What and Why Angula...  

Angular Tutorial playlist:
   • Angular Tutorials  

Medium:
  / techshare-skk  

For Angular 12 features, Please check the below playlist
   • Angular 12 Features  

Basic Software concepts
   • Playlist  

For Angular Unit Testing, Please check the below playlist
   • Angular Unit Testing  

Instagram:
  / tech.share.skk  

#angular #angularproject #angular16 #angular #projects