سون لرن • آموزش

کیش با توجه به زیبایی مجذوب و خیره کننده‌ای که دارد توانسته عنوان نگین خلیج فارس را در میان گردشگران را به خود اختصاص دهد؛ هرساله بیش از هزاران مسافرین ایرانی و خارجی قصد سفر به جزیره کیش را دارند. اگر بخواهیم این جزیره را با دیگر جزایر خیج فارس مقایسه‌ای داشته باشیم، می‌توانیم بگوییم که این جزیره یکی از مقاصد لاکچری و پرهزینه محسوب می‌شود که امکان دارد برای برخی از مسافرین قیمت تور کیش زیاد باشد. به چند روش می توان تور کیش را تجربه کرد؟ سایت گردشگری لحظه آخر با فعالیت ۱۰ ساله و همکاری با آژانس‌های گردشگری معتبر توانسته این تضمین را به مسافرین و گردشگران بدهد که با هر بودجه‌ای که دوست دارند می‌توانند به این جزیره سفر کنند. همچنین تورهای کیش به دو صورت هوایی و زمینی برگزار می‌شود که اغلب تورهای هوایی کیش از تهران است. تور هوایی کیش، توری برای خوش گذرانی بیشتر! تور هوایی کیش را اغلب مسافرانی جذب می‌شوند که تمایل دارند بیشتر اواقات سفرشان را در جزیره کیش سپری کنند تا در مسیر! اگر دوست دارید درکنار سفری راحت و سریع، سفری مقرون با همان کیفیت تور استاندارد را هم تجربه کنید، تور لحظه آخری هوشمندانه‌ترین انتخاب گردشگران به حساب می‌آید. در ضمن زمانی که با تور سفر خود را آغاز می‌کنید خرید بلیط هواپیما و رزرو هتل به عهده آژانس مسافرتی یا گردشگری بوده و مسافرین با مشکلاتی نظیر پیدا نکردن بلیط یا تکمیل بودن ظرفیت اقامتگاه‌ها مواجه نخواهید شد! همچنین تور کیش ۳ شب و ۴ روز را اغلب مسافرانی انتخاب می‌کنند که تمایل به تفریح چند روزه در جزیزه کیش را دارند. ایرلاین‌هایی که تور کیش را ارائه می‌دهند عبارت‌اند از: کیش ایر قشم ایر تابان معراج کاسپین وارش زاگرس آتا فلای پرشیا پارس ایر سپهران ایران, ...ادامه مطلب

همونطور که اطلاع دارید در جلسه قبل مبحث مربوط به Proxy API رو به پایان رسوندیم و شما رو بصورت کامل با اون آشنا کردیم. در این جلسه میخوایم کار با module یا ماژول ها در مرورگر رو به شما توضیح بدیم و آموزش مربوط به ES6 رو به پایان برسونیم. همونطور که خ,استفاده ...ادامه مطلب

همونطور که اطلاع دارید در جلسه قبل در مورد ویژگی Pointer-events توضیحاتی رو قرار دادیم و مثالهایی رو زدیم تا شما رو با قابلیتهای اون آشنا کنیم. در این جلسه میخوایم کار با ویژگی های text-shadow و box-shadow و فیلتر drop-shadow و کاربردهای اونا رو به ش, ...ادامه مطلب

جلسات مربوط به دو مطلب که قرار است توسط دانشجویان دوره نظر سنجی شود بعد از مشخص شدن در وب سایت قرار خواهد گرفت. هم چنین یکی جلسه برای پیاده سازی درگاه پرداخت در جلسه فرم آسان پرداخت تهیه خواهد شد و در سایت قرار خواهد گرفت. ,وردپرسجلسه,پشتیبانی,بلادرنگ ...ادامه مطلب

همونطور که اطلاع دارید در جلسه گذشته نکات زیادی رو در مورد درست کردن استایل پرینت براتون قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه با ادامه نکات در خدمتتون هستیم. 11. استفاده از Media Query فرض کنید که شما یک Media query شبیه به مورد زیر دارید: @media screen and (min-width: 48em) {     /* screen only */ } چون در query بالا از نوع screen استفاده کردیم، پس این کدها فقط در دستگ,ترفندهای,بهینه,سازی,قالب,سایت,برای,گرفتن,قسمت ...ادامه مطلب

0 27 ۲۳ مرداد ۹۶ همونطور که اطلاع دارید در جلسه قبل یک مثال رو با هم بررسی کردیم و مشکل برچسب طولانی مقالات رو با استفاده از ویژگی min-width و قرار دادن مقدار auto برای height، برطرف کردیم. در این جلسه میخوایم مثال دیگه ای رو با هم بررسی کنیم و روش حل اون رو یاد بگیریم. مثال 4 : بخش header به همرا,مدیریت,محتوای,طولانی,غیرمنتظره,توسط,قسمت ...ادامه مطلب

;(function(window) { /** * GridLoaderFx obj. */ function GridLoaderFx(el, options) { this.el = el; this.items = this.el.querySelectorAll('.grid__item > .grid__link'); } GridLoaderFx.prototype._render = function(effect) { // Reset styles. this._resetStyles(); var self = this, effects = { 'Shu':, ...ادامه مطلب

0 81 ۱۵ مرداد ۹۶ به نام خدا و سلام. در این جلسه که جلسه پایانی بخش سرفصل ها هستش در مورد ابزار gulp برای مدیریت کدهای angularjs صحبت می کنیم. نکته : اولین مینی پروژه در تاریخ 31 مرداد ماه بر روی سایت قرار خواهد گرفت. این مطلب یک جلسه از دوره آموزش فریمورک محبوب AngularJS - پروژه پنل کاربری پیشرفته, ...ادامه مطلب

0 25 ۱۶ تیر ۹۶ به نام خدا وسلام. لاگ کردن اطلاعات لایک ها یکی از بخش های مهم این کد هستش که حتما باید پیاده سازی بشه. برای جلوگیری از لایک کردن های مجدد و در نتیجه داشتن اطلاعات اشتباه از این بخش باید حتما بخش لاگ اطلاعات رو داشته باشیم. در این بخش این مسئله رو پیگیری می کنیم. این مطلب یک جلسه از , ...ادامه مطلب

0 61 ۲۳ خرداد ۹۶ در جلسه قبل قواعد Hoisting مربوط به توابع رو توضیح دادیم و شما رو با اونا آشنا کردیم. در این جلسه قصد داریم قواعد Hoisting مربوط به Class یا کلاسها در Javascript رو به شما آموزش بدیم و نکات مربوط به Hoisting رو به پایان برسونیم. همونطور که میدونین در ES5 خیلی بر روی برنامه نویسی , ...ادامه مطلب

0 110 ۱۰ خرداد ۹۶   به نام خدا و سلام. در خدمت شما هستیم با جلسه چهارم از دوره مجازی laravel. در این جلسه در مورد کلاس های abstract و استفاده اونها و هم چنین تفاوت اونها با interface ها صحبت می کنیم. در ادامه در مورد فیلد ها و متدهای static صحبت می کنیم و در انتها trait ها رو بررسی می کنیم. این مط, ...ادامه مطلب

*, *::after, *::before {-webkit-box-sizing:border-box;box-sizing:border-box;}.tilter {display:block;position:relative;width:300px;height:415px;margin:3emauto;color:#fff;perspective:1000px;}.tilter * {pointer-events:none;}.tilter:hover,.tilter:focus {color:#fff;outline:none;}/*.tilter__figure,.tilter, ...ادامه مطلب

0 3 ۳۱ اردیبهشت ۹۵ در این مطلب با ادامه آموزش واکنشگرا کردن تصاویر در خدمتتون هستم. در این قسمت با آخرین جلسه از واکنشگرا کردن تصاویر در خدمتتون هستم. در این جلسه میخایم تعدادی راه و روش و منبع و نکات پایانی رو خدمتتون عرض کنیم. بازرسی تصاویر واکنشگرا اولین قدمی که میخایم یک سایت رو ببینیم و تصاویر اون رو واکنشگرا کنیم اینه که اون رو بررسی کرده و مورد آنالیز قرار بدیم. برای اینکار میتونین این آموزش رو مطالعه کنید و دید بهتری نسبت به بازرسی سایت داشته باشید. Compatibility یا سازگاری پشتیبانی مرورگرها برای واکنشگرا کردن تصاویر بسرعت در حال رشد و نمو هست. از آگوست 2015 مروگرهای کروم، فایرفاکس و اپرا تمام موارد picture و srcset و sizes و type رو پشتیبانی میکنن. Microsoft Edge و Safari از srcset با توصیف گر x پشتیبانی میکنن، ولی از توصیف گر width پشتیبانی نمیکنن. مایکروسافت برای پشتیبانی کامل از واکنشگرا کردن تصاویر گام برداشته. زمانی که ویژگی image-set رو بررسی میکنیم، میبینیم که کارهای زیادی برای انجام وجود دارن. PictureFill اما حتی اگر همه مرورگرهای جدید و مدرن از استانداردهای موجود برای واکنشگرا کردن تصاویر پشتیبانی میکردن، همچنان باید راهی رو پیدا میکردیم که این Syntax رو به مرورگرهای قدیمی نیز بفهمونیم. اینجا هست که PictureFill polyfill خودشو نشون میده. با استفاده از این ابزار میتونین با استفاده از روشهای مرورگرهای مدرن کد بزنید و این ابزار اونو برای مرورگرهای قدیمی بصورت اتوماتیک بهینه میکنه و میفهمونه. اتوماتیک کردن فرآیند تصاویر در قسمت قبلی بیان شد که انسانها نباید خودشون بصورت دستی برای تک تک تصاویر Image Breakpoint ها رو پیدا کنن و استفاده کنن و باید نرم افزاری باشه که بصورت اتوماتیک این کار رو برای ما انجام بده. هدف نهایی و عمده ای که بیشتر سازمان ها دارن اینه که فرآیند واکنشگرا کردن و تغییر سایز تصاویر بصورت اتوماتیک انجام بشه و خودشون خیلی در اون نقشی نداشته باشن و دخیل نباشن. برای مواردی که Resolution Switching هستند میتونین آیتمهای زیر رو مدنظر قرار بدین: تا جایی که ممکن هست از تصاویر SVG که در هر سایزی خوب نمایش داده میشن استفاده کنید زمانی که قالب سایت رو میسازید و یا اون رو تغییر میدین، طراح قالب سایز تصاویر رو برای تصاویر متفاوت مشخص کنه و قرار , ...ادامه مطلب

0 3 ۲۷ اردیبهشت ۹۵ در این بخش که آخرین جلسه از دوره آموزش سئو هست به مطالب آخر فصل و همچنین جمع بندی مطالب دوره خواهیم پرداخت که دانشجویان نکات مهم دوره را بهتر درک کرده و در بهینه سازی سایت خود روی آنها تمرکز بیشتری داشته باشند. همچنین منابعی را در اخر این جلسه معرفی خواهیم کرد تا  از جدیدترین مطالب مربوط به سئو باخبر شوند.     مطالب مطرح شده در این جلسه عبارتند از : مطالب فصل آخر دوره که مربوط به درست یا غلط برخی باورها در رابطه با سئو می باشد. جمع بندی دوره معرفی منابع و... *  آموزش در حال رندر و آپلود می باشد   این مطلب یک جلسه از دوره آموزش جامع سئو و بهینه سازی سایت برای موتورهای جستجو است و برای دیدن آن باید در این دوره ثبت نام کنید . توضیحات : Seo مخفف Search Engine Optimization به معنای بهینه سازی سایت برای موتور های جستجو می باشد. با توجه به درخواست های بالای کاربران ، مبنی بر برگزاری دوره سئو و همچنین نیاز به برگزاری یک دوره جامع برای آشنایی بیشتر وبمستران با بحث سئو ، برآن شدیم که یکی از دوره های سایت سون لرن را به مبحث SEO اختصاص دهیم. شما اگر بهترین برنامه نویس ، بهترین طراح رابط کاربری باشید و یا به طور کلی صاحب بهترین سایت هم که باشید ، تا زمانی که با بحث SEO آشنایی نداشته باشید نمیتوانید در سطح اینترنت خدمات ، کالا یا ... را به مخاطبانتان معرفی کنید یا به فروش برسانید. بنابرین سئو یک مبحث ضروری برای تمامی وبمستران و طراحان وب سایت می باشد که بایستی با آن آشنایی داشته باشند. متاسفانه بسیاری از طراحان وب و وبمسترها باورهای اشتباهی در رابطه با سئو دارند که باعث میشود این مبحث را یک چیز ساده یا برعکس یه چیز خیلی پیچیده بدانند. آیا میزان سئوی وب سایت خودتان رو براساس ابزار های آنالیز سئو تشخیص میدهید؟ آیا سئوی سایت خود را در طراحی قالب سایت خود می بینید؟ آیا سئوی سایت را در قرار دادن لینک خود در سایت های دیگر می بینید ؟ آیا سئو سایت را در نصب افزونه های موجود برای CMS های خود میدانید؟ بسیاری از سوالات این چنینی ممکن است ذهن شما را درگیر کرده باشد! در این دوره شما با پاسخ این سوالات و نحوه برخورد صحیح با آن ها آشنا خواهید شد. باید بدانید که سئو محدود به یک زمینه خاص نیست ، سئو ؛ ترکیبی از علم ، هنر و خلاقیت است. ما در این دوره سعی می کنیم به صورت جامع , ...ادامه مطلب

0 10 ۱۰ اسفند ۹۴ در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره. موضوع 5 : امکانات دیگر مورد 9 : Parse HTML اگر بخوایم در jQuery از Parse HTML استفاده کنیم، بصورت زیر عمل میکنیم: $.parseHTML(htmlString); در jQuery که به راحتی میتونین این کار رو انجام بدین. میبینید که از متد parseHTML استفاده کردیم. این متد یک ورودی دریافت میکنه. این متد، رشته HTML مورد نظر رو تجزیه و تحلیل میکنه و اون رو بصورت یک شئ در میاره و تحویل میده. حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود: برای IE8 به بالا: 1 2 3 4 5 6 7 var parseHTML = function(str) {   var el = document.createElement('div');   el.innerHTML = str;   retu el.children; }; parseHTML(htmlString); میبینید که در Javascript نیز به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید. در ابتدا یک تابع بنام parseHTML ساختیم و یک ورودی بنام str برای اون انتخاب کردیم. در نهایت هم هر جا که بخایم میتونیم از این تابع استفاده کنیم. برای IE9 به بالا: 1 2 3 4 5 6 7 var parseHTML = function(str) {   var tmp = document.implementation.createHTMLDocument();   tmp.body.innerHTML = str;   retu tmp.body.children; }; parseHTML(htmlString); میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید. در اینجا از متدهای بهینه تری استفاده شده که در مرورگرهای قدیمی پشتیبانی نمیشن. مورد 10 : استفاده از Parse JSON اگر بخوایم در jQuery از Parse JSON استفاده کنیم، بصورت زیر عمل میکنیم: $.parseJSON(string); میبینید که از متد parseJSON استفاده شده و رشته JSON مورد نظر رو بعنوان ورودی به اون میدیم و این متد موارد مورد نظر رو بر روی اون انجام میده و خروجی رو در اختیار شما قرار میده. حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود: برای IE8 به بالا: JSON.parse(string); میبینید که در Javascript نیز میتونین براحتی چنین کاری رو انجام بدین. در اینجا از متد parse که یک متد از قبل تعریف شده هست، استفاده کردیم. مور, ...ادامه مطلب