همونطور که اطلاع دارید درxa0جلسه قبلxa0بحث مربوط به Module ها رو به پایان رسوندیم و شما رو با همه ویژگی های اون آشنا کردیم. در این جلسه میخوایم موضوع Iterator ها رو شروع کنیم و با توضیحات و مثالهای کاربردی، اونا رو برای شما توضیح بدیم. برای این آموزش از این لینک به عنوان منبع استفاده میکنیم. یادگیری...

معماری کانسپچوآل این برج توسط Aedas پیشنهاد شد. این مجتمع مسکونی در یکی از مهم ترین مناطق شهر دبی قرار دارد و از چشم انداز زیبای خلیج فارس برخوردار می باشد. طرح شامل 3 برج مسکونی است که بر فراز مجموعه ای خوشه ای شکل از واحدهای ویلایی و تجاری قرار گرفته است. برج ها 43 تا 56 طبقه هستند و دارای واحدهای...

سلام به همه دوستان خوبمامیدوارم که خوب و سلامت باشید داشتم در مورد جاذبه های دیدنی دنیا مطلب نمی خواندم ، به مطلب بسیار جالبی بر خوردم، با شما دوستان خوبم به اشتراک می گذارم امیدوارم که براتون جالب باشههتل مکانی است مناسب برای اقامت مسافرانی که در شهرهایی غیر از محل زندگی خودشان به گردشگری و سفر می ...

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که در اون تعدادی اپلیکیشن iOS بسیار زیبا و الهام بخش قرار داده شده و میتونین از اونا ایده های زیادی بگیرید. برای شروع وارد سایتxa0LaudableAppsxa0بشین. توضیحات مربوط به سایت LaudableApps در بالای سایت چنین چیزی وجود دارد: با استفاده از سوئیچ میتونیم بین...

همونطور که اطلاع دارید درxa0جلسه قبلxa0بحث مربوط به Module ها رو به پایان رسوندیم و شما رو با همه ویژگی های اون آشنا کردیم. در این جلسه میخوایم موضوع Iterator ها رو شروع کنیم و با توضیحات و مثالهای کاربردی، اونا رو برای شما توضیح بدیم. برای این آموزش از این لینک به عنوان منبع استفاده میکنیم. یادگیری...

{ const config = { in: { base: { duration: 1, delay: 50, easing: 'linear', opacity: 1 }, path: { duration: 800, delay: 100, easing: 'easeOutElastic', delay: function(t,i) { retu i*20; }, scale: [0,1], }, content: { duration: 300, delay: 250, easing: 'easeOutExpo', scale: [0.7,1], opacity: { value: 1...

در جلسه اول از دوره آموزشی SASS می پردازیم به معرفی پیش پردازنده SASS و مروری خواهیم داشت بر ساختار و انواع سینتکس های آن... در این جلسه می پردازیم به : مفاهیم پیش پردازنده های CSS بررسی دلایل و مزیت استفاده از پیش پردازنده های CSS بررسی انواع ساختار نوشتاری در SASS بررسی تفاوت ساختار SASS و SCSS بر...

به نام خدا و سلام.در جلسه دوم از مینی پروژه های دوره مجازی آنگولار جی اس در خدمت شما هستیم با پیاده سازی سیستم لایک در برنامه های SPA به همراه پیاده سازی بخش سمت سرور. در ابتدا جدول مطالب رو ایجاد می کنیم و داده های این جدول رو با استفاده از httpServicexa0 فراخوانی می کنیم و در صفحه نمایش میدیم. بخش...

{ const config = { in: { base: { duration: 500, easing: 'easeOutQuint', translateY: [100,0], opacity: { value: 1, duration: 50, easing: 'linear' } }, shape: { duration: 350, easing: 'easeOutBack', scaleY:xa0xa0{ value: [1.3,1], duration: 1300, easing: 'easeOutElastic', elasticity: 500 }, scaleX: { v...

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که در اون لیستی از منابع و ابزارهای مختلف قرار داده شده که با استفاده از اونا میتونین به یک طراح حرفه ای تبدیل بشید. برای شروع وارد سایتxa0Product Disruptxa0بشین. توضیحات مربوط به سایت Product Disrupt در سایت Product Disrupt مجموعه ای از منابع و ابزاری...

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که در اون فونتی زیبا و با کیفیت بالا قرار داده شده که میتونین اون رو بصورت رایگان دانلود کرده و مورد استفاده قرار بدین. برای شروع وارد سایتxa0Unchainedxa0بشین. توضیحات مربوط به فونت Unchained این فونت توسطxa0Pavel Korzhenkoxa0ساخته شده است و بصورت رایگ...

در این قسمت میخوام یکxa0کدxa0( Button effectsxa0) جالب رو در اختیارتون بزارم. توضیحات مربوط به افکت های دکمه یا Button effects همونطور که دیدید سه دکمه قرار داده شده و زمانی که بر روی اونا هاور میکنید، افکت زیبایی برای اونا اجرا میشه و Border های اونا به زیبایی تغییر حالت و مکان میدن. برای ساخت این ...

همونطور که اطلاع دارید درxa0جلسه قبلxa0مقدماتی در مورد Module ها و کار با اونا بهتون توضیح دادیم. همچنین نحوه کار با ابزار Rollup برای Bundle کردن ماژول ها رو نیز بهتون آموزش دادیم. در این جلسه میخوایم موضوع ماژول ها رو ادامه بدیم و مثالهای عملی و کاربردی رو براتون بزنیم تا بصورت کامل با اونا آشنا ب...

در جلسه دوازدهمxa0این دوره آموزشی می پردازیم به طراحی دهمینپروژه این دوره و نکات و تکنیک هایxa0جالبی رو مورد بررسی و پیاده سازی قرار خواهیم داد در این جلسه می پردازیم به : بررسیxa0ابزار Distort بررسیxa0 ابزارxa0Warp بررسیxa0Chqnnel Mixer و... پروژه این جلسه :

در این مطلب میخوامxa0سایتیxa0رو بهتون معرفی کنم که در اون مجموعه ای از هدرهای زیبای غیرمستطیلی برای ایده گرفتن قرار داده شده است. برای شروع وارد سایتxa0Non Rectangular Headersxa0بشین. توضیحات مربوط به Non Rectangular Headers همونطور که میدونین بیشتر سایتهایی که تا حالا دیدیم، هدر و قسمتهای صاف و مست...

//jQuery is required to run this code$( document ).ready(function() {xa0xa0xa0xa0scaleAnimationContainer();xa0xa0xa0xa0initBannerAnimationSize('.animation-container .animation img');xa0xa0xa0xa0initBannerAnimationSize('.animation-container .mask');xa0xa0xa0xa0initBannerAnimationSize('.animation-cont...

همونطور که اطلاع دارید درxa0جلسه قبلxa0مقدماتی در مورد Module ها و کار با اونا بهتون توضیح دادیم. در این جلسه میخوایمxa0این موضوع رو ادامه بدیم و مثالهای عملی و کاربردی رو براتون بزنیم تا بصورت کامل با اونا آشنا بشید. مثالی ساده برای یادگیری Module در جلسه قبل مقدماتی در مورد ماژول ها رو گفتیم. خب د...

در این قسمت میخوام یکxa0کدxa0( CSS minesweeperxa0) جالب رو در اختیارتون بزارم. توضیحات مربوط به CSS minesweeper همونطور که دیدید بازی مین یاب یا minesweeper که در ویندوز وجود داره با استفاده از CSS خالص شبیه سازی شده و میتونین به راحتی بازی کنید و مین های مورد نظر رو پیدا کرده و خنثی کنید. شاید تعجب...

همونطور که اطلاع دارید درxa0جلسه قبلxa0در موردxa0Symbol هاxa0در ES6xa0توضیحاتی رو قرار دادیم و شما رو بصورت کامل با اونا آشنا کردیم. در این جلسه میخوایم در موردxa0کار با Module یا ماژول ها که درxa0ES6 معرفی شده است، توضیحاتی رو قرار بدیم. مشکلات قبل از معرفی Module همونطور که اطلاع دارید در گذشته یک...

{ const config = { in: { base: { duration: 1, easing: 'linear', opacity: 1 }, path: { duration: 800, easing: 'easeOutQuint', rotate: [0,90], opacity: { value: 1, duration: 200, easing: 'linear' } }, content: { duration: 600, easing: 'easeOutQuint', translateX: [50,0], opacity: { value: 1, duration: ...