Angular — خانه (Home)

آخرین بروزرسانی: 1404/08/21

خانه (Home)

اینجا با «آموزش انگولار» شروع می کنیم. انگولار یک فریم ورک (Framework) است. فریم ورک یعنی جعبه ابزار آماده برای ساخت برنامه ها. اینجا ساده و مرحله ای جلو می رویم. مثال ها اجراشدنی هستند. همچنین لینک تمرین و کوییز هم داریم.

انگولار چیست؟

انگولار برای ساخت برنامه های سمت کاربر است. این برنامه ها روی مرورگر اجرا می شوند. کدها با HTML و تایپ اسکریپت نوشته می شوند. تایپ اسکریپت (TypeScript) نسخه قوی تر جاوااسکریپت است. یعنی خطاها را زودتر می فهمیم. در مثال ها از کامپوننت مستقل استفاده می کنیم.

پیش نیازهای لازم

اول HTML و CSS را بلد باش. سپس جاوااسکریپت را تمرین کن. دانستن تایپ اسکریپت مفید است. اما اجباری نیست. با همین دانش می توانی شروع کنی. بعداً روتینگ و HttpClient را یاد می گیری.

شروع سریع با مثال (آموزش انگولار)

این نمونه «Hello Angular» از منبع گرفته شده است. کد را خط به خط می بینی. سپس می توانی در ادیتور اجرا کنی.

import { bootstrapApplication } from '@angular/platform-browser';
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  standalone: true,
  template: `<h1>Hello Angular!</h1>`
})
export class App {
}

bootstrapApplication(App);

مشاهده در ادیتور

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Angular App</title>
</head>
<body>
  <app-root></app-root>
</body>
</html>

مشاهده در ادیتور