Ir al contenido
Frontend Community

Getting Started

Esta página aún no está disponible en tu idioma.

Welcome to the Angular Getting Started guide! This section will guide you through:

What You’ll Learn

Section titled “What You’ll Learn”
  1. What is Angular? — Understand Angular’s core concepts, benefits, and when to use it
  2. Setup and Installation — Install Node.js, Angular CLI, and create your first project
  3. Your First Application — Build a complete working application from scratch
  4. Key Concepts — Master components, services, directives, and more

Who Should Read This?

Section titled “Who Should Read This?”
  • Developers new to Angular
  • Developers transitioning from other frameworks
  • Teams planning to adopt Angular for new projects
  • Students learning web development with Angular

Prerequisites

Section titled “Prerequisites”
  • Basic knowledge of HTML, CSS, and JavaScript
  • A code editor (VS Code recommended)
  • Command line / terminal familiarity
  • Node.js v18+ and npm installed

What is Angular?

Section titled “What is Angular?”

Angular is a comprehensive, open-source framework for building dynamic web applications using TypeScript. It provides everything you need: routing, forms, HTTP client, testing tools, and more.

Key Characteristics:

  • Full-featured framework (not just a library)
  • Strong typing with TypeScript
  • Component-based architecture
  • Built-in dependency injection
  • Reactive programming with RxJS

Quick Start (5 minutes)

Section titled “Quick Start (5 minutes)”

1. Install Node.js

Section titled “1. Install Node.js”

Visit nodejs.org and install the LTS version.

2. Install Angular CLI

Section titled “2. Install Angular CLI”
Terminal window
npm install -g @angular/cli@latest

3. Create Your First Project

Section titled “3. Create Your First Project”
Terminal window
ng new my-app
cd my-app
ng serve --open

Your application will open at http://localhost:4200/

Next Steps

Section titled “Next Steps”

Start with the What is Angular? guide, then follow the recommended order. Each section builds on previous concepts.

Learning Path

Section titled “Learning Path”
Getting Started (you are here)
    ↓
    ├─ What is Angular?
    ├─ Setup and Installation
    ├─ Your First Application
    └─ Key Concepts
         ↓
    Guidelines & Best Practices
         ↓
    Architecture Patterns
         ↓
    Advanced State Management

Resources

Section titled “Resources”

Ready to get started? Head to What is Angular? to begin your journey! 🚀