معرفی (Intro)
در این صفحه «معرفی انگولار» را می خوانی. انگولار یک فریم ورک (Framework) وب است. فریم ورک یعنی جعبه ابزار آماده برای ساخت اپ. این بخش خیلی ساده است. سپس مثال اجرا می کنیم. بعد هم مسیر بعدی را نشان می دهیم.
انگولار چیست؟
انگولار یک فریم ورک سمت کاربر است. برای ساخت وب اپ استفاده می شود. با تایپ اسکریپت (TypeScript) نوشته می شود. تایپ اسکریپت یعنی جاوااسکریپتِ قوی تر. از کامپوننت و قالب استفاده می کند. روتینگ و فرم و HTTP را هم دارد. برای برنامه های تک صفحه ای مناسب است.
نحوه کار انگولار
انگولار قالب ها را کامپایل می کند. سپس DOM را هوشمند به روز می کند. DOM یعنی ساختار صفحه HTML. داده ها با Bind شدن نمایش می شوند. رویدادها مدیریت می شوند. داده ها با HttpClient و Observable دریافت می شوند. جابه جایی با Router انجام می شود.
قبل از شروع چه بدانم؟
HTML را بلد باش. CSS را بلد باش. جاوااسکریپت را هم تمرین کن. آشنایی پایه با تایپ اسکریپت مفید است. اما اجباری نیست.
مثال سریع: «Welcome to Angular!»
کد زیر یک کامپوننت مستقل می سازد. سپس برنامه بوت می شود. شبیه ساخت یک پوستر ساده در مدرسه است.
import { bootstrapApplication } from '@angular/platform-browser';
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
standalone: true,
template: `<h2>Welcome to Angular!</h2>`
})
export class App {
}
bootstrapApplication(App);
<app-root></app-root>
گام های عملی
- متن این معرفی را کامل بخوان.
- روی مشاهده در ادیتور کلیک کن.
- کد را اجرا کن و نتیجه ببین.
- متن خوش آمد را تغییر بده.
- به صفحه بعدی برو و ادامه بده.
پیوندهای مفید
برای ادامه، از معرفی انگولار شروع کن، یا به خانه انگولار سر بزن.
جمع بندی سریع
- انگولار با تایپ اسکریپت ساخته می شود.
- قالب ها را کامپایل و DOM را به روز می کند.
- کامپوننت و روتینگ و HTTP داخلی دارد.
- برای SPA ها خیلی مناسب است.
- مثال را اجرا کن و تمرین کن.