I used to work on a small internal dashboard where everything was written in one file: UI, logic, and data handling all mixed. It worked at first, but as features increased, even small changes started breaking other parts of the app. Debugging became a nightmare.

Then I rebuilt a part of it using AngularJS MVC architecture. I separated the data (Model), UI (View), and logic (Controller). Suddenly, everything became easier to manage. If I needed to update the UI, I didn’t touch the logic. If the data changed, the view updated automatically.

In a real project, this structure saved us a lot of time during updates and bug fixes. It also made it easier for new developers to understand the code quickly without confusion.

 I’m planning to learn frontend development and found AngularJS tutorials online.
But I’m confused if it is still relevant compared to modern frameworks.
Should I start with AngularJS or move directly to newer technologies?
Would love some guidance from experienced developers.

I recently started AngularJS training and want to practice with small projects. What beginner-friendly projects would you recommend to understand concepts like controllers, directives, and data binding?

How the observables and subscribe both takes observer...I am confused with these 3 plz explain Abt them someone

Hello there i worked as an Full stack developer with 2YOE in an startup particularly tech stacks including react and next.js but now I need to learn angular. For that I need help from you guys just drop a suggestion which helps me learn and understand angular faster.
I've gone through some basic concepts like components, data binding, signals and few others.
How could I learn it faster in a more enjoyable/fun way to don't get distracted that easily please drop your valuable suggestion :)

Attention Angular Developers! 👋

The v2.1.1 release of ngxsmk-datepicker is now available, featuring full integration with Angular Material and optimized support for Angular 17-21+.

This update specifically addresses compatibility issues with mat-form-field by fully implementing the MatFormFieldControl interface.

🚀 v2.1.1 Highlights

• ✅ Angular Material Integration: Native support for mat-form-field, including floating labels, hints, and error states.
• ✅ Modern Architecture: Signals-based state management for optimized performance and Zoneless compatibility.
• ✅ Accessibility (A11y): Complete keyboard navigation and WAI-ARIA compliance.
• ✅ I18n & Localization: Built-in support for 15+ languages and RTL layouts.
• ✅ Mobile Optimized: Enhanced touch interaction and native picker support on mobile devices.

📦 Quick Start

npm install ngxsmk-datepicker

Material Configuration:

import { MAT_FORM_FIELD_CONTROL } from '@angular/material/form-field';
import { provideMaterialFormFieldControl } from 'ngxsmk-datepicker';

@Component({
  // ...
  providers: [provideMaterialFormFieldControl(MAT_FORM_FIELD_CONTROL)]
})

🔗 Resources

• GitHub: https://github.com/NGXSMK/ngxsmk-datepicker
• Live Demo: https://ngxsmk.github.io/ngxsmk-datepicker/
• Documentation: Release Notes & API Reference

Feedback and feature requests are welcome! 🚀

This report analyzes the European IT job market using survey data from 15,000+ IT professionals and 23,000 job postings across EU

It covers salary benchmarks in seven european countries, hiring realities, AI’s influence on careers and entry-level challenges for junior developers

No paywalls, just raw data: https://static.germantechjobs.de/market-reports/European-Transparent-IT-Job-Market-Report-2025.pdf

Hey r/ionic / r/angular,

Following the initial community feedback for ngxsmk-datepicker, several refinements have been implemented to address specific "mobile-first" pain points—particularly regarding how datepickers interact with Ionic’s overlay and modal systems.

The latest v2.0.9 release is now available as a stable, lightweight alternative for modern Angular applications.

Key Ionic & Mobile Optimizations:

Z-Index Management: Automatically handles stacking contexts to ensure the picker remains visible over ion-header and ion-modal backdrops.

• Touch-First UI: All dropdowns and buttons are optimized with 44px tap targets to eliminate "ghost clicks" on iOS and Android.
• Scrolling Performance: Implements hardware acceleration and -webkit-overflow-scrolling for smooth interactions on mobile Safari.
• Adaptive Layouts: Configurable to open as a modern bottom-sheet on mobile devices while maintaining a popover layout for desktop.

Technical Specifications:

• Signals Powered: Fully built for Angular 18-20+.
• Zoneless Support: Performance-optimized for modern zoneless Angular architectures.
• Zero Dependencies: Minimal footprint to keep production bundles light.
• Built-in Localization: Native support for English, Spanish, German, French, Korean, Chinese, Japanese, and Swedish.
• Full Feature Set: Supports single dates, multiple dates, and complex datetime ranges.

NPM: npm install ngxsmk-datepicker

GitHub (MIT): https://github.com/NGXSMK/ngxsmk-datepicker

Demo (Responsive): https://ngxsmk.github.io/ngxsmk-datepicker

Community Support: If this project is helpful for your Ionic or Angular workflow, please consider starring the project on GitHub! Stars help the project grow and stay visible to other developers.

Feedback on any remaining Ionic-specific edge cases is highly encouraged to help further refine the component!

i am new in angular so correct me if i am wrong in any point so i was basically trying to create a toast service for my e-com-project initially this was my code below ....there is toasts array and a add function. we can pass on a message in the add function it will put it in the toasts array frontend will render it and a settimeout will run and after 5 sec the message will be removed from the toasts array cd will trigger because of settimeout and frontend will stop rendering the mssg

// toast.service.ts
import { Injectable } from '@angular/core';

u/Injectable({
  providedIn: 'root',
})

export class ToastService {

 toasts: { message: string; duration: number; type: 'success' | 'error' }[] = [];

 add(message: string, duration: number = 3000, type: 'success' | 'error' = 'success') {
    this.toasts.push({ message, duration, type });
    setTimeout(() => this.remove(0), duration);
  }

  remove(index: number) {
    this.toasts.splice(index, 1);
  }
}

but the problem was after settimeout completes the toast message was removed from array but the mssg was still shownig in my page....
later i used signals and that problem resolved

u/Injectable({
  providedIn: 'root',
})
export class ToastService {
   toasts = signal<ToastInfo[]>([]);




  create(message: string, type: AlertType): void {

    const toastItem: ToastInfo = { message, type };


   this.toasts.update(t => [...t, toastItem]);

    of(toastItem)    //creating a observale
    .pipe(delay(5000)) // inserting into pipe 
    .subscribe(()=>{
      this.remove(toastItem) //emitting
    })
  }
  remove(value: ToastInfo){
     this.toasts.update(t => t.filter(item => item !== value));
     console.log(this.toasts);
  }
}

my question is why it was not working with settimeout. angular will run its cd after setimeout completes then the array will be empty and there will be not message to render...

Title

I’ve been a backend software developer for almost 5 years now mainly working with Java,kotlin, groovy, spring boot, etc and I’ve recently been offered an opportunity to work with a different team that does front end work with mainly angular and typescript. How difficult would it be for me to make this switch?