در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بک بازی ساده با React ساخته شده که با استفاده از اون میتونین حافظه خودتون رو تست کنید. در ابتدا یک عدد دو رقمی نمایش داده میشه و به سرعت ناپدید میشه و شما باید اون عدد رو به خاطر بسپارید و در Input زیر اون وارد کنید و Enter رو بزنید. هر بار که در

0 30 ۳۱ خرداد ۹۶ همونطور که دیدید در جلسه قبل توضیحاتی در مورد Web Animation API دادیم و تفاوتها و شباهت های اون رو با CSS Animation بررسی کردیم. در جلسه قبل گفتیم که میتونیم از تنظیمات متنوعی که وجود داره استفاده کنیم. این تنظیمات بصورت زیر بودند: 1 2 3 4 5 6 7 8 9 10 11 12 var options

0 44 ۳۱ خرداد ۹۶ همونطور که اطلاع دارید در جلسه قبل یک مثال رو با هم بررسی کردیم و مشکلی که Placeholder بر روی Button قرار میگرفت رو با استفاده از position: relative برطرف کردیم. در این جلسه میخوایم مثال دیگه ای رو با هم بررسی کنیم و روش حل اون رو یاد بگیریم. مثال 3 : حل کردن مشکل نامهای طولانی هم

0 8 ۳۱ خرداد ۹۶ همونطور که اطلاع دارید در جلسات قبل توضیحاتی مقدماتی در مورد Javascript و ECMAScript دادیم و شما رو با اونا آشنا کردیم. بعد از اون درون ویدیوها محیط کار با ES6 رو آماده سازی کردیم و از این جلسه به بعد، ویژگی های مهم و متداولی که شما باید اونا رو بدونین رو بهتون آموزش میدیم. در این

0 22 ۱ تیر ۹۶ به نام خدا و سلام. برای ذخیره سازی داده ها در جدول های دیتابیس از model ها می شود که وظیفه برقراری ارتباط با دیتابیس و مدیریت تراکنش ها و کوئری ها را بر عهده دارند. در لاراول مدل ها توسط کلاس های خاصی تعریف شده که متد ها و ویژگی های خاصی دارند که در این جلسه بررسی می شوند. این مطلب ی

0 7 ۱ تیر ۹۶ به نام خدا وسلام. گاها لازم میشه که مشتری از شما میخواد اطلاعاتی از دیتابیس رو به صورت فرمت های معمول مثل فایل متنی ساده یا فایل اکسل براش خروجی بگیرید. در وردپرس این کار رو خیلی ساده می تونیم انجام بدیم. در این جلسه خروجی گرفتن شماره های موبایل کاربران رو به صورت فایل های متنی ساده و

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

0 21 ۳۰ خرداد ۹۶ همونطور که میدونید در جلسه قبل توضیحاتی در مورد Web Animation API خدمتتون دادم. در این جلسه در ابتدا به سایت Animista مراجعه میکنیم و یک افکت بنام Slide-in-blurred-top رو انتخاب میکنیم و کدهای اون رو کپی میکنیم. کدها بصورت زیر هستن: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 @keyf

در این قسمت میخوام یک کد ( Flexbox playground ) جالب رو در اختیارتون بزارم. همونطور که دیدید تقریبا همه ویژگی هایی که درون Flexbox وجود داره، در این صفه قرار داده شده و میتونین با تغییر دادن گزینه های موجود، حالات مربوط به Flexbox رو بصورت عملی تست کنید و بهتر با اونا آشنا بشید. بدلیل اینکه حجم کده

در این قسمت میخوام یک کد ( Lonely little box ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک جعبه درون صفحه قرار گرفته و زمانی که ماوستون درون صفحه حضور داشته باشه، خوشحال میشه و با حرکت ماوس، باکس نیز جابجا میشه. اما اگر ماوستون رو بیرون از صفحه ببرید، این جعبه ناراحت میشه. بدلیل اینکه حجم کدها

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش تغییر رنگ تصاویر با استفاده از گرادیان و Blend modes بصورت کامل قرار داده شده و با استفاده از اون میتونین Photo Toning رو انجام بدین. با مطالعه این آموزش چیزای زیادی یاد خواهید گرفت و بدردتون خواهد خورد. برای شروع وارد سایت photo-toning بشی

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی gem یا الماس ساخته شده با SVG رو قرار داده و زمانی که ماوستون رو جابجا میکنید، مثل این میمونه که دارید منبع روشنایی یا Light source رو جابجا میکنید و متناسب با اون سایه و روشن به وجود میاد. میتونین از این مثال ایده بگیرید. با کلیک کردن بر

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون سری آموزشی مقدماتی و پایه برای PHP قرار داده شده و میتونین اون رو دانلود کنید و از اون استفاده کنید. این سری آموزش ویدیویی ساخته شده توسط سایت Laracasts هست و میتونین از اون چیزای زیادی یاد بگیرید. برای شروع وارد سایت php-for-begi ers بشین. امید

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما آموزش میده که چطور برای کسانی که سرعت اینترنت ضعیفی دارند، لود شدن تصاویرتون رو بهینه تر کنید و تا زمانی که تصویر به صورت کامل لود نشدند، یک گرادیان شبیه به تصویر جای اون نمایش بدین تا کاربران خیلی کمبود تصویر رو حس نکنند. برای شروع وارد س

0 28 ۲۶ خرداد ۹۶ خب بالاخره وقت اون فرا رسید که ویژگی های اضافه شده به javascript در ES6 رو با هم بررسی کنیم و یاد بگیریم. در این نسخه از Javascript امکاناتی اضافه شد که در زمینه های مختلف کار رو برای ما راحت میکنن و میتونیم کاری که قبلا بصورت ترفند انجام میدادیم، بصورت مستقیم و استاندارد انجام ب

در این قسمت میخوام یک کد ( CSS only scroll indicator ) جالب رو در اختیارتون بزارم. همونطور که دیدید با اسکرول کردن به پایین و بالا، با توجه به موقعیتی که اسکرول داره، خط مربوطه هم کم و زیاد میشه و اگر به پایان صفحه برسید، این خط نیز به انتها میرسه. این کار توسط CSS خالص انجام شده و از Javascript اس

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون از ابزار CSShake استفاده شده و جزء یا Component رو برای React به وجود آورده که با استفاده از اون میتونین المنتهای مورد نظرتون رو به راحتی مورد لرزشهای مختلف قرار بدین و با استفاده از اون توجه کاربر رو به قسمتی از سایتتون جلب کنید. برای شروع وارد

در این قسمت میخوام یک کد ( Audio effect ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت پخش شدن صدا و موزیک قرار داده شده و میتونین از اون درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید.

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل روشهایی که در CSS در رابطه با واکنشگرا کردن تصاویر وجود داره رو بیان کرده و میتونین از اون استفاده کنید و بهتر و بهینه تر تصاویرتون رو واکنشگرا یا Responsive کنید. برای شروع وارد سایت responsive-images بشین. امیدوارم بدردتون بخوره. موف

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی در مورد Ecmascript 6 یا Ecmascript 2015 قرار داده و با مطالعه اون میتونین با ویژگی های مهم این نسخه از ES آشنا بشید. برای شروع وارد سایت ECMAScript6 بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی