Angular

Getting started with Angular

About Angular

Angular is a comprehensive JavaScript framework for building web applications, developed and maintained by Google. One of it’s defining features is a powerful CLI which uses Schematics to scaffold various elements of an application.

Key features of Angular include:

• Dependency injection for managing dependencies between components
• Powerful CLI for scaffolding, development, and deployment tasks
• Two-way data binding to synchronize data between model and view

Angular continues to be among the favorite choices for enterprise-level applications due to its robustness, scalability, and maintainability.

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-greeting',
  template: `
    <div>
      <h1>Hello, {{ name }}!</h1>
      <input [(ngModel)]="name" placeholder="Enter your name" />
    </div>
  `
})
export class GreetingComponent {
  @Input() initialName: string = '';
  name: string = '';

  ngOnInit() {
    this.name = this.initialName;
  }
}

Popular projects on StackBlitz

Project title	Description
Angular Vitest Starter v18	This is a starter to reproduce bugs or easily share Angular testing examples using Stackblitz.
Angular Table Pagination w/ JSON	Angular, JSON powered paginated table. Easy to customize | EastCoastDeveloper
Angular + Tailwind	Starter project for Angular + Tailwind
Angular 17.2 Signal Queries	Demo of viewchild, viewchildren, contentchild and contentchildren
Writable Wrapped Signal	A locally writable signal input
Angular Resize Event	ResizeObserver based event manager plugin for your @Angular app
Angular - v18 - Tracking warning NG0956	Tracking expression caused re-creation of the DOM structure
Angular Dynamic DOM Options v13
Angular Cipher (codelab starter code)	;)
:has superpower	Using CSS :has to transfer data across component tree

Great repositories to play with