State Manager - Part 3

حالا که فهمیدید State Manager چیه و چه کار می کنه، وقتشه که ازش تو پروژه انگولاریتون استفاده کنید. شما ۳ گزینه مطرح دارید:

۱. پکیج angular-redux: این پکیج یه wrapper برای reduxه که به شما اجازه می ده از redux توی انگولار استفاده کنید. Redux توسط فیسبوک توسعه داده می شه و محبوب ترین State Manager حال حاضره. شاید دلیل اصلی این امر پیشینه قدیمی تر و سازگاری بهتر با react باشه.

۲. پکیج ngrx: این پکیج با استفاده از امکاناتی که rxjs در اختیارمون قرار می ده یه State Manager خوب و کامل و سازگار با انگولار ارائه داده.

۳. نوشتن یک State Manager: برای پروژه های تجاری توصیه نمی شه، ولی میتونه پروژه خوبی برای یادگیری باشه.

انتخاب State Manager مثل انتخاب زبان، فریم ورک و ... تا حد زیادی به اولویت ها و حتی سلیقه ربط داره، اما اگه نظر منو بخواید، اگه پروژتون انگولاریه ngrx خیلی سازگارتر با محیط پروژه های انگولاریه و می تونه مناسب تر باشه. لینک زیر آدرس سایت و به نظر من بهترین منبع یادگیری ngrx ه:

https://ngrx.io

#Angular #StateManager #Redux #NgRx

مطالب بیشتر در @iranangular

پست جدیدم توی ویرگول در مورد متغیرهای Primitive و Non-Primitive رو می تونید از لینک زیر بخونید:

https://virgool.io/@mostafa.lavaei/hlw430ttcpwb

مطلب جدیدم در مورد توابع Generator رو می تونید از لینک زیر بخونید:

http://vrgl.ir/yX7kC

یکی از دوستان سایت خوبی تو زمینه آموزش زده، گفتم با شما به اشتراک بذارم. این لینک مربوط به بخش لاراول سایته:

https://jobteam.ir/category/Laravel

خوشحال می شم ازش بازدید کنید.

ویدیوهای آموزشی رایگان یکی از اعضای کانال رو از لینک زیر می تونید دنبال کنید:

(سطح مقدماتی)

https://www.aparat.com/playlist/296929

📢 ویرایش جدید کتاب آموزش جامع انگولار (مطابق با نسخه ۹) به پایان رسید و پس از صفحه آرایی منتشر خواهد شد.

در این ویرایش علاوه بر بروزرسانی به نسخه ۹، بعضی از فصول به منظور افزایش کیفیت بازنویسی شدند.

منتظر خبرهای خوش باشید.

✴️ آموزش انگولار مقدماتی

🧑‍🏫 مدرس : مهندس مصطفی لوایی نویسنده کتاب جامع انگولار

⭕️ سرفصل های دوره
⚡️نصب Node
⚡️نصب Angular
⚡️ایجاد پروژه
⚡️ بررسی ساختار فایل angular.json
⚡️بررسی ساختار فایل های browserslist، karma.conf.js, package.json, tsconfig.json, tsconfig.app.json, tsconfig.spec.json, tslint.json
⚡️بررسی ساختار فایل های index.html, main.ts, polyfils.ts, environments.ts, app,module.ts, app.component.ts
⚡️کامپایل و اجرای پروژه
⚡️معرفی کامپوننت ها
⚡️ایجاد کامپوننت جدید
⚡️استفاده از شروط در قالب کامپوننت
⚡️استفاده از حلقه ها در قالب کامپوننت
⚡️ارسال مقادیر برای کامپوننت (Input)
⚡️ایجاد رویداد برای کامپوننت (Output)
⚡️آموزش Dependency Injection
⚡️ارتباط بین کامپوننت ها از طریق سرویس
⚡️ارسال درخواست HTTP

این دوره را رایگان دانلود کنید👇
https://jobteam.ir/Course/184-Free-introductory-Angular-training

#انگولار #آموزش_انگولار #انگولار_مقدماتی

✴️ آموزش پروژه محور لاراول

⭕️ وضعیت در حال تکمیل 💪

🧑‍🏫 مدرس: بهزاد میرزازاده

⭕️ تعداد قسمت های موجود : ۲۸ عدد و احتمالا بیشتر از ۳۰۰ قسمت باشه این دوره 😳

💯 فروش دوره : فروش دوره به صورت پیش فروش می باشد و امروز مبلغ ۱۵۰ هزارتومان می باشد و روند افزایشی خواهد داشت قیمت این دوره حدود ۵۰۰ هزارتومان خواهد بود

✴️ کسانی که در دوره شرکت کنند می تونند سوالاتشون رو بپرسند و در قسمت های متوالی جواب های کامل بهینه دریافت کنند

⭕️ پروژه : فروشگاه

✴️ مطالب این دوره :
⚡️پاسپورت
⚡️بحث acl
⚡️بحث سئو تکنیکال
⚡️دیتابیس
⚡️درگاه پرداخت
⚡️بحث api
⚡️بحث model resource
⚡️بحث سووگر
⚡️و....

برای مشاهده این دوره کلیک کنید 👇
https://jobteam.ir/Course/178-Laravel-course-building-online-store

#لاراول #فروشگاه #آموزش_لاراول

📢 ویرایش جدید کتاب آموزش جامع انگولار، منتشر شد.

✅ دانلود کتاب آموزش جامع انگولار ۹

✅ لینک دانلود: https://www.ketabrah.ir/go/b30479/d1159

یه مطلب جالب در مورد استفاده از مد رنگی HSL به جای RGB در CSS:

https://www.sarasoueidan.com/blog/hex-rgb-to-hsl/

اگه توی پروژه هاتون هنوز به طور سنتی استایل دهی می کنید، این متن رو بخونید!
در گذشته، وقتی می خواستید به یک المان موجود توی صفحه استایل بدید، یک کلاس «مختص» اون المان ایجاد می شد و به اون کلاس استایل مورد نیاز داده می شد. بسیاری از فریم‌ورک ها هم بر همین مبنا ساخته شدند. مثلا کلاس مربوط به button، input و ...
وقتی از این روش برای استایل دهی استفاده بشه با چند مشکل جدی رو به رو می شید:
1. شخصی سازی: برای شخصی سازی یه کلاس مثل foo، باید یک کلاس دیگه تعریف کنید که استایل های تکمیلی رو به تگ مورد نظر بده و این سرعت توسعه رو کاهش می ده.
2. تکرار استایل ها: استایل ها ممکنه با هم هم پوشانی داشته باشن و عملا مقدار زیادی استایل رو تکرار کرده باشید. این اتفاق خیلی حجم استایل ها رو زیاد می کنه.
3. اگر کد HTMLی که توش از کلاس foo استفاده کردید رو حذف کنید، هیچ راه امن و مطمئنی برای پاک کردن کلاس foo از استایل ها نیست. بعد از یه مدت با انبوهی از استایل ها مواجه می شید که هیچ جای وب اپلیکیشن ازشون استفاده نکردید! این اتفاق در گذشته حتی برای فیسبوک هم افتاد و خیلی ربطی به حرفه ای بودن یا نبودن شما نداره، چون با این روش استایل دهی تقریبا غیر قابل اجتنابه.

برای پاسخ به این مشکلات، مدتیه که فریم ورک هایی ظهور کردن که به یه روش دیگه استایل دهی می کنن. استایل دهی مروبط به grid فریم‌ورک bootstrap رو به خاطر بیارید. مثلا col-sm-12 فقط و فقط داره یه کار انجام می ده. برای اسکرین های small، مقدار width رو 100٪ می کنه. چی می شد همه استایل ها همینقدر کوچک تعریف می شدن؟ اینطوری خیلی راحت تر، خواناتر و منعطف تر می شد استایل داد. این دقیقا کاریه که فریم ورک های جدید از جمله tailwindcss.com ازش استفاده می کنن. برای دیدن دمو می تونید به صفحه اول سایت tailwindcss.com مراجعه کنید.

پیرو پست قبل و با توجه به این که نصب Tailwindcss توی انگولار ممکنه یکم چالش داشته باشه، یه مطلبی توی ویرگول در مورد نحوه نصب و راه‌اندازی Tailwindcss توی Angular نوشتم که می تونید از لینک زیر بخونینش:

https://bit.ly/2SJ5nVX

⛱ دوره حرفه ای انگولار

🧑‍🏫 مدرس : استاد مصطفی لوائی (نویسنده کتاب جامع انگولار)

⭕️ در این دوره صفر تا صد انگولار را به صورت پروژه محور یاد خواهید گرفت 😊 پروژه هم فروشگاه هستش

👈 ثبت نام در دوره 👇
https://jobteam.ir/Course/248-Advanced-Angular-Training

🔸#استخدام برنامه نویس Angular

🏢شرکت گلرنگ سیستم
📍محل شرکت: تهران - منطقه‌ی ساعی

📨ارسال رزومه و اطلاعات بیشتر از طریق لینک زیر:
📎 yun.ir/ict0pa

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

https://jobteam.ir/Course/248-Advanced-Angular-Training