-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 70.8 KB
/
index.html
1
<!DOCTYPE html><html><head><title>پول ریکوئست-پول ریکوئست، دست نوشته های فنی فارسی زبان</title><meta charset="utf-8" /><meta content='text/html; charset=utf-8' http-equiv='Content-Type'><meta http-equiv='X-UA-Compatible' content='IE=edge'><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'><meta property="og:locale" content="fa_IR" /><meta property="og:site_name" content="پول ریکوئست" /><meta name="twitter:image" content="/assets/images/pr.svg" /><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="theme-color" content="#000"><meta name="description" content="پول ریکوئست، دست نوشته های فنی فارسی زبان"><meta property="og:description" content="پول ریکوئست، دست نوشته های فنی فارسی زبان" /><meta name="author" content="پول ریکوئست" /><link rel="stylesheet" type="text/css" href="/style.css" /><link rel="alternate" type="application/rss+xml" title="پول ریکوئست - پول ریکوئست، دست نوشته های فنی فارسی زبان" href="/feed.xml" /> <script src="/pr.js"></script><body><div class="site__container"><header class="site__header container"><figure class="site__header__brand"> <a href="http://pullrequest.ir"> <img src="/assets/images/pr.svg" alt="PR"> </a></figure><nav class="site__header__nav"><ul class="list--unstyled list--inline header__list text--center"><li> <a href="/about">پول ریکوئست چیست</a><li> <a href="/pr-authors">نویسندگان</a><li> <a href="/contribute">راهنمای انتشار مطالب در پول ریکوئست</a></ul></nav></header><hr class="site__header__divider container" /><main role="main" class="container"><div class="posts"><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/amir.png"> </span> <small class="post__date"><em>1397-10-2</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AA%D8%A7%DB%8C%D9%85-%D8%B2%D9%88%D9%86/">داستان کشف تایمزون</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/timezone">#timezone</a><li><a href="/tag/tz">#tz</a><li><a href="/tag/timestamp">#timestamp</a><li><a href="/tag/تایمزون">#تایمزون</a><li><a href="/tag/گرینویچ">#گرینویچ</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/amir.png" alt="امیر مومنیان" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">امیر مومنیان</span> </span> <small><em>1397-10-2</em></small></div></div><div class="post__excerpt"><p>یک روز سرد پاییزی در ساعت پنج عصر، یک سری جوجه دانشمند بیکار که مشغول یادداشت کردن تغییرات روز و شب بودن به یه نکته عجیب برخوردن. این سوال واسشون پیش اومده بود که چرا تا همین شش ماه پیش ساعت پنج عصر هوا آفتابی بود و خورشید تو آسمون بود، ولی الان خورشید رفته پشت کوه و هوا تاریکه؟</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src=""> </span> <small class="post__date"><em>1397-9-30</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%AF%D9%81%D8%AA%D9%87-%D9%87%D8%A7%DB%8C-%D8%A2%D8%B1%D8%B4-%D8%AE%D8%A7%D9%86%DA%AF%D9%84%D8%AF%DB%8C-%D8%A7%D8%B2-%D8%A7%D8%B3%D9%BE%D8%A7%D8%AA%DB%8C%D9%81%D8%A7%DB%8C/">گفته‌های آرش خانگلدی از اسپاتیفای</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/spotify">#spotify</a><li><a href="/tag/اسپاتیفای">#اسپاتیفای</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="" alt="" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author"></span> </span> <small><em>1397-9-30</em></small></div></div><div class="post__excerpt"><p>خوندن صحبت کسایی که توی شرکت‌های بزرگ دنیا کار کردند به ما کمک میکنه که بدونیم ساز و کار این شرکت‌ها چطوریه، بر اساس چه اصولی مدیریت میشن و پروژه‌هاشون رو چطوری جلو میبرند. از اینجور مصاحبه‌ها تو اینترنت پیدا میشه ولی این یکی فرق داره؛ چون صحبت‌های یه ایرانی هست که مدت‌ها تو ایران بوده و علاوه بر موارد بالا، در مورد نحوه‌ی مهاجرت و تفاوت‌های اونجا با ایران هم صحبت کرده. پیشنهاد میکنم صحبت‌های آرش رو که خیلی با دقت گفته شده و جزئیات زیادی از شرکت اسپاتیفای داره رو بخونید.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/aien.jpg"> </span> <small class="post__date"><em>1397-08-09</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%A8%D8%A7-alias-%D8%B3%D8%B1%DB%8C%D8%B9-%D8%AA%D8%B1-%DA%A9%D8%AF-%D8%A8%D8%B2%D9%86%DB%8C%D8%AF!/">با alias سریع‌تر کد بزنید!</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/linux">#linux</a><li><a href="/tag/command-line">#command-line</a><li><a href="/tag/cli">#cli</a><li><a href="/tag/alias">#alias</a><li><a href="/tag/bash">#bash</a><li><a href="/tag/script">#script</a><li><a href="/tag/shell">#shell</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/aien.jpg" alt="آیین سعیدی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">آیین سعیدی</span> </span> <small><em>1397-08-09</em></small></div></div><div class="post__excerpt"><p>دستورات سریع لینوکسی برای برنامه‌نویس‌ها</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/aien.jpg"> </span> <small class="post__date"><em>1397-05-01</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AF%D8%A7%DA%A9%D8%B1-%DA%A9%D8%A7%D9%86%D8%AA%DB%8C%D9%86%D8%B1-%D9%88-%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86/">داکر، داکر کامپز، کانتینرها و اتوماسیون</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/docker">#docker</a><li><a href="/tag/docker-compose">#docker-compose</a><li><a href="/tag/container">#container</a><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/automation">#automation</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/aien.jpg" alt="آیین سعیدی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">آیین سعیدی</span> </span> <small><em>1397-05-01</em></small></div></div><div class="post__excerpt"><p>داکر چی هست؟ داکر کامپز چیکار میکنه و چجوری میتونیم پروژمون رو اتوماسیون کنیم؟</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/mahmoud.jpg"> </span> <small class="post__date"><em>1397-03-13</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/Golang-%D9%85%D8%A7%D9%84%D8%AA%DB%8C-%D8%AA%D8%B1%D8%AF%DB%8C%D9%86%DA%AF/">گریزی بر گولنگ goroutines / race condition</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/golang">#golang</a><li><a href="/tag/گولنگ">#گولنگ</a><li><a href="/tag/مالتی_تردینگ">#مالتی_تردینگ</a><li><a href="/tag/race_condition">#race_condition</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/mahmoud.jpg" alt="محمود اسکندری" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">محمود اسکندری</span> </span> <small><em>1397-03-13</em></small></div></div><div class="post__excerpt"><p><img src="https://files.virgool.io/upload/users/3676/posts/jxcaqbot9swh/hvid0cqa4bve.jpeg" alt="Go" title="Go" /></div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/aien.jpg"> </span> <small class="post__date"><em>1397-03-01</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B1%DB%8C-%D8%A7%DA%A9%D8%AA-%D9%86%DA%A9%D8%B3%D8%AA-%D8%AC%DB%8C-%D8%A7%D8%B3-%D9%88-%D8%B1%DB%8C%D8%AF%D8%A7%DA%A9%D8%B3/">از سیر تا پیاز ری‌اکت، نکست و ریداکس!</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/reactjs">#reactjs</a><li><a href="/tag/nextjs">#nextjs</a><li><a href="/tag/redux">#redux</a><li><a href="/tag/redux-thunk">#redux-thunk</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/aien.jpg" alt="آیین سعیدی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">آیین سعیدی</span> </span> <small><em>1397-03-01</em></small></div></div><div class="post__excerpt"><p>عمیق‌تر در مورد جاوااسکریپت، ری‌اکت و نکست‌جی‌اس بدونیم</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/mahmoud.jpg"> </span> <small class="post__date"><em>1397-02-31</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/MySQL-Triggers/">مروری بر MySQL Triggers</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/mysql">#mysql</a><li><a href="/tag/database">#database</a><li><a href="/tag/دیتابیس">#دیتابیس</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/mahmoud.jpg" alt="محمود اسکندری" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">محمود اسکندری</span> </span> <small><em>1397-02-31</em></small></div></div><div class="post__excerpt"><p><img src="https://files.virgool.io/upload/users/3676/posts/hohqrcxydcrt/ek4abnc9bhed.png" alt="MySQL" title="MySQL" /></div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/mehrad.jpg"> </span> <small class="post__date"><em>1397-2-5</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B1%DB%8C-%D8%A7%DA%A9%D8%AA-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AA%D8%A7%D8%B2%D9%87-%DA%A9%D8%A7%D8%B1%D9%87%D8%A7-%D8%A8%D8%AE%D8%B4-%DB%8C%DA%A9/">ری‌اکت برای تازه‌کارها - بخش یک</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/react">#react</a><li><a href="/tag/react-for-beginners">#react-for-beginners</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/mehrad.jpg" alt="مهراد روستا" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">مهراد روستا</span> </span> <small><em>1397-2-5</em></small></div></div><div class="post__excerpt"><p>اگر در یک سال اخیر در مورد تکنولوژی‌های وب مطالعه کردید، پس احتمالا با فریمورک <a href="https://reactjs.org">React</a> در حد خوبی آشنایی دارید. یکی از شکایت‌هایی که تازه واردان در مورد ری‌اکت میکنند اینه که «چرا اینقدر شروع و ساخت یک پروژه باهاش دنگ و فنگ داره؟» که خب البته راه‌های زیادی برای فائق اومدن بر این پیچیدگی‌ها ارائه شده.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/mahmoud.jpg"> </span> <small class="post__date"><em>1396-8-27</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%86%DA%AF%D9%88%D9%86%D9%87-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B2%D8%A8%D8%A7%D9%86-php-%D8%A7%DA%A9%D8%B3%D8%AA%D9%86%D8%B4%D9%86-%D8%A8%D9%86%D9%88%DB%8C%D8%B3%DB%8C%D9%85/">چگونه برای زبان PHP اکستنشن بنویسم؟</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/php">#php</a><li><a href="/tag/zephir">#zephir</a><li><a href="/tag/پی">#پی</a><li><a href="/tag/اچ">#اچ</a><li><a href="/tag/پی">#پی</a><li><a href="/tag/اکستنشن">#اکستنشن</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/mahmoud.jpg" alt="محمود اسکندری" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">محمود اسکندری</span> </span> <small><em>1396-8-27</em></small></div></div><div class="post__excerpt"><p>خیلی باحاله، وقتی ما میتونیم برای زبانی که داخلش برنامه نویسی میکردیم هم اکستنشن بنویسیم و این بهمون علاوه برخیلی از امکانات وامتیازات فنی یه حس قدرت میده که بتونیم برای php اکستنشن بنویسم.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/erfun.jpg"> </span> <small class="post__date"><em>1396-7-14</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%A8%D9%87-%D9%BE%DB%8C%D8%B4%D8%B1%D9%81%D8%AA-%D8%AC%D8%A7%D9%85%D8%B9%D9%87-%D9%85%D8%AA%D9%86-%D8%A8%D8%A7%D8%B2-%DA%A9%D9%85%DA%A9-%DA%A9%D9%86%DB%8C%D8%AF-%D8%AA%DB%8C%D8%B4%D8%B1%D8%AA-%D9%85%D8%AC%D8%A7%D9%86%DB%8C-%D8%A8%DA%AF%DB%8C%D8%B1%DB%8C%D8%AF/">به پیشرفت جامعه متن باز کمک کنید، تیشرت مجانی بگیرید!</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/open-source">#open-source</a><li><a href="/tag/otoberfest">#otoberfest</a><li><a href="/tag/متن-باز">#متن-باز</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/erfun.jpg" alt="عرفان صحاف نژاد" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">عرفان صحاف نژاد</span> </span> <small><em>1396-7-14</em></small></div></div><div class="post__excerpt"><p>سلام خدمت همه دوستان اوپن سورسی! 😊 چند روزه ک رویدادی (نمیدونم رویداد بهش بگیم درست تره یا جشنواره!) به اسم هکتوبرفست توسط شرکت DigitalOcean شروع شده که تا آخر اکتبر ادامه داره. میخوام توی این پست براتون دربارش توضیح بدم، آخر سر اگه تیشرت گرفتید بگید دمش گرم چه پست خفنی گذاشته بود!! 😁</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/erfun.jpg"> </span> <small class="post__date"><em>1396-6-17</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%86%D8%B1%D8%A7-%D8%A8%D8%A7%DB%8C%D8%AF-%D8%A7%D8%B2-%D9%81%D8%B1%DB%8C%D9%85%D9%88%D8%B1%DA%A9-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%DA%A9%D9%86%DB%8C%D9%85/">چرا باید از فریمورک استفاده کنیم؟</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/framework">#framework</a><li><a href="/tag/فریمورک">#فریمورک</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/erfun.jpg" alt="عرفان صحاف نژاد" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">عرفان صحاف نژاد</span> </span> <small><em>1396-6-17</em></small></div></div><div class="post__excerpt"><p>سلام! 😊 توی اولین پست پول ریکوئستم میخوام در رابطه با موضوع “استفاده کردن یا نکردن از فریمورک ها” صحبت کنم. توی گروه های تلگرامی سوالات زیادی درباره این موضوع پرسیده میشه برای همین تصمیم گرفتم این مطلب رو بنویسیم تا برای دوستانی که سردرگم هستن کمکی باشه. مقدمه چینی بسه، بریم ببینیم داستان از چه قراره!</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-4-25</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/hide-page-header-in-print/">پنهان کردن هدرهای پیش فرض مرورگر در پرینت صفحه وب</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/print">#print</a><li><a href="/tag/css">#css</a><li><a href="/tag/technique">#technique</a><li><a href="/tag/snippet">#snippet</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-4-25</em></small></div></div><div class="post__excerpt"><p>ممکنه نیاز داشته باشید صفحه وب رو با جاوااسرکیپت پرینت کنید. خود این تسک کار ساده ایه و با یه دستوری ساده مثل <code class="highlighter-rouge">window.print()</code> انجام پذیره. اما یه مشکلی توی این پرینت وجود داره و اونم اینه که تنظیمات پیش فرض مرورگرها عنوان صفحه و تاریخ روز رو بالای صفحه ای که میخواید پرینت بگیرید وارد میکنه، مثل عکس زیر:</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/aien.jpg"> </span> <small class="post__date"><em>1396-4-22</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B4%D8%B1.%D8%B9-%DA%A9%D8%A7%D8%B1-%D8%A8%D8%A7-%D9%BE%DB%8C-%D8%A7%DA%86-%D9%BE%DB%8C-%D9%88-%D8%B3%DB%8C%D9%85%D9%81%D9%88%D9%86%DB%8C/">آشنایی با Symfony</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/php">#PHP</a><li><a href="/tag/symofny">#Symofny</a><li><a href="/tag/beginning">#Beginning</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/aien.jpg" alt="آیین سعیدی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">آیین سعیدی</span> </span> <small><em>1396-4-22</em></small></div></div><div class="post__excerpt"><p>بین تعدا زیادی از تکنولوژی‌های وب که وجود دارن، پی‌اچ‌پی تو طول زمانی تغییرات سریعی رو پشت سر گذاشته و الان به یک زبان بالغ تبدیل شده.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-4-17</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B3%DB%8C%D9%86%DA%AF%D9%84%D8%AA%D9%88%D9%86-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-ES6/">ساخت کلاس Singleton در جاوااسکریپت ES6</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/es6">#ES6</a><li><a href="/tag/singleton">#singleton</a><li><a href="/tag/design_patterns">#design_patterns</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-4-17</em></small></div></div><div class="post__excerpt"><p>ساختن کلاس و استفاده ازش در جاوااسکریپت که به صورت ذاتی یک زبون Object Oriented نیست، همیشه برای توسعه دهنده ها کار چالش برانگیزی بوده. با معرفی شدن استاندارد ES6 در سال ۲۰۱۵، بخش عظیمی از این چالش ها و تمامی ترفندهایی که برای شبیه سازی کلاس ها در جاوااسکریپت استفاده می شد، دیگه کاربردشون رو از دست دادن. درحال حاضر اکثر توسعه دهندگان جاوااسکریپت از استاندارد ES6 استفاده میکنن و دیگه ساختن و استفاده از کلاس کار نسبتا ساده ای شده.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/amir.png"> </span> <small class="post__date"><em>1396-4-13</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%85%D9%88%D8%B6%D9%88%D8%B9-prefix%D9%87%D8%A7-%D8%AF%D8%B1-CSS/">موضوع prefixها در CSS</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/css">#CSS</a><li><a href="/tag/prefix">#prefix</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/amir.png" alt="امیر مومنیان" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">امیر مومنیان</span> </span> <small><em>1396-4-13</em></small></div></div><div class="post__excerpt"><p>در دنیای برازرهای امروزی، درصد زیادی از مشکلاتی قبلا وجود داشت دیگه وجود ندارن. سیستم آپدیت برازرها اینطوریه که وقتی یه پراپرتی جدید <code class="highlighter-rouge">css</code> معرفی میشه، برازرها قبل از اینکه اون رو بطور مستقیم به نسخه جدید خودشون اضافه کنن، اول بصورت اختصاصی با یک پیشوند خاص اون رو اضافه میکنن و بعد از اینکه مدتی با همون حالت موند و مشکلاتش توسط استفاده‌کنندگان گزارش شد، اون بخش رو بهبود می‌بخشن و به نسخه جدیدتر اضافه میکنن.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/vahid.jpg"> </span> <small class="post__date"><em>1396-3-9</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%86%DB%8C%D8%AF%D9%86-%D9%BE%D8%B3%D8%AA-%D9%87%D8%A7%DB%8C-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3-%D8%A8%D8%B1%D8%A7%D8%B3%D8%A7%D8%B3-%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D9%86%D8%B2%D9%88%D9%84%DB%8C-%D8%B5%D8%B9%D9%88%D8%AF%DB%8C-%D9%87%D9%85%D8%B2%D9%85%D8%A7%D9%86/">چیدن پست‌های وردپرس براساس تاریخ به صورت نزولی، صعودی همزمان</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/wordpress-queries">#wordpress-queries</a><li><a href="/tag/wordpress-development">#wordpress-development</a><li><a href="/tag/wp-query">#wp-query</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/vahid.jpg" alt="وحید محمدی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">وحید محمدی</span> </span> <small><em>1396-3-9</em></small></div></div><div class="post__excerpt"><p>تو یکی از پروژه‌های اخیر که مربوط به یک سایت رویداد محور بود(کلاس‌های دیجیتال مارکتینگ)، باید رویدادها رو به صورت نزولی و به ترتیب تاریخ مرتب میکردم و در عین حال پست‌هایی که هنوز منقضی نشدن(رویدادهای پیشرو) به ترتیب تاریخ باشن ولی صعودی، یعنی نزدینک‌ترین رویداد اول بیاد. به این شکل: مثلا امروز 9 خرداد هست. ترتیب باید این شکلی میشد:</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/arastu.jpeg"> </span> <small class="post__date"><em>1396-2-21</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/manage-and-run-a-process-with-launchd/">مدیریت و اجرای یک process به کمک launchd در سیستم عامل macos</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/macos">#macos</a><li><a href="/tag/process">#process</a><li><a href="/tag/launchd">#launchd</a><li><a href="/tag/systemd">#systemd</a><li><a href="/tag/upstart">#upstart</a><li><a href="/tag/sysvinit">#sysvinit</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/arastu.jpeg" alt="توحید ارسطو" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">توحید ارسطو</span> </span> <small><em>1396-2-21</em></small></div></div><div class="post__excerpt"><p>معمولا در سیستم‌های شبه یونیکس و تقریبا همه سیستم عامل‌ها برای مدیریت، راه‌اندازی و توقف اجرای یک process، سرویس یا اسکریپت در سیستم عامل از ابزارهای به نام operating system service management استفاده می‌شود.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/amir.png"> </span> <small class="post__date"><em>1396-2-12</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B3%D8%A7%D8%AE%D8%AA-%D8%A7%D8%A8%D8%B2%D8%A7%D8%B1-cli-%D8%A8%D9%87-%DA%A9%D9%85%DA%A9-nodejs/">ساخت ابزار cli با nodejs</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/nodejs">#nodejs</a><li><a href="/tag/cli">#cli</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/amir.png" alt="امیر مومنیان" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">امیر مومنیان</span> </span> <small><em>1396-2-12</em></small></div></div><div class="post__excerpt"><p>ترمینال خیلی جای خوبیه. البته منظورم ترمینال جنوب نیست، منظورم از ترمینال، کنسول یا پاورشل یا کامندلاین یا cmd یا بنا بر گفته بسیاری از مهندسان حال حاضر دنیا، همون داس هستش. من هم توی این پست میخوام ساخت یه ابزار واسه اون رو یاد بدم. جوری که دیگه به جای باز کردن مای‌کامپیوتر و…، با تایپ اسم ابزار خودمون و پاس دادن آرگومنت‌هامون بهش، عملیات مورد نظرمون انجام بشه. اونم با جاواسکریپت و نود‌جی‌اس. لایک عه باس.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/nima.jpeg"> </span> <small class="post__date"><em>1396-2-11</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%AF%DB%8C%D8%AA-%D8%A8%DB%8C%D8%B3%DA%A9%D9%88%DB%8C%DB%8C%D8%AA/">اتوماتیک گیت بای سکت یا چگونه با دو نیم کردن اتوماتیک از سکته جلوگیری کنیم</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/git">#git</a><li><a href="/tag/bisect">#bisect</a><li><a href="/tag/سکته">#سکته</a><li><a href="/tag/disaster">#disaster</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/nima.jpeg" alt="نیما هاشمی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">نیما هاشمی</span> </span> <small><em>1396-2-11</em></small></div></div><div class="post__excerpt"><p>وقتی پروژه، محصول و تیم ها رشد میکنند، به همون اندازه پیدا کردن مشکلات و خطاهای کدها سخت تر میشه. تا جایی که بعضا دیده شده باگ هایی سهمگین موجب حملات قلبی عروقی سازمان‌یافته به مسئولین سالم نگه‌داشتن پروژه شده است. احتمالا چیزی نزدیک به همه تیم هایی که می‌شود ارزش سر آنها را بر تنشان سنجید، از مکانیزم های کنترلی، تست های فراوان، CI و … استفاده میکنند و کمتر با این مشکلات مواجه می‌شوند. امیدوارم برای شما پیش نیاد. این مقاله یک بحث فنی در مورد گیت است و در مورد یکی از امکاناتش برای یافتن کامیت مشکل دار در بین انبوهی از کامیت ها. <code class="highlighter-rouge">git bisect</code></div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/jedlab.png"> </span> <small class="post__date"><em>1396-2-11</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%85%D8%AA%D8%AF%D9%88%D9%84%D9%88%DA%98%DB%8C-%D9%BE%D9%88%DA%86-%D8%AA%DB%8C%D9%85-%D8%AA%D8%A7%D8%AB%DB%8C%D8%B1%DA%AF%D8%B0%D8%A7%D8%B1/">متدولوژی پوچ ، تیم تاثیرگذار</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/project">#Project</a><li><a href="/tag/management">#Management</a><li><a href="/tag/مدیریت">#مدیریت</a><li><a href="/tag/پروژه">#پروژه</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/jedlab.png" alt="جدلب" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">جدلب</span> </span> <small><em>1396-2-11</em></small></div></div><div class="post__excerpt"><p>روش های زیادی ( متدولوژی )بوجود آمده اند تا به شما یاد دهند که چطوری یک نرم افزار تولید کنید ولی همه آن ها آنقدر در جزییات به اندازه ی کافی مبهم هستند که از هیچکدام نمی توان استفاده کرد بخاطر همین ساده ترین متدولوژی بهترین متدولوژی است .</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/jedlab.png"> </span> <small class="post__date"><em>1396-2-10</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AF%D9%84%D8%A7%DB%8C%D9%84-%D8%B4%DA%A9%D8%B3%D8%AA-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%87%D8%A7%DB%8C-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1%DB%8C/">دلایل شکست پروژه های نرم افزاری</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/project">#Project</a><li><a href="/tag/management">#Management</a><li><a href="/tag/مدیریت">#مدیریت</a><li><a href="/tag/پروژه">#پروژه</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/jedlab.png" alt="جدلب" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">جدلب</span> </span> <small><em>1396-2-10</em></small></div></div><div class="post__excerpt"><p>تا مدت های طولانی ، همیشه فکر می کردم که دلیل شکست یک پروژه به مسایل فنی مربوط می شود اما در چند سال اخیر تجربه ای کاملا متفاوت داشتم . سال هاست که پروژه های مختلفی تولید می شن و الان که شما دارید این متن رو می خونید در یک شرکتی ، یکی از آن پروژه ها در حال نابود شدن است . فرض کنید شما فرصت می کنید تا دلایل شکست آن را کالبد شکافی کنید ( درسته که این مسئله خارج از حیطه کاری ماست ولی خارج از توانایی ما نیست ) . چیزی که متوجه خواهید شد، این است که پروژه بدون نیاز به هیچ فناوری و تکنولوژی جدیدی، درحال نابود شدن است، بدون حتی یک مشکل فنی .</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/jedlab.png"> </span> <small class="post__date"><em>1396-2-10</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AF%D8%B1-%D9%85%DB%8C%D8%A7%D9%86-%D8%B4%DB%8C%D8%A8/">در میان شیب</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/startup">#startup</a><li><a href="/tag/استارتاپ">#استارتاپ</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/jedlab.png" alt="جدلب" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">جدلب</span> </span> <small><em>1396-2-10</em></small></div></div><div class="post__excerpt"><p>اطرافیانتان به شما می گویند که پشتکار داشته باشید و سخت تر کار کنید ، زمان های بیشتری صرف کنید و تمرین بیشتری داشته باشید اما هیچ وقت به شما نمی گویند اگر برای برنده شدن ، تنها کاری که لازم است انجام دهید ، همین است ، پس چرا افرادی <strong>احمق</strong> تر از شما هستند که از شما موفق ترند ؟ چرا افرادی با <strong>انگیزه کمتر</strong> از شما هستند که از شما موفق ترند ؟</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/jmosawy.jpg"> </span> <small class="post__date"><em>1396-2-8</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%A7%DB%8C%D8%AC%D8%A7%D8%AF-%DB%8C%DA%A9-%D8%AE%D8%B2%D9%86%D8%AF%D9%87-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-nodejs-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%D8%AA%D9%84%D9%81%D8%B8-%D8%B5%D8%AD%DB%8C%D8%AD-%DA%A9%D9%84%D9%85%D8%A7%D8%AA-%D8%A7%D8%B2-%D9%84%D8%A7%D9%86%DA%AF%D9%85%D9%86/">ایجاد یک خزنده ساده با Nodejs برای دانلود تلفظ صحیح کلمات از لانگمن</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/nodejs">#Nodejs</a><li><a href="/tag/crawler">#crawler</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/jmosawy.jpg" alt="جف موسوی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">جف موسوی</span> </span> <small><em>1396-2-8</em></small></div></div><div class="post__excerpt"><p>خزیدن در یک وب‌سایت و شروع به استخراج اطلاعات اون، یکی از کارهای ساده و جذابیه که میشه با استفاده از Node.js انجام داد. من توی یکی از پروژه‌های خودم، نیاز به دانلود تلفظ صحیح کلمات انگلیسی از سایت دیکشنری آنلاین <strong><a href="http://www.ldoceonline.com">لانگمن</a></strong> داشتم، تصمیم گرفتم که این ابزار کوچک رو تحت عنوان یک پروژه آموزشی در اختیار بقیه قرار بدم.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-2-7</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AA%D8%A8%D8%AF%DB%8C%D9%84-Callback-%D8%A8%D9%87-Promise/">فرار از جهنم Callback با تبدیل Callback به Promise</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/جاوااسکریپت">#جاوااسکریپت</a><li><a href="/tag/callback">#callback</a><li><a href="/tag/promise">#promise</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-2-7</em></small></div></div><div class="post__excerpt"><p>برای کار با توابع Async در جاوااسکریپت، از کالبک (Callback) استفاده میشه. با اینکه این راه در خیلی از موارد ممکنه مشکل رو حل کنه، زمانی که به انجام چند عمل Async باهم و در ادامه هم میرسیم، استفاده از Callback ما رو درگیر مشکلی به اسم <strong>جهنم Callback</strong> <code class="highlighter-rouge">Callback Hell</code> میکنه. برای حل این مشکل خوبه که بدونیم میشه Callback ها رو تبدیل به Promise کرد.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/saeed.jpeg"> </span> <small class="post__date"><em>1396-2-4</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AC%D8%AF%D8%A7%D9%84-%D8%A8%D8%A7-%D9%BE%D8%B3-%D8%B2%D9%85%DB%8C%D9%86%D9%87-%DB%8C-%D8%B2%D8%B1%D8%AF/">جدال با پس زمینه‌ی زرد ، یا چطور رنگ پس‌زمینهٔ زرد کروم برای ورودی‌های autocomplete را از بین ببریم</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/css">#CSS</a><li><a href="/tag/تکنیک">#تکنیک</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/saeed.jpeg" alt="سعید علیپور" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">سعید علیپور</span> </span> <small><em>1396-2-4</em></small></div></div><div class="post__excerpt"><p>مدت زیادی می‌گذره از زمانی‌که گوگل کروم این قابلیت رو اضافه کرد. منظورم هایلایت کردن ورودی‌هایی هست که کاربر از قابلیت autocomplete مرورگر استفاده میکنه.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-25</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%87%D9%85%D8%A7%D9%87%D9%86%DA%AF-%D8%B3%D8%A7%D8%B2%DB%8C-%D9%85%D8%AE%D8%B2%D9%86-Fork-%D8%B4%D8%AF%D9%87-%D8%A8%D8%A7-%D9%85%D8%AE%D8%B2%D9%86-%D8%A7%D8%B5%D9%84%DB%8C/">هماهنگ سازی مخزن Fork شده با مخزن اصلی</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/git">#git</a><li><a href="/tag/fork">#fork</a><li><a href="/tag/گیت">#گیت</a><li><a href="/tag/upstream">#upstream</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-25</em></small></div></div><div class="post__excerpt"><p>هر زمان که بخواین یه مخزن رو توی گیتهاب برای خودتون ذخیره کنین یا بخواین بهش یه Contribution داشته باشید، باید در مرحله اول اون مخزن رو Fork کنین. ولی اگر صاحب مخزن اصلی اونو آپدیت کنه چی؟ چطور باید مخزن Fork شده تون رو باهاش هماهنگ و آپدیت نگه دارین؟ (مخزن = Repository)</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-19</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%85%D8%AA%D8%AF-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%DB%8C-Object.select/">متد کاربردی Object.select</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#Javascript</a><li><a href="/tag/object">#Object</a><li><a href="/tag/جاوااسکریپت">#جاوااسکریپت</a><li><a href="/tag/کاربردی">#کاربردی</a><li><a href="/tag/es6">#ES6</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-19</em></small></div></div><div class="post__excerpt"><p>همین چند لحظه پیش یکی از دوستانم در توییتر <a href="https://twitter.com/mvalipour" target="_blank">MValipour</a> ایده ای رو باهام درمیون گذاشت مبنی بر اضافه کردن متدی به اسم <code class="highlighter-rouge">Object.select</code> که به نظرم خیلی کاربردی و جالب بود و تصمیم گرفتم تا تنور داغه تبدیلش کنم به یه مطلب توی بلاگ :p</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-19</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/Proxy-%D9%88-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%D9%87%D8%A7%D8%B4-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA/">Proxy و کاربردهاش در جاوااسکریپت</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/es6">#ES6</a><li><a href="/tag/proxy">#Proxy</a><li><a href="/tag/جاوااسکریپت">#جاوااسکریپت</a><li><a href="/tag/javascript">#Javascript</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-19</em></small></div></div><div class="post__excerpt"><p>یکی از فیچرهایی که در نسخه ES6 به جاوااسکریپت اضافه شد، کانستراکتور Proxy هست. توی این مطلب باهم در مورد Proxy بیشتر یاد میگیریم وکاربردهایی که میتونه در برنامه نویسی روزانه جاوااسکریپتمون داشته باشه رو باهم بررسی میکنیم.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/amir.png"> </span> <small class="post__date"><em>1396-1-18</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%86%DA%AF%D9%87-%D8%AF%D8%A7%D8%B1%DB%8C-%D9%85%D8%AA%D8%BA%DB%8C%D8%B1%D9%87%D8%A7-%D8%AA%D9%88%DB%8C-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%87%D8%A7%DB%8C-%D8%A8%D8%B2%D8%B1%DA%AF-%D8%AF%D8%B1-%D8%AC%D8%A7%D9%88%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA/">نگه‌داری متغیرها توی پروژه‌های بزرگ در جاواسکریپت</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/javascript">#javascript</a><li><a href="/tag/state">#state</a><li><a href="/tag/component">#component</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/amir.png" alt="امیر مومنیان" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">امیر مومنیان</span> </span> <small><em>1396-1-18</em></small></div></div><div class="post__excerpt"><p>اگر با جاواسکریپت و فریم‌ورک‌هایی مثل ری‌اکت، انگولار، ویو یا دوستای اون‌ها برنامه می‌نویسید و بطور کلی مفهوم کامپوننت رو می‌دونید، این متن برای شماست. من قرار نیست توی این پست <a href="https://github.com/reactjs/redux">Redux</a> و <a href="https://github.com/vuejs/vuex">Vuex</a> یا هر لایبرری دیگه رو یاد بدم، بلکه میخوام توضیح بدم این‌هایی که گفتم چه کار میکنن و طرز کار کلیشون چجوریه.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/nima.jpeg"> </span> <small class="post__date"><em>1396-1-15</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%DA%AF%DB%8C%D8%AA-rebase-%D8%A8%D9%87-%D8%B2%D8%A8%D8%A7%D9%86-%D8%B3%D8%A7%D8%AF%D9%87/">گیت Rebase به زبان ساده</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/git">#git</a><li><a href="/tag/rebase">#rebase</a><li><a href="/tag/merge">#merge</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/nima.jpeg" alt="نیما هاشمی" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">نیما هاشمی</span> </span> <small><em>1396-1-15</em></small></div></div><div class="post__excerpt"><p>در طی سال های اخیر بعد از درک اینکه WorkFlow یا جریان کاری در سورس کنترل چقدر در کار تیمی اهمیت داره، به تمام اطرافیانم توصیه میکردم و میکنم که از فلو مناسب برای گیت استفاده کنند. ورک فلو یک قرارداده بین افراد تیم برای یکسان بودن سیاست برنچینگ.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-13</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%85%DB%8C%D9%86%DB%8C%D9%81%D8%A7%DB%8C-%DA%A9%D8%B1%D8%AF%D9%86-HTML-%D9%88-CSS-%D8%AF%D8%B1-%D8%AC%DA%A9%DB%8C%D9%84/">مینیفای کردن HTML و CSS در جکیل</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/jekyll">#jekyll</a><li><a href="/tag/minify_assets">#minify_assets</a><li><a href="/tag/html">#HTML</a><li><a href="/tag/css">#CSS</a><li><a href="/tag/جکیل">#جکیل</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-13</em></small></div></div><div class="post__excerpt"><p>برای بالا بردن سرعت لود وب سایت ها از تکنیک مینیفای کردن محتوای وب سایت استفاده میشه. مینیفای کردن محتوا به این معنیه که خروجی HTML وب سایت، فایل های CSS و JS ای که در سورس وب سایت قرار دارن رو با حذف فاصله های اضافی (whitespace) و سایر فنون (نمیخوام وارد جزییاتش بشم چون از حوصله این مطلب خارجه :دی) به کمترین حجم ممکنش میرسونن.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-9</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%AA%D8%AC%D8%B1%D8%A8%D9%87-%D9%87%D8%A7%DB%8C-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%DB%8C-(UX)-%D8%B6%D8%B1%D9%88%D8%B1%DB%8C-%D8%AF%D8%B1-%D8%A7%D9%BE%D9%84%DB%8C%DA%A9%DB%8C%D8%B4%D9%86-%D9%87%D8%A7%DB%8C-%D9%85%D9%88%D8%A8%D8%A7%DB%8C%D9%84-%DA%A9%D9%87-%D8%A8%D9%87-%D9%86%D8%AF%D8%B1%D8%AA-%D8%B1%D8%B9%D8%A7%DB%8C%D8%AA-%D9%85%DB%8C%D8%B4%D9%86/">تجربه های کاربری (UX) ضروری در اپلیکیشن های موبایل که به ندرت رعایت میشن</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/ux">#UX</a><li><a href="/tag/موبایل">#موبایل</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-9</em></small></div></div><div class="post__excerpt"><p>زمانی که اپلیکیشن تلگرام وارد اپ استورها شد من هم مثل سایر کاربران وایبری اون زمان رفتم سراغ این پیام رسان. از اون زمان تا به الان هرگز از این مهاجرت به تلگرام پشیمون نشدم و این رضایت (رضایت کاربر) رو یکی از دستاوردهای طراحی نرم افزار تیم تلگرام میدونم. بی شک این موفقیت نتیجه دقت به طراحی و رعایت استانداردهای تجربه کاربری بوده و هست.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-5</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D9%86%DA%AF%D9%87-%D8%AF%D8%A7%D8%B4%D8%AA%D9%86-%D9%81%D9%88%D8%AA%D8%B1-%D8%AF%D8%B1-%D9%BE%D8%A7%DB%8C%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%D9%85%D8%B3%D8%AA%D9%82%D9%84-%D8%A7%D8%B2-%D8%A7%D8%B1%D8%AA%D9%81%D8%A7%D8%B9-%D9%85%D8%AD%D8%AA%D9%88%D8%A7/">نگه داشتن فوتر در پایین صفحه مستقل از ارتفاع محتوا (آپدیت شد!)</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/css">#CSS</a><li><a href="/tag/تکنیک">#تکنیک</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-5</em></small></div></div><div class="post__excerpt"><p>چند وقت پیش توی یکی از گروه های تلگرامی که برای توسعه دهنده های جاوااسکریپت ساخته شده بحثی شد مبنی بر اینکه مشکل فوتر ثابت در پایین صفحه رو چطور میشه حل کرد؟ حالا مشکل این بود که میخواستن فوتر رو حتی توی صفحاتی که محتوای کمی دارن توی پایین صفحه نگهش دارن.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-4</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B3%DB%8C-%D8%A7%D8%B3-%D8%A7%D8%B3-%D9%85%D8%A7%DA%98%D9%88%D9%84%D8%A7%D8%B1-%D8%A8%D8%B1%D8%A7%DB%8C-%D9%BE%D8%B1%D9%88%DA%98%D9%87-%D9%87%D8%A7%DB%8C-%D8%A8%D8%B2%D8%B1%DA%AF/">سی اس اس ماژولار برای پروژه های بزرگ</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/css">#CSS</a><li><a href="/tag/استاندارد">#استاندارد</a><li><a href="/tag/bem">#BEM</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-4</em></small></div></div><div class="post__excerpt"><p>نوشتن سی اس اس خیلی ساده اس. به سادگی تغییر رنگ و سایز فونت متن. تقریبا هرکسی میتونه سی اس اس بنویسه و از اون تقریبا همه، حداقل ۸۰درصد به هرنحوی هست کارشونو باهاش تموم میکنن و راضی هم هستن. اما نوشتن و مدیریت کردن سی اس اس به صورت استاندارد و درست و به دور از درد و خونریزی!! یکی از سخت ترین تسک های توسعه فرانت انده.</div></section></div></article><article class="post"><div class="post__container"><figure class="post__figure"> <span class="lazyimage"> <img width="105" height="105" onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" class="img-block img-rounded" src="/assets/images/farzad.jpg"> </span> <small class="post__date"><em>1396-1-3</em></small></figure><section class="post__entry"><h3 class="post__title"> <a href="/%D8%B1%D9%81%D8%B9-%D9%85%D8%B4%DA%A9%D9%84-%D9%86%D8%A7%D9%85-%D9%87%D8%A7%DB%8C-%D8%B7%D9%88%D9%84%D8%A7%D9%86%DB%8C-%D8%AF%D8%B1-BEM/">رفع مشکل نام های طولانی در BEM</a></h3><nav class="post__tags"> <i class="icon pricon-tag"></i><ul class="list--unstyled list--inline"><li><a href="/tag/css">#CSS</a><li><a href="/tag/bem">#BEM</a></ul></nav><div class="post__figure--mobile"><div class="post__info"> <span> <span class="lazyimage lazyimage--mobile inline--middle"> <img onload="window.pr.methods.addClass('img-loaded', this.parentNode)" onerror="window.pr.methods.addClass('img-error', this)" src="/assets/images/farzad.jpg" alt="فرزاد یوسف زاده" class="img-circle post__info__figure" > </span> <span class="inline--middle post__author">فرزاد یوسف زاده</span> </span> <small><em>1396-1-3</em></small></div></div><div class="post__excerpt"><p>BEM یکی از استانداردهای نام گذاری کلاس ها در سی اس اس هست. ممکنه براتون سوال باشه که مگه سی اس اس هم استاندارد نام گذاری نیاز داره؟ ۴تا دونه کلاس که ارزش این حرفا رو نداره! :دی اما باید بگم سی اس اس خیلی قلق داره و استفاده صحیح ازش در پروژه های نسبتا بزرگ بسیار سخته.</div></section></div></article></div><script> window.pr.methods.docReady(function() { var singleEntry = window.pr.methods.selectElementByClassName('.post__entry--single'); var excerptEntry = window.pr.methods.selectElementByClassName('.post__excerpt'); if (singleEntry) window.pr.methods.parseTextForEmojis(singleEntry); else if (excerptEntry) window.pr.methods.parseTextForEmojis(excerptEntry); }) </script></div><footer class="site__footer clearfix"><div class="site__footer__brand" onclick="window.pr.methods.goToTop()"> <img class="img-block" src="/assets/images/pr.svg" alt="PR"></div><div class="container clearfix"><nav class="pull-right site__footer__menu"><ul class="list--unstyled list--inline site__footer__list"><li> <a target="_blank" href="https://github.com/pr-techblog"> <i class="icon pricon-github"></i> گیتهاب </a><li> <a target="_blank" href="https://twitter.com/pr_techblog"> <i class="icon pricon-twitter"></i> توییتر </a></ul></nav><div class="pull-left text--ltr site__footer__copyright">Made with ❦ @ <strong>PullRequest</strong></div></div></footer></div><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-93910742-1', 'auto'); ga('send', 'pageview', { 'page': '/', 'title': '' }); </script>