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

به کمک آرایه ها می‌توان مقادیر زیادی را در یک متغیر نگهداری کرد. کسب مهارت در کار با آرایه‌ها در برنامه نویسی، توانایی و کیفیت ما را افزایش خواهد داد. با استفاده از آرایه در PHP خواهیم توانست کارها , ...ادامه مطلب

در دنیای برنامه نویسی، هیچ برنامه‌ای بدون خطا نیست! خطاهای برنامه نویسی به دلایل مختلفی ایجاد می‌شوند. اگر بتوانیم خطاها را کشف کرده و آن‌ها را برطرف کنیم، هیچ گاه از خطاها و باگ‌ها نخواهیم ترسید! د, ...ادامه مطلب

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

همونطور که اطلاع دارید در جلسه قبل تعدادی نکته کاربردی درباره Network در اختیارتون قرار دادم. در این جلسه میخوایم تعدادی نکته کاربردی در مورد انتخابگر زمینه اجرا یا Execution context در Console رو بهتون آموزش بدیم. انتخاب کردن زمینه اجرا در Console ,ترفندهای,پیشرفته,انتخابگر ...ادامه مطلب

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

همونطور که اطلاع دارید در جلسه قبل در مورد Request Blocking توضیحاتی رو خدمتتون عرض کردیم و در این جلسه قصد داریم در مورد Capture Screenshot با هم بحث کنیم. با استفاده از این امکان میتونین بدون نیاز به هیچ افزونه ای، از صفحات مورد نظر خودتون تصویر تمام صفحه تهیه کرده و از اون استفاده کنید. نحوه گرفتن تصویر تمام صفحه خب در اینجا باید ابتدا اون سایتی که قصد دارید از اون تصویر تمام صفحه تهیه کنید رو ,ترفندهای,پیشرفته,مرورگر,چگونه,افزونه,تصویر,کنیم؟ ...ادامه مطلب

همونطور که خاطرتون هست، در جلسه قبل در مورد تبدیل Inspector به یک ویرایشگر قدرتمند، اطلاعاتی رو در اختیارتون قرار دادیم و با مثالها و تصاویری که قرار دادیم، شما رو بصورت کامل با اون و ویژگی هاش آشنا کردیم. در این جلسه میخوایم در مورد بلاک کردن درخواستهایی خاص صحبت کنیم و مبحث Block Request در Inspector رو بصورت کامل یاد بگیریم. همونطور که میدونین با استفاده از تب Network میتونیم همه درخواستها و Re,ترفندهای,پیشرفته,مرورگر,آموزش,درخواست ...ادامه مطلب

همونطور که خاطرتون هست، در جلسه قبل در مورد Code coverage اطلاعاتی رو در اختیارتون قرار دادیم و با مثالها و تصاویری که قرار دادیم، شما رو بصورت کامل با اون و ویژگی هاش آشنا کردیم. در این جلسه میخوایم نحوه اضافه کردن پروژه های مورد نظرمون به Workspace رو توضیح بدیم و با این ویژگی میتونیم Inspector یا DevTools رو به یک ویرایشگر قدرتمند تبدیل کنیم. فرض کنید که شما روی یک پروژه کار میکنید. همونطور که ,ترفندهای,پیشرفته,مرورگر,تبدیل,ویرایشگر,قدرتمند ...ادامه مطلب

همونطور که اطلاع دارید در جلسات گذشته ترفندهای بسیار زیادی رو برای Inspector مرورگر Chrome قرار دادیم و شما رو با ویژگی ها و امکاناتی که در اختیارتون قرار میده رو آشنا کردیم. از این جلسه به بعد سعی میکنیم در مورد ویژگی هایی که جدید به Inspector اضافه میشه و یا ویژگی هایی که اصلا در موردشون بحث نشده، آموزش هایی رو قرار بدیم. در این جلسه میخوایم Code Coverage، امکانی که اخیرا توسط Chrome اضافه شده ,ترفندهای,پیشرفته,مرورگر,آموزش ...ادامه مطلب

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

همونطور که اطلاع دارید در جلسه گذشته نکات زیادی رو در مورد درست کردن استایل پرینت براتون قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه با ادامه نکات در خدمتتون هستیم. 9. نمایش کامل کلمات اختصار در حالت پرینت همونطور که اطلاع دارید در HTML5 میتونیم با استفاده از تگ abbr عنوان کامل یک کلمه اختصار رو تعریف کنیم. مثلا کد زیر رو در نظر بگیرید: The <abbr title="World Health Organizatio,ترفندهای,بهینه,سازی,قالب,سایت,برای,گرفتن,قسمت ...ادامه مطلب

0 11 ۲ آذر ۹۵ در این مطلب با ادامه ترفندهای حرفه ای CSS ProTips در خدمتتون هستیم. وسط چین کردن المنتها از نظر عمودی این کار شاید بنظر سخت برسه ولی در عمل خیلی سخت هم نیس و این کار رو میتونین به آسونی انجام بدین و هر المنتی رو بصورت وسط چین در بیارید. کد زیر رو در نظر بگیرید: 1 2 3 4 5 6 7 8 9 10 11 12 html, body {   height: 100%;   margin: 0; } body {   -webkit-align-items: center;   -ms-flex-align: center;   align-items: center;   display: -webkit-flex;   display: flex; } همونطور که دیدید با استفاده از ویژگی ها و خصوصیات Flexbox کاری کردیم که محتویات درون body بصورت وسط چین قرار داده بشن. همونطور که دیدید برای اینکار در ابتدا display رو برابر با flex قرار میدیم. Vendor Prefix ها رو برای پشتیبانی بیشتر قرار میدیم. ترازبندی ها رو هم center یا مرکز قرار دادیم. برای نمونه میتونین این مثال رو ببینید تا بیشتر با اون آشنا بشید. اگر دلتون میخاد که یه جایی باشه که بتونین با استفاده از اون هر المنتی رو در هر جایی و هر شرایطی، چه افقی و چه عمودی، وسط چین کنید به این آدرس برید و,ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ ...ادامه مطلب

0 30 ۲۲ مهر ۹۵ در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب border-bottom آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم. استفاده از box-shadow همونطور که میدونین با استفاده از ویژگی box-shadow میتونیم سایه هایی رو برای المنتهای مورد نظرمون قرار بدیم. سایه ها بصورت پیش فرض خارج از المنت ها قرار میگیرن ولی شما میتونین با قرار دادن مقدار inset اونا رو درونی کنید و با اینکار اون سایه درون خود المنت قرار میگیره. برای اینکه با استفاده از box-shadow یک underline قرار بدیم باید از دو تا سایه inset استفاده کنیم. شما از این نمونه U,ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت ...ادامه مطلب

0 5 ۲۱ مهر ۹۵ در جلسه قبل در مورد استایل دهی به Underline براتون توضیحاتی دادم و شما رو با مزایا و معایب text-decoration آشنا کردم. در این جلسه میخایم در مورد دیگر روشها با همدیگه بحث کنیم. استفاده از border-bottom استفاده از ویژگی border-bottom یک راه سریع و قابل سفارشی شدن رو در اختیار ما قرار میده که میتونیم با استفاده از اون Underline برای متون خودمون قرار بدیم. چون که ما داریم از border درون css استفاده میکنیم، پس میتونیم استایل، رنگ و ضخامت اون رو به آسونی تغییر بدیم. حالا فرض کنید تعدادی المنت از نوع inline داریم و میخایم با استفاده از border-bottom برای اونا underline قرار بدیم. کد HTML: <,ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت ...ادامه مطلب

<!DOCTYPE html> <html> <head> <title>table</title> <style type="text/css"> table {   overflow: hidden; } td, th {   padding: 10px;   position: relative;   outline: 0; } body:not(.nohover) tbody tr:hover {   background-color: #ffa; } td:hover::after, thead th:not(:empty):hover::after, td:focus::after, thead th:not(:empty):focus::after {   content: '';     height: 10000px;   left: 0;   position: absolute;     top: -5000px;   width: 100%;   z-index: -1; } td:hover::after, th:hover::after {   background-color: #ffa; } td:focus::after, th:focus::after {   background-color: lightblue; } /* Focus stuff for mobile */ td:focus::before, tbody th:focus::before {   background-color: lightblue;   content: '';     height: 100%;   top: 0;   left: -5000px;   position: absolute;     width: 10000px;   z-index: -1; } </style> </head> <body> <table>     <thead>         &l,ترفندهای حرفه ای تلگرام,ترفندهای حرفه ای فیسبوک,ترفندهای حرفه ای فتوشاپ,ترفندهای حرفه ای کامپیوتر,ترفندهای حرفه ای ویندوز 7,ترفندهای حرفه ای اکسل,ترفندهای حرفه ای لاین,ترفندهای حرفه ای واتس اپ,ترفندهای حرفه ای ورد,ترفندهای حرفه ای پاورپوینت ...ادامه مطلب