Summarize this content to 400 words in Persian Lang
هی میدونی چیه؟ من از Angular استفاده می کنم و آن را دوست دارم.
نام من بنجامین ریچارد است و از سال 2000 در صنعت وب کار می کنم. من قبلاً با استفاده از الگوی MVC روی بک‌اند با PHP، جاوا یا دات نت کار می‌کردم. MySQL، PostgreSQL، و همچنین Oracle DB پایگاه داده های مورد علاقه من بودند. و هنگامی که MeteorJs پلتفرم فوق‌العاده خود را به ارمغان می‌آورد، نگاهی به فن‌آوری‌های frontend انداختم.
چرا انگولار؟ در واقع نمی توانم توضیح دهم که چرا بیشتر از React و VueJS روی Angular کار کردم. من Vue را امتحان کردم و برخی از برنامه ها را با آن توسعه دادم. من آن را دوست داشتم. اما وقتی از نسخه 2 به نسخه 3 منتقل شد، متوجه نشدم که چرا آن را اینقدر پیچیده کردند، در حالی که سادگی آن بخش کلیدی Vue 1 و 2 بود. بنابراین به React و Angular نگاه کردم. اما، به نظر من، Angular بسیار جلوتر از React بود، حتی اگر این نظر اکثر توسعه دهندگان نبود. به نظر من، این واقعیت که Angular همه چیزهایی را که برای ساختن یک برنامه نیاز دارید به ارمغان می آورد، مزیت اصلی آن است. بله، شما نمی توانید کتابخانه Http مورد علاقه خود، مدیریت فرم خود، و غیره را انتخاب کنید. اما هر قسمت از Angular طوری ساخته شده است که به خوبی با هم کار کند.
چرا Angular نه؟ شاید به این دلیل که یادگیری آن سخت بود. Angular = Typescript + RxJS + Frameworkبنابراین برای کارآمد بودن باید به هر کدام مسلط باشید. و سخت تر از تسلط بر یک کتابخانه رندر قالب مانند React ;-p استاما این زمان در سال 2024 به پایان رسیده است. آیا RxJS را نمی خواهید؟ از سیگنال استفاده کنید بله، با v16 Angular مفهوم سیگنال بیاورید. در سال 2024 با نسخه 18 اکثر عملکرد سیگنال ها پایدار بود. و با v19 دو سیگنال جدید روش جدیدی برای کار با منابع async به ارمغان می آورد. بنابراین اکنون، شما می توانید از Angular بدون Observable استفاده کنید. من می گویم که این ایده خوبی نیست، زیرا آنها واقعا مفید هستند، اما اگر چیزی است که شما نمی خواهید، می توانید خود را از این مفهوم حفظ کنید.
چگونه شروع کنیم؟
از سال 2024، تیم Angular وب سایت را بازسازی کرده است، بنابراین به https://angular.dev نگاهی بیندازید که محتوا واقعاً چشمگیر است.
سپس، باید NodeJS >v18.19.1 را دریافت کنید و می توانید آن را در جایی نصب کنید (با استفاده از docker یا هر چیز دیگری):
npm install -g @angular/cli
اکنون که Angular cli را دارید، می توانید از آن برای شروع یک پروژه استفاده کنید:
ng new my-new-project
شما باید تنظیماتی مانند استفاده از رندر سمت سرور یا عدم استفاده از Sass، Scss یا هر چیز دیگری را انتخاب کنید. و این همه است.
این یک پوشه 'my-new-project' با یک صفحه اصلی ساده ایجاد می کند. مزیت Angular این است که می توانید پروژه خود را در فایل Angular.json شخصی سازی کنید. بخش شماتیک به شما امکان می دهد وقتی از Cli برای تولید کد استفاده می کنید، نحوه کار را تعریف کنید: آیا می خواهید html و css را در یک کامپوننت فایل واحد مانند Vue قرار دهید؟ بله شما می توانید آیا می خواهید استراتژی تشخیص تغییر را تعریف کنید؟ بله شما می توانیدهمه چیز تحت گره projects.my-new-project.schematics قرار داردو مقادیر پیش فرض آن با استفاده از پاسخ های شما از دستور 'ng new' تعریف می شود.هو، چیزی را فراموش کردم: دستور 'ng new' پارامترهای زیادی دارد. اما من به شما اجازه خواهم داد آنها را برای مثال کشف کنید.
اکنون که پروژه شما مقداردهی اولیه شده است، زمان شروع آن است:
ng serve
یک مرورگر در http://localhost:4200 باز کنید و تمام.
این مقاله به پایان رسیده است و مقاله بعدی در مورد ایجاد کامپوننت خواهد بود.
ببینمت!
[note] همه مقالات از دستور Angular v19 استفاده می کنند*[original post] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189
هی میدونی چیه؟ من از Angular استفاده می کنم و آن را دوست دارم.
نام من بنجامین ریچارد است و از سال 2000 در صنعت وب کار می کنم. من قبلاً با استفاده از الگوی MVC روی بک‌اند با PHP، جاوا یا دات نت کار می‌کردم. MySQL، PostgreSQL، و همچنین Oracle DB پایگاه داده های مورد علاقه من بودند. و هنگامی که MeteorJs پلتفرم فوق‌العاده خود را به ارمغان می‌آورد، نگاهی به فن‌آوری‌های frontend انداختم.
چرا انگولار؟ در واقع نمی توانم توضیح دهم که چرا بیشتر از React و VueJS روی Angular کار کردم. من Vue را امتحان کردم و برخی از برنامه ها را با آن توسعه دادم. من آن را دوست داشتم. اما وقتی از نسخه 2 به نسخه 3 منتقل شد، متوجه نشدم که چرا آن را اینقدر پیچیده کردند، در حالی که سادگی آن بخش کلیدی Vue 1 و 2 بود. بنابراین به React و Angular نگاه کردم. اما، به نظر من، Angular بسیار جلوتر از React بود، حتی اگر این نظر اکثر توسعه دهندگان نبود. به نظر من، این واقعیت که Angular همه چیزهایی را که برای ساختن یک برنامه نیاز دارید به ارمغان می آورد، مزیت اصلی آن است. بله، شما نمی توانید کتابخانه Http مورد علاقه خود، مدیریت فرم خود، و غیره را انتخاب کنید. اما هر قسمت از Angular طوری ساخته شده است که به خوبی با هم کار کند.
چرا Angular نه؟ شاید به این دلیل که یادگیری آن سخت بود.
Angular = Typescript + RxJS + Framework
بنابراین برای کارآمد بودن باید به هر کدام مسلط باشید. و سخت تر از تسلط بر یک کتابخانه رندر قالب مانند React ;-p است
اما این زمان در سال 2024 به پایان رسیده است. آیا RxJS را نمی خواهید؟ از سیگنال استفاده کنید بله، با v16 Angular مفهوم سیگنال بیاورید. در سال 2024 با نسخه 18 اکثر عملکرد سیگنال ها پایدار بود. و با v19 دو سیگنال جدید روش جدیدی برای کار با منابع async به ارمغان می آورد. بنابراین اکنون، شما می توانید از Angular بدون Observable استفاده کنید. من می گویم که این ایده خوبی نیست، زیرا آنها واقعا مفید هستند، اما اگر چیزی است که شما نمی خواهید، می توانید خود را از این مفهوم حفظ کنید.
چگونه شروع کنیم؟
از سال 2024، تیم Angular وب سایت را بازسازی کرده است، بنابراین به https://angular.dev نگاهی بیندازید که محتوا واقعاً چشمگیر است.
سپس، باید NodeJS >v18.19.1 را دریافت کنید و می توانید آن را در جایی نصب کنید (با استفاده از docker یا هر چیز دیگری):
npm install -g @angular/cli
اکنون که Angular cli را دارید، می توانید از آن برای شروع یک پروژه استفاده کنید:
ng new my-new-project
شما باید تنظیماتی مانند استفاده از رندر سمت سرور یا عدم استفاده از Sass، Scss یا هر چیز دیگری را انتخاب کنید. و این همه است.
این یک پوشه 'my-new-project' با یک صفحه اصلی ساده ایجاد می کند. مزیت Angular این است که می توانید پروژه خود را در فایل Angular.json شخصی سازی کنید. بخش شماتیک به شما امکان می دهد وقتی از Cli برای تولید کد استفاده می کنید، نحوه کار را تعریف کنید:
آیا می خواهید html و css را در یک کامپوننت فایل واحد مانند Vue قرار دهید؟ بله شما می توانید آیا می خواهید استراتژی تشخیص تغییر را تعریف کنید؟ بله شما می توانید
همه چیز تحت گره projects.my-new-project.schematics قرار دارد
و مقادیر پیش فرض آن با استفاده از پاسخ های شما از دستور 'ng new' تعریف می شود.
هو، چیزی را فراموش کردم: دستور 'ng new' پارامترهای زیادی دارد. اما من به شما اجازه خواهم داد آنها را برای مثال کشف کنید.
اکنون که پروژه شما مقداردهی اولیه شده است، زمان شروع آن است:
ng serve
یک مرورگر در http://localhost:4200 باز کنید و تمام.
این مقاله به پایان رسیده است و مقاله بعدی در مورد ایجاد کامپوننت خواهد بود.
ببینمت!
[note] همه مقالات از دستور Angular v19 استفاده می کنند*[original post] https://medium.com/@rebolon/yet-another-angular-article-part-1-8f9ae6526189
