نرم افزار تک صفحه ای
SPA: Single Page Application
خیلی دیدین روی فیسبوک یا سایت های معروف بیشتر کارها بدون رفرش کل صفحه انجام میشه. حالا گاهی اون بالا هم کلک میزنن و آدرس تغییر میکنه ولی صفحه خیلی سریع به شما جواب میده و مثل قدیم با زدن روی هر دکمه یا لینک مجبور نیستی چند ثانیه صبر کنی تا اطلاعات جدید بیاد. این کارها رو قبل از اینا فقط برنامه نویس های فوق حرفه ای بلد بودن و تکنولوژی خیلی سخت و لج آور ajax لازم بود.
حالا فریم ورک Vue.js که شبیه معجزه عمل میکنه و در واقع خودش یازده هزار خط جاوااسکریپت هست، از سال ۲۰۱۴ پیداش شده و یادگیریش از همزادهای دیگه اش مثل Angular یا React بسیار سریع تره.
تنها کتاب فارسی اون رو به صورت پروژه محور بخونین و از توانایی هایی که بعدش به دست میارین لذت ببرین! و البته قبلش لازمه جزوه ی جاوااسکریپت رو هم نگاهی انداخته باشین.
#javascript #vue #spa #book
SPA: Single Page Application
خیلی دیدین روی فیسبوک یا سایت های معروف بیشتر کارها بدون رفرش کل صفحه انجام میشه. حالا گاهی اون بالا هم کلک میزنن و آدرس تغییر میکنه ولی صفحه خیلی سریع به شما جواب میده و مثل قدیم با زدن روی هر دکمه یا لینک مجبور نیستی چند ثانیه صبر کنی تا اطلاعات جدید بیاد. این کارها رو قبل از اینا فقط برنامه نویس های فوق حرفه ای بلد بودن و تکنولوژی خیلی سخت و لج آور ajax لازم بود.
حالا فریم ورک Vue.js که شبیه معجزه عمل میکنه و در واقع خودش یازده هزار خط جاوااسکریپت هست، از سال ۲۰۱۴ پیداش شده و یادگیریش از همزادهای دیگه اش مثل Angular یا React بسیار سریع تره.
تنها کتاب فارسی اون رو به صورت پروژه محور بخونین و از توانایی هایی که بعدش به دست میارین لذت ببرین! و البته قبلش لازمه جزوه ی جاوااسکریپت رو هم نگاهی انداخته باشین.
#javascript #vue #spa #book
spa.zip
78.9 KB
نمونه اپ تک صفحه یا SPA
در اینجا یک نمونه ی جالب از اپ تحت وب تک صفحه یا سینگل پیج رو ملاحظه می کنید. در واقع همون طور که بعد از اجرا خواهید دید با اشاره روی لینک ها صفحه رفرش نشده و فقط محتوا عوض می شود! اگر دنبال یادگیری سریع و ارزان این تکنیک هستین کافیست کتاب پروژه محور Vue.js رو که مثالهای فارسی داره نگاهی بندازین.
#vue #javascript #spa
در اینجا یک نمونه ی جالب از اپ تحت وب تک صفحه یا سینگل پیج رو ملاحظه می کنید. در واقع همون طور که بعد از اجرا خواهید دید با اشاره روی لینک ها صفحه رفرش نشده و فقط محتوا عوض می شود! اگر دنبال یادگیری سریع و ارزان این تکنیک هستین کافیست کتاب پروژه محور Vue.js رو که مثالهای فارسی داره نگاهی بندازین.
#vue #javascript #spa
تکنیک ساخت دوزبانه
با همین دو صفحه و چند خط به راحتی یک پیج دو زبانه نوشتم. همون جور که در خط سوم فایل سمت چپ معلومه، فریمورک Vue.js رو که کمتر از صد کیلوبایت هست باید بقلش دانلود و کپی کنید. با کلیک روی لینک زبان در جا پیج ها ترجمه میشن و حتا راست چین یا چپ چین هم میشن. کافیه بدون دونستن Vue فقط از روش ساختی که اینجا رفتیم تبعیت کنید و به کلمات اضافه یا کم کنید و گرافیک صفحه رو پیشرفته تر کنید.
اگه از ترکیب کدهای تک صفحه SPA و این کد هم استفاده کنید عالی میشه و دیگه با تغییر صفحات رفرش کل پیج انجام نمیشه و سایت به زبانی که تغییر دادین هم باقی میمونه.
#javascript #vue #spa
با همین دو صفحه و چند خط به راحتی یک پیج دو زبانه نوشتم. همون جور که در خط سوم فایل سمت چپ معلومه، فریمورک Vue.js رو که کمتر از صد کیلوبایت هست باید بقلش دانلود و کپی کنید. با کلیک روی لینک زبان در جا پیج ها ترجمه میشن و حتا راست چین یا چپ چین هم میشن. کافیه بدون دونستن Vue فقط از روش ساختی که اینجا رفتیم تبعیت کنید و به کلمات اضافه یا کم کنید و گرافیک صفحه رو پیشرفته تر کنید.
اگه از ترکیب کدهای تک صفحه SPA و این کد هم استفاده کنید عالی میشه و دیگه با تغییر صفحات رفرش کل پیج انجام نمیشه و سایت به زبانی که تغییر دادین هم باقی میمونه.
#javascript #vue #spa