Angular Interview Practice
Level - Medium
1. Build a Dynamic Form with Validation
- •Create a reactive form with dynamic field generation
- •Implement custom validators for email, phone, and password
- •Show validation errors in real-time
- •Add form submission with proper error handling
Level - Hard
2. Implement a Data Grid with Sorting and Filtering
- •Create a grid component that displays user data with pagination
- •Add column sorting functionality (ascending/descending)
- •Implement search and filter capabilities
- •Include row selection and bulk actions
Level - Easy
3. State Management with Services
- •Create a shopping cart using Angular services
- •Implement add/remove items functionality
- •Calculate total price with quantity updates
- •Persist cart data across page refreshes
Level - Medium
4. Build Custom Directives
- •Create a tooltip directive with customizable position
- •Implement a drag and drop directive
- •Add resize observer directive for responsive elements
- •Create a custom structural directive
Level - Hard
5. Real-time Data Dashboard
- •Create components for displaying live data updates
- •Implement WebSocket connection for real-time updates
- •Add interactive charts and graphs
- •Include error handling and reconnection logic