۲ مطلب با موضوع «Knockout» ثبت شده است
آموزش Knockout (بخش دوم)
بسم الله الرحمن الرحیم
در صورتی که در دوره آموزش Angular شرکت نکردید پیشنهاد می کنیم، این دوره را حتما بررسی کنید، برای مشاهده این دوره می توانید از طریق لینک زیر اقدام کنید.
آموزش Angular
آموزش Knockout
دوره آموزشی Knockout
بخش دوم (شروع کار با Knockout)
اولین برنامه Knockout
قبل از اینکه به داخل بخش Knockout برویم نیاز است شما این کتابخانه را دانلود کنید و به صفحه خود آن را معرفی کنید.
برای دانلود این کتابخانه می توانید از طریق لینک زیر اقدام کنید
https://github.com/knockout/knockout/downloads
<script type='text/javascript' src='knockout-2.0.0.js'></script>
این روش به عنوان بهترین راه ممکن در نظر گرفته شده است اما شما می توانید برای مقاصد تمرین کدهای خود را در ابتدای صفحه اصلی برنامه در میان تگ JavaScript بنویسید.
<script type='text/javascript' src='jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='knockout-2.0.0.js'></script>
<script type='text/javascript' src='application.js'></script>
حالا وقت این است که یک view model فقط برای تعیین هر شی JavaScript شبیه به این مثال ایجاد کنید:
function viewModel() {
// Your code here
};
برای جداسازی بخش کد از بخش لایه نمایش بهتر است یک فایل JavaScript برای نگهداری از همه ی کدهای برنامه ایجاد کنید.
خاصیت data-bind (بعدا آن را توضیح خواهیم داد) جز دستورات محلی HTML نیست و browser نمی داند که معنای این دستور چیست. بنابراین به منظور تاثیر، Knockout به وسیله تابعko.applyBindings() که در انتهای کد ما نوشته شده است فعال شده است. همچنین اگر شما از فایل JavaScript خارجی استفاده می کنید یا کد شما در تگ <head> صفحه قرار گرفته است شما نیاز دارید کد Knockout را در یک تابع jQuery ready قرار دهید تا به درستی کار کند. در اینجا برای شروع Template پایه نوشته شده است:
آموزش Knockout (بخش اول)
بسم الله الرحمن الرحیم
باتوجه به تمایل دوستان به کتابخانه های Angular و knockout پس از دوره ای که در خصوص Angular برگزار کردیم. انشالله در این دوره قصد داریم با کتابخانه knockout آشنا شویم و از آن در پروژه های خود استفاده کنیم.
در صورتی که در دوره آموزش Angular شرکت نکردید پیشنهاد می کنیم، این دوره را حتما بررسی کنید، برای مشاهده این دوره می توانید از طریق لینک زیر اقدام کنید.
آموزش Angular
آموزش Knockout
دوره آموزشی Knockout
بخش اول
در این دوره آموزشی قرار است شما معماری Model-View-ViewModel (MVVM) را با استفاده از Knockout.js آموزش ببینید.
همچنین شما نحوه طراحی UI وب سایت خود را با استفاده از views و declarative bindingsیاد خواهید گرفت و داده های خود را به
و بتوانید اطلاعات خود را با استفاده از ویژگی dependency tracking مربوط به Knockout به صورت خودکار همگام (sync) نگه دارید.
تقریبا هر کسی فعالیت هایی با تکنولوژی های شناخته شده ای مانند jQuery داشته است، یا حداقل در مورد آن چیزهایی شنیده است. سادگی فوق العاده و conciseness این تکنولوژی زندگی میلیون ها توسعه دهنده در سرتاسر دنیا را ساده تر می کند که این واقعا فوق العاده است. البته متاسفانه jQuery راه حل مشکلی نیست و این طبیعی است. به محض اینکه شما تصمیم می گیرد تا برنامه های وبی که کمی پیچیدگی دارند را ایجاد کنید شما با یک مشکل مواجه می شوید، و آن مشکل این است که هیچ راه ساده ای برای طراحی UI وجود ندارد و همچنین نمی توانید به سادگی داده ها را بین عناصر مختلف انتقال دهید.