🔰 ذن(Zen) #انگولار
✅ برنامه نویسی انگولار بر این عقیده ساخته شده است که برای ساختن UI و ترکیب اجزای نرم افزار، کد های اعلانی بهتر از کد های دستوری هستند، در حالی که کد های دستوری برای بیان منطق کسب و کار بسیار عالی هستند.
✅ این ایده که دستکاری DOM را از منطق برنامه جدا کنیم، ایده خوبی است. این کار به طور چشمگیری قابلیت تست کردن کد را بالا میبرد.
✅ این که به تست نرم افزار به اندازه نوشتن آن اهمیت داده شود واقعا خیلی ایده خوبی است. سختی تست کردن به طور چشم گیری به ساختاری که کد نوشته میشود، ارتباط دارد.
✅ اینکه قسمت سمت سرویس گیرنده و قسمت سمت سرور را در یک نرم افزار از هم جدا کنید، بسیار خوب است. این کار باعث میشود که توسعه نرم افزار به صورت موازی پیش برود و اجازه استفاده مجدد را به هر دو طرف میدهد.
✅ در واقع این که یک فریمورک توسعه دهندگان را در کل زمان توسعه یک نرم افزار راهنمایی کند بسیار کمک بخش است : از قسمت طراحی UI، تا قسمت طراحی منطقی و تست.
✅ این که همیشه وظایف عمومی را بدیهی و وظایف سخت را ممکن سازید، کار بسیار خوبی است.
🖥 @FunProGraming
✅ برنامه نویسی انگولار بر این عقیده ساخته شده است که برای ساختن UI و ترکیب اجزای نرم افزار، کد های اعلانی بهتر از کد های دستوری هستند، در حالی که کد های دستوری برای بیان منطق کسب و کار بسیار عالی هستند.
✅ این ایده که دستکاری DOM را از منطق برنامه جدا کنیم، ایده خوبی است. این کار به طور چشمگیری قابلیت تست کردن کد را بالا میبرد.
✅ این که به تست نرم افزار به اندازه نوشتن آن اهمیت داده شود واقعا خیلی ایده خوبی است. سختی تست کردن به طور چشم گیری به ساختاری که کد نوشته میشود، ارتباط دارد.
✅ اینکه قسمت سمت سرویس گیرنده و قسمت سمت سرور را در یک نرم افزار از هم جدا کنید، بسیار خوب است. این کار باعث میشود که توسعه نرم افزار به صورت موازی پیش برود و اجازه استفاده مجدد را به هر دو طرف میدهد.
✅ در واقع این که یک فریمورک توسعه دهندگان را در کل زمان توسعه یک نرم افزار راهنمایی کند بسیار کمک بخش است : از قسمت طراحی UI، تا قسمت طراحی منطقی و تست.
✅ این که همیشه وظایف عمومی را بدیهی و وظایف سخت را ممکن سازید، کار بسیار خوبی است.
🖥 @FunProGraming
🔰 با #انگولار دیگر لازم نیست کارهای زیر را انجام دهید :
(بخش اول)
✅ مورد اول ، Registering callbacks :
کد شما را در هم ریخته میکند، و دیدن آن را مثل جنگل برای درختان میکند. پاک کردن کد های پر تکرار مانند callback ها کار خوبی به نظر میرسد. این کار به شدت مقدار کد های جاوا اسکریپت که شما باید بنویسید را کاهش میدهد و دیدن اینکه کد شما چه کاری انجام میدهد را آسان میکند
✅ مورد دوم ، دستکاری فایل های HTML DOM به صورت خودکار و برنامه نویسی :
دستکاری فایل های HTML DOM اساس نرم افزار های AJAX است، اما کار سنگین و ارور پذیری است. با تعریف صریح اینکه زمانی که حالت نرم افزار تغییر پیدا میکند UI وبسایت چگونه تغییر پیدا کند، نیازی به عوض کردن کدهای سطح پایین DOM نیست و انجام این وظایف از دوش شما برداشته میشود. بیشتر نرم افزار هایی که با انگولار نوشته میشود هیچ گاه نیاز به برنامه نویسی تغییر DOM ندارند، ولی اگر شما بخواهید میتوانید این کار را انجام دهید.
🖥 @FunProGraming
(بخش اول)
✅ مورد اول ، Registering callbacks :
کد شما را در هم ریخته میکند، و دیدن آن را مثل جنگل برای درختان میکند. پاک کردن کد های پر تکرار مانند callback ها کار خوبی به نظر میرسد. این کار به شدت مقدار کد های جاوا اسکریپت که شما باید بنویسید را کاهش میدهد و دیدن اینکه کد شما چه کاری انجام میدهد را آسان میکند
✅ مورد دوم ، دستکاری فایل های HTML DOM به صورت خودکار و برنامه نویسی :
دستکاری فایل های HTML DOM اساس نرم افزار های AJAX است، اما کار سنگین و ارور پذیری است. با تعریف صریح اینکه زمانی که حالت نرم افزار تغییر پیدا میکند UI وبسایت چگونه تغییر پیدا کند، نیازی به عوض کردن کدهای سطح پایین DOM نیست و انجام این وظایف از دوش شما برداشته میشود. بیشتر نرم افزار هایی که با انگولار نوشته میشود هیچ گاه نیاز به برنامه نویسی تغییر DOM ندارند، ولی اگر شما بخواهید میتوانید این کار را انجام دهید.
🖥 @FunProGraming
✅ همواره در همه ی عصر ها ،انسان با الهام از طبیعت اطراف خود دست به اختراعات بسیار زیادی زده است ... مثلا ماشین حفر تونل با ایده گرفتن از کرم خاکی اختراع شده است
✅ تولید نرم افزار هم دقیقا همین است ... کافیه با #مکانیزم_طبیعی_ذهن دیدمون رو به جهان هستی تغیر بدیم و نرم افزار بسازیم
🖥 @FunProGraming
✅ تولید نرم افزار هم دقیقا همین است ... کافیه با #مکانیزم_طبیعی_ذهن دیدمون رو به جهان هستی تغیر بدیم و نرم افزار بسازیم
🖥 @FunProGraming
✅ امروزه در دنیایی زندگی میکنیم که به شدت در حاله توسعه و پیشرفت است ، ساختن یک وب سایت و نرم افزار دیگر همچون گذشته تنها با یک دانش معمولی امکان پذیر نیست ، به همین دلیل برخی افراد تصور میکنند باید تمام علم های مربوط به یک نرم افزار و یا وب سایت را یاد بگیردند ! عمرشان را به پای یاد گرفتن چندین زبان مختلف میگذارند و تا به خودشان می آیند میبینند که در بازار کار جایی برای آنها نیست ...
✅ به راستی اگر این افراد بدانند با فعال کردن #مکانیزم_طبیعی_ذهن دیگر نیاز به این کار ها نیست ، هنوزم هم همان راه همیشگی را می روند ؟
🖥 @FunProGraming
✅ به راستی اگر این افراد بدانند با فعال کردن #مکانیزم_طبیعی_ذهن دیگر نیاز به این کار ها نیست ، هنوزم هم همان راه همیشگی را می روند ؟
🖥 @FunProGraming
✅ زمانی بود که اگر به افراد میگفتید وسیله ای به وجود خواهد آمد که تو میتوانی با یک نفر در آنطرف دنیا صحبت کنی ، تصور میکردند دیوانه شده ای ... اما امروزه نه تنها صدای یک نفر در آن طرف دنیا بلکه حتی تصویرش نیز قابل مشاهده است ...
✅ در حال حاضر شاید برخی ها باور نمیکنند که با فعال کردن #مکانیزم_طبیعی_ذهن میتواند در یک مدت کوتاه برنامه نویس شد و به جای یک زبان بر همه آنها تسلط یافت ، اما حقیقت برای کلاهبردارانی که از راه فریب مردم سود میبرند تلخ است ...
🖥 @FunProGraming
✅ در حال حاضر شاید برخی ها باور نمیکنند که با فعال کردن #مکانیزم_طبیعی_ذهن میتواند در یک مدت کوتاه برنامه نویس شد و به جای یک زبان بر همه آنها تسلط یافت ، اما حقیقت برای کلاهبردارانی که از راه فریب مردم سود میبرند تلخ است ...
🖥 @FunProGraming
🔰 با #انگولار دیگر لازم نیست کارهای زیر را انجام دهید :
(بخش دوم)
✅ مورد سوم ،مرتب کردن داده به UI و از UI:
عملیات CRUD اکثر وظایف نرم افزار های AJAX را تشکیل میدهد. روند مرتب کردن داده از سرور به یک شی داخلی به صورت فرم HTML، به کاربر اجازه اصلاح و تغییر فرم، اعتبار سنجی فرم، نشان دادن ارور های اعتبار سنجی، بازگشت به مدل داخلی، و سپس بازگشت به سرور را میدهد، که باعث ساخته شدن کدهای متنی زیادی میشود. آنگولار تقریبا بیشتر این متن ها را از بین میبرد، و کدهایی که روند اصلی نرم افزار را توصیف میکنند را به جای اجرای کل جزئیات، نگه میدارد.
✅ مورد چهارم ، نوشتن هزاران کد اولیه فقط برای شروع:
معمولا شما برای نوشتن یک نرم افزار AJAX ساده “Hello world” نیاز به نوشتن کدهای اولیه ای زیادی است. با برنامه نویسی انگولار شما میتوانید به راحتی نرم افزار را با استفاده از سرویس ها بوت استرپ کنید. این به شما اجازه میدهد که سریعتر از ویژگی های توسعه استفاده کنید. به عنوان یک پاداش، شما کنترل کامل بر روند مقدار دهی اولیه در تست خودکار را دریافت می کنید.
🖥 @FunProGraming
(بخش دوم)
✅ مورد سوم ،مرتب کردن داده به UI و از UI:
عملیات CRUD اکثر وظایف نرم افزار های AJAX را تشکیل میدهد. روند مرتب کردن داده از سرور به یک شی داخلی به صورت فرم HTML، به کاربر اجازه اصلاح و تغییر فرم، اعتبار سنجی فرم، نشان دادن ارور های اعتبار سنجی، بازگشت به مدل داخلی، و سپس بازگشت به سرور را میدهد، که باعث ساخته شدن کدهای متنی زیادی میشود. آنگولار تقریبا بیشتر این متن ها را از بین میبرد، و کدهایی که روند اصلی نرم افزار را توصیف میکنند را به جای اجرای کل جزئیات، نگه میدارد.
✅ مورد چهارم ، نوشتن هزاران کد اولیه فقط برای شروع:
معمولا شما برای نوشتن یک نرم افزار AJAX ساده “Hello world” نیاز به نوشتن کدهای اولیه ای زیادی است. با برنامه نویسی انگولار شما میتوانید به راحتی نرم افزار را با استفاده از سرویس ها بوت استرپ کنید. این به شما اجازه میدهد که سریعتر از ویژگی های توسعه استفاده کنید. به عنوان یک پاداش، شما کنترل کامل بر روند مقدار دهی اولیه در تست خودکار را دریافت می کنید.
🖥 @FunProGraming
#آموزش_انگولار #بخش_اول_1
برنامههای تک صفحهای (یا SPA) :
✅ برنامههایی هستند که میتوانید مانند سایر وبسایتها از طریق یک مرورگر به آنها دسترسی داشته باشید، اما با داشتن ظاهری مشابه با نرمافزارهای کامپیوتری و نیتیو موبایل، امکان داشتن تعاملات پویای بیشتری را فراهم میکنند.
✅ کاهش بسیار زیاد تعداد رفرشهای یک صفحه، تفاوت اصلی یک وبسایت معمولی و SPA است. SPA از AJAX استفاده زیادی میکند تا بدون انجام یک رفرش کامل به سرورها وصل شود و دادههای لودشده را به برنامه بیاورد. در نتیجه، فرایند رندر گرفتن از صفحات اغلب در سمت کلاینت صورت میگیرد.
🔰 برای مثال، اگر به جیمیل بروید، متوجه خواهید شد که با باز کردن یک ایمیل در صندوق ورودی، فقط ایمیل از سرور گرفته (fetch) شده و در لیست ایمیلها نشان داده میشود. بقیه کامپوننتها مثل sidebar، navigation bar و غیره، لود نمیشوند. یعنی DOM (Document Object Model را فقط برای بخش موردنیاز رفرش میکند. درنتیجه، بار لودِ وبسایت کاهش مییابد.
🖥 @FunProGraming
برنامههای تک صفحهای (یا SPA) :
✅ برنامههایی هستند که میتوانید مانند سایر وبسایتها از طریق یک مرورگر به آنها دسترسی داشته باشید، اما با داشتن ظاهری مشابه با نرمافزارهای کامپیوتری و نیتیو موبایل، امکان داشتن تعاملات پویای بیشتری را فراهم میکنند.
✅ کاهش بسیار زیاد تعداد رفرشهای یک صفحه، تفاوت اصلی یک وبسایت معمولی و SPA است. SPA از AJAX استفاده زیادی میکند تا بدون انجام یک رفرش کامل به سرورها وصل شود و دادههای لودشده را به برنامه بیاورد. در نتیجه، فرایند رندر گرفتن از صفحات اغلب در سمت کلاینت صورت میگیرد.
🔰 برای مثال، اگر به جیمیل بروید، متوجه خواهید شد که با باز کردن یک ایمیل در صندوق ورودی، فقط ایمیل از سرور گرفته (fetch) شده و در لیست ایمیلها نشان داده میشود. بقیه کامپوننتها مثل sidebar، navigation bar و غیره، لود نمیشوند. یعنی DOM (Document Object Model را فقط برای بخش موردنیاز رفرش میکند. درنتیجه، بار لودِ وبسایت کاهش مییابد.
🖥 @FunProGraming
#آموزش_انگولار #بخش_اول_2
🔰 تفاوتهای انگولار و انگولار جی اس (Angular vs. Angular js)
✅ برنامههای انگولار معماری متفاوتی در مقایسه با برنامههای Angular js دارند. ماژولها، کامپوننتها، تمپلتها، متادیتا، دیتا بایندیگ، directiveها، سرویسها و dependency injection قسمتهای اصلی سازندهی Angular هستند. کمی جلوتر دربارهشان صحبت خواهیم کرد.
✅ در واقع Angular، نسخه کاملاً از نو نوشته شده Angular js است.
✅ در Angular مفاهیمی مثل “scope” یا controller وجود ندارد و درعوض معماری اصلی آن ساختار سلسله مراتبی کامپوننتهاست.
✅ انگولار سینتکس ساده تری دارد، از “[]” برای property binding و از “()” برای event binding استفاده میکند.
✅ اگر اول مشکلات سرعت موبایل برطرف شوند، توسعه برنامه موبایلی بسیار سادهتر میشود. به همین دلیل Angular ابتدا توسعه برنامه موبایلی را مدیریت میکند.
✅ماژولاریتی (Modularity): ECMAScript 6 (ES6) از مفهوم ماژولاریتی پیروی میکند. عملکردهایِ مشابه کنار هم در یک ماژول نگه داشته میشوند. این مسئله هسته انگولار را سبکتر و سریعتر میکند.
🖥 @FunProGraming
🔰 تفاوتهای انگولار و انگولار جی اس (Angular vs. Angular js)
✅ برنامههای انگولار معماری متفاوتی در مقایسه با برنامههای Angular js دارند. ماژولها، کامپوننتها، تمپلتها، متادیتا، دیتا بایندیگ، directiveها، سرویسها و dependency injection قسمتهای اصلی سازندهی Angular هستند. کمی جلوتر دربارهشان صحبت خواهیم کرد.
✅ در واقع Angular، نسخه کاملاً از نو نوشته شده Angular js است.
✅ در Angular مفاهیمی مثل “scope” یا controller وجود ندارد و درعوض معماری اصلی آن ساختار سلسله مراتبی کامپوننتهاست.
✅ انگولار سینتکس ساده تری دارد، از “[]” برای property binding و از “()” برای event binding استفاده میکند.
✅ اگر اول مشکلات سرعت موبایل برطرف شوند، توسعه برنامه موبایلی بسیار سادهتر میشود. به همین دلیل Angular ابتدا توسعه برنامه موبایلی را مدیریت میکند.
✅ماژولاریتی (Modularity): ECMAScript 6 (ES6) از مفهوم ماژولاریتی پیروی میکند. عملکردهایِ مشابه کنار هم در یک ماژول نگه داشته میشوند. این مسئله هسته انگولار را سبکتر و سریعتر میکند.
🖥 @FunProGraming
✅ برای اینکه شما بتوانید کلمات یک زبان به عنوان مثال انگلیسی را بخوانید ، هیچوقت به سراغ یاد گرفتن نحوه خواندن کلمه ها نمیروید ! بلکه ابتدا حروف الفبای آن زبان را یاد میگیرید ، سپس هرکلمه جدیدی ک مقابل شما قرار بگیرد قادر به خواندنش خواهید بود !
✅ در #برنامه_نویسی ، الفبا همان #مکانیزم_طبیعی_ذهن است ! اگر الفبا را یاد بگیرید ، خواندن کلماتی که همان زبان های برنامه نویسی مختلف هستند برای شما ساده خواهد بود !
🖥 @FunProGraming
✅ در #برنامه_نویسی ، الفبا همان #مکانیزم_طبیعی_ذهن است ! اگر الفبا را یاد بگیرید ، خواندن کلماتی که همان زبان های برنامه نویسی مختلف هستند برای شما ساده خواهد بود !
🖥 @FunProGraming
✅ فرض کنید به شما گفته اند که در یک کیلومتری شما یک شمش طلا وجود دارد و ده دقیقه فرصت دارید که آنرا بردارید ، شما برای رسیدن به این جایزه بزرگ با اولین وسیله ی نقلیه ای که مقابل شما قرار میگیرد ، چه موتورسیکلت باشد ، چه ماشین بنز و چه پراید خودتان را به آن شمش خواهید رساند!
✅ پس چرا بعضی ها تصور میکنند برای رسیدن به هدف (شمش طلا) مهم است که چه زبان برنامه نویسی (وسیله نقلیه) ای را انتخاب کنند!
🖥 @FunProGraming
✅ پس چرا بعضی ها تصور میکنند برای رسیدن به هدف (شمش طلا) مهم است که چه زبان برنامه نویسی (وسیله نقلیه) ای را انتخاب کنند!
🖥 @FunProGraming
✅ میخوام یه ماجرای خیلی آشنا بهتون بگم ! خیلی از افرادی که به تازگی برنامه نویسی رو شروع کردن ، به فرصت های شغلی روبروشون نگاه میکنند و میبینند که نوشته شده : پروژه فلان نرم افزار با زبان C# ده میلیون تومن ، پروژه فلان وبسایت با پایتون ده میلیون و .... بعدش حسرت میخورن و تو فکر میرند که کدوم زبان رو بخونن ! وقتی از بقیه برنامه نویس ها میپرسن هرکدوم یک زبان رو پیشنهاد میکنه ، یکی میگه c بخون که پایس ، یکی میگه پایتون بخون که راحت تره و ...
بعد یه مدت برنامه نویس تازه کار تبدیل میشه به یک فرد کاملا سردرگم!
✅ دوست عزیز ! زمانی بود که وقتی چت تصویری به ایران اومد ، خیلی از مراجع اون رو حرام کردن ! اما آیا میشه جلوی دانش و تکنولوژی رو گرفت ؟ این یک پست تبلیغاتی نیست ! یک پیشنهاد بهتره ! #مکانیزم_طبیعی_ذهنت رو فعال کن تا درگیر انتخاب زبان ها برنامه نویسی نباشی! با یک تیر ، چند نشان بزن ، با یک علم ، چند زبان یادبگیر ...
🖥 @FunProGraming
بعد یه مدت برنامه نویس تازه کار تبدیل میشه به یک فرد کاملا سردرگم!
✅ دوست عزیز ! زمانی بود که وقتی چت تصویری به ایران اومد ، خیلی از مراجع اون رو حرام کردن ! اما آیا میشه جلوی دانش و تکنولوژی رو گرفت ؟ این یک پست تبلیغاتی نیست ! یک پیشنهاد بهتره ! #مکانیزم_طبیعی_ذهنت رو فعال کن تا درگیر انتخاب زبان ها برنامه نویسی نباشی! با یک تیر ، چند نشان بزن ، با یک علم ، چند زبان یادبگیر ...
🖥 @FunProGraming