کدنویسی

اگر نیاز نیست تا وب سایت شما با مرورگرهای قدیمی مانند IE8 سازگار باشد بهتر است با متدهای .map()، .reduce()، و .filter() آشنا شوید. البته اگر شما با زبان برنامه نویسی دیگری غیر از جاوااسکریپت کار میکنید این مقاله میتواند برای شما مفید باشد، زیرا بیشتر زبان های برنامه نویسی این مفاهیم را در خود دارند.

در ES6، ویژگی های جذابی به زبان جاوااسکریپت اضافه شده است. پس بدون اتلاف وقت بریم سراغ این ویژگی ها

ما عادت کرده ایم که همه چیز را ساختارمند، دسته بندی شده و همراه با توضیحات ببینیم. اما درباره جاوااسکریپت اینطور نیست. آیا جاوااسکریپت زبان اسکریپتی است؟ آیا زبان فرانت اند است یا بک اند؟

برای فیلتر کردن *ngFor میتوانید یک پایپ  ایجاد کنید. 

eventها ، رودیدادهایی را که در یک برنامه رخ میدهند را اطلاع میدهد. بنابراین شما میتوانید به این رویدادها پاسخ بدهید.

اگر مدیریت حافظه برای برنامه کامپیوتری و یا اپلیکیشن بدرستی انجام نگرفته باشد Memory leaks رخ میدهد.

در انگولار با کمک pipe میتوانیم دیتا را در تمپلیت HTML تغییر دهیم، بدون اینکه نیاز باشد مقدار دیتا را در فایل TypeScript دستکاری کنیم. به عبارت دیگر، Pipe دیتا را بصورت ورودی میگیرد و آنرا به خروجی مطلوب تغییر میدهد. بهترین مثال برای pipe تغییر فورمت تاریخ است. عموما، فورمت تاریخی که ما از API دریافت میکنیم آن چیزی نیست که میخواهیم به کاربر نمایش دهیم. در این شرایط ما از pipe برای تغییر دیتا به فورمت مطلوب استفاده میکنیم.

برای مدیریت بهتر پروژه در انگولار، نیاز است شما پروژه خود را به کامپوننت های کوچک خرد کنید. وقتی اینکار را انجام دادید نیاز است تا داده بین کامپوننت ها منتقل شود.

ممکن است بخواهید اسپینرلودینگی در پروژه داشته باشید که بدون اینکه نیاز باشد بصورت دستی شروع و پایان آنرا مشخص کنید نمایش داده شود.

Subjectها Observable هستند اما چیزی که آنها را کمی متفاوت میکند این است که آنها Observer هم هستند.

Interceptor بخشی از کد است که یک دستورالعمل را از زمان راه اندازی تا قبل از تمام شدن رهگیری میکند. در محیط انگولار، زمانی که HTTP سورسی خارج از محیط کلاینت را فراخوانی میکند، معمولا از Interceptor استفاده میشود.

هر تگ HTML معنا و مفهومی به محتوای درون خود میدهند. اما دو تگ div و span از این امر مستثنا هستند. این تگها بدین خاطر وجود دارد که بتوان با کمک CSS به آنها استایل داد و یا با کمک اتریبیوت های class و id در JavaScript آنها را صدا زد.

Interceptors ها در AngularJS وجود داشتند، اما در نسخه های اولیه انگولار وجود نداشت. ازنسخه 4.3 بود که ابزارهای HTTP تازه ای مانند اینترفیس HttpInterceptor به انگولار اضافه شد.

با افزایش کاربران موبایل، نمایش صحیح وب سایت در موبایل از اهمیت بالایی برخوردار شده است. این امر باعث شده تا طراحان وب سایت به سراغ “liquid layout” بروند.

در انگولار، مدیریت وضعیت تنها از طریق یک حالت از پیش تعریف شده صورت نمیپذیرد. برای مثال ذخیره دیتا در ngrx بصورت متمرکز انجام میشود. این حالت برای اپ هایی که فعالیت کاربران در فرانت اند اهمیت دارد کاملا مناسب است. برای مثال، اگر در اپ شما چندین کامپوننت بخواهند از فعالیت کاربر (چه چیزی را انتخاب یا وارد کرده) مطلع شوند، میتوانید این فعالیت ها را در استور ذخیره کنید تا کامپوننت ها بتوانند به این فعالیت ها دسترسی پیدا کنند.

انگولار برای Authentication فیچرهایی با نام route guard دارد. در این مقاله این ویژگی ها را بررسی کرده و نحوه استفاده از آنها را در اپلیکیشن انگولار توضیح میدهدم.

بعضی وقت ها لازم است وب اپلیکیشن شما چند زبانه باشد. با کمک Internationalization یا بصورت اختصار i18n میتوانید اپلیکیشن خود را چند زبانه کنید. هرچند خود انگولار امکان چند زبانه کردن وب اپ را دارد، اما پکیج ngx-translate کار چندزبانه کردن وب اپ را بسیار ساده تر میکند.

دستورات Angular CLI بصورت زیر نوشته میشوند:

Sass دو سینتکس scss و sass دارد. هرکدام میتوانند دیگری را لود کنند، بنابراین به شما بستگی دارد که کدام سینتکس را انتخاب کنید.

حتما شما متوجه شده اید که برای font-size واحدهای مختلفی استفاده میشود. ممکن است با خودتان فکر کنید برای پروژه های خود از کدام واحد استفاده کنید؟ در این مقاله من سه واحد px، em، و rem را بررسی میکنم.