{"id":26159908,"url":"https://github.com/gayatripisya/angular","last_synced_at":"2026-05-07T01:38:10.979Z","repository":{"id":258332926,"uuid":"872972005","full_name":"GayatriPisya/angular","owner":"GayatriPisya","description":"This project covers core Angular concepts with practical code examples. Each module focuses on essential topics, from TypeScript basics to advanced features like routing, services, and testing, helping developers build a strong foundation in Angular.","archived":false,"fork":false,"pushed_at":"2024-11-05T09:51:16.000Z","size":1887,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T11:45:44.998Z","etag":null,"topics":["angular","css","html","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GayatriPisya.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-15T11:48:37.000Z","updated_at":"2024-11-05T09:51:20.000Z","dependencies_parsed_at":"2024-10-25T07:18:29.452Z","dependency_job_id":"498742b1-3969-4853-a34b-b261d7958925","html_url":"https://github.com/GayatriPisya/angular","commit_stats":null,"previous_names":["gayatripisya/angular"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/GayatriPisya/angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GayatriPisya%2Fangular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GayatriPisya%2Fangular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GayatriPisya%2Fangular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GayatriPisya%2Fangular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GayatriPisya","download_url":"https://codeload.github.com/GayatriPisya/angular/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GayatriPisya%2Fangular/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260866770,"owners_count":23074882,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","css","html","typescript"],"created_at":"2025-03-11T11:39:21.609Z","updated_at":"2026-05-07T01:38:05.941Z","avatar_url":"https://github.com/GayatriPisya.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Angular\nWelcome to the **Angular Course Repository**! This repository includes resources, modules, and objectives for an in-depth Angular course. You'll progressively learn core Angular concepts, work on practical labs, and complete a comprehensive project that covers advanced features, optimization, and deployment.\n\n---\n## 1. Node.js\nNode.js is required for running Angular projects and using npm (Node Package Manager) to install dependencies.\n\n- Download and install Node.js from [nodejs.org](https://nodejs.org).\n  \n## 2. Angular CLI\nAngular CLI is a command-line interface for Angular development.\n\n- Install Angular CLI globally using the following command:\n  \n  ```bash\n  npm install -g @angular/cli\n## Creating a New Angular Project with Angular CLI\n\nOnce Angular CLI is installed, follow these steps to create a new Angular project:\n\n1. Create a new Angular project by running the following command in your terminal:\n\n    ```bash\n    ng new my-angular-app\n    ```\n\n2. Follow the prompts to set up your project (e.g., choose whether to include routing, select a CSS preprocessor).\n\n3. Navigate into the project folder:\n\n    ```bash\n    cd my-angular-app\n    ```\n\n4. Run the application:\n\n    ```bash\n    ng serve\n    ```\n\n5. Open a browser and navigate to `http://localhost:4200/` to view your app.\n\n# Standalone \n standalone: true: The component can be used without a module. It can import its own dependencies..\u003cbr\u003e\n standalone: false: The component must be part of a module. It depends on the module for its setup.\n\n \n### TypeScript Basics\n- **Objectives:** Learn TypeScript basics and its integration with Angular.\n- **Topics:**\n  - Introduction to TypeScript\n  - TypeScript features and syntax\n  - Variables, types, functions\n  - Classes and interfaces\n  - TypeScript in Angular\n\n### Angular Architecture\n- **Objectives:** Understand the building blocks of Angular applications.\n- **Topics:**\n  - Components, templates, and modules\n  - Component lifecycle hooks\n  - Creating and using Angular modules\n  - Angular application structure and best practices\n\n### Data Binding and Directives\n- **Objectives:** Master data binding and directives.\n- **Topics:**\n  - Property and event binding\n  - Two-way data binding with `ngModel`\n  - Built-in directives (`ngIf`, `ngFor`, `ngClass`, `ngStyle`)\n  - Custom directives\n\n### Component Communication\n- **Objectives:** Manage communication between components.\n- **Topics:**\n  - Input and Output decorators\n  - Event emitters\n  - Parent-child communication\n  - ViewChild and ContentChild decorators\n\n### Services and Dependency Injection\n- **Objectives:** Learn the role of services and dependency injection.\n- **Topics:**\n  - Creating and using services\n  - Dependency injection\n  - Hierarchical injectors\n  - Managing application-wide services\n\n### Routing and Navigation\n- **Objectives:** Master routing and navigation mechanisms.\n- **Topics:**\n  - Configuring routes\n  - RouterLink and router-outlet\n  - Route guards and lazy loading\n  - Child routes and nested routing\n\n### Angular Forms\n- **Objectives:** Handle forms and user inputs.\n- **Topics:**\n  - Template-driven and reactive forms\n  - Form validation and custom validators\n  - FormBuilder and form arrays\n\n### HTTP Client\n- **Objectives:** Make HTTP requests and handle responses.\n- **Topics:**\n  - Introduction to Angular HttpClient\n  - GET, POST, PUT, DELETE requests\n  - Handling responses and errors\n  - Interceptors and authentication\n\n### Observables and RxJS\n- **Objectives:** Use observables and RxJS.\n- **Topics:**\n  - Introduction to RxJS\n  - Observables, observers, subscriptions\n  - RxJS operators (`map`, `filter`, `mergeMap`, `switchMap`)\n  - Observables with Angular HttpClient\n\n### Advanced Components and Directives\n- **Objectives:** Develop advanced components and custom directives.\n- **Topics:**\n  - Dynamic components and `ngTemplateOutlet`\n  - Content projection and `ng-content`\n  - Custom attribute and structural directives\n  - Advanced component styling\n\n### State Management\n- **Objectives:** Effectively manage application state.\n- **Topics:**\n  - State management with services\n  - NgRx (Store, Effects, Reducers)\n  - Best practices for state management\n\n### Testing Angular Applications\n- **Objectives:** Test Angular applications.\n- **Topics:**\n  - Unit testing with Jasmine and Karma\n  - Component testing with TestBed\n  - End-to-end testing with Protractor\n\n### Performance Optimization\n- **Objectives:** Optimize performance in Angular.\n- **Topics:**\n  - Change detection strategies\n  - Lazy loading and preloading modules\n  - Performance monitoring and profiling\n\n### Internationalization and Accessibility\n- **Objectives:** Implement i18n and accessibility features.\n- **Topics:**\n  - Internationalization (i18n) setup\n  - Accessibility best practices\n\n\n## Recommended Textbooks and Resources\n\n- **Documentation:** [Angular Documentation](https://angular.io/)\n- **Books:**\n  - *Angular Up \u0026 Running* by Shyam Seshadri\n  - *Pro Angular* by Adam Freeman\n- **Online Courses:** Angular courses on Udemy, Coursera, Pluralsight\n- **Tools:** Visual Studio Code, Angular CLI, Postman\n\n--- \n\nHappy coding and good luck on your Angular journey!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgayatripisya%2Fangular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgayatripisya%2Fangular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgayatripisya%2Fangular/lists"}