<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>نوشته های محمد</title>
        <link>https://virgool.io/feed/@mamadlone</link>
        <description>برنامه نویس وب | عاشق کتاب، یادگیری تکنولوژی، فوتبال و موسیقی</description>
        <language>fa</language>
        <pubDate>2026-06-22 09:39:10</pubDate>
        <image>
            <url>https://files.virgool.io/upload/users/26125/avatar/ueG1Kw.png?height=120&amp;width=120</url>
            <title>محمد</title>
            <link>https://virgool.io/@mamadlone</link>
        </image>

                    <item>
                <title>مسافرخانه سرخ (اونوره دو بالزاک)</title>
                <link>https://virgool.io/@mamadlone/%D9%85%D8%B3%D8%A7%D9%81%D8%B1%D8%AE%D8%A7%D9%86%D9%87-%D8%B3%D8%B1%D8%AE-%D8%A7%D9%88%D9%86%D9%88%D8%B1%D9%87-%D8%AF%D9%88-%D8%A8%D8%A7%D9%84%D8%B2%D8%A7%DA%A9-d3lnrvsafhgq</link>
                <description>بانکداری پاریسی دوست آلمانی‌اش را به جشن دعوت می‌کند. دختر بانکدار از مرد آلمانی می‌خواهد قصه‌ای تعریف کند... داستانی که مخاطبان را در قصه درگیر کرده و با خود پیش می‌برد.این داستان تا انتها شما در تعلیق نگه می‌دارد.داستان دو جوان فرانسوی که در راه رسیدن به یگان خدمتی خود، شب را در مسافر خانه‌ای اقامت می‌کنند. مسافرخانه‌ای بروی رودخانه راین که صاحبش بر این باور بود که برای جلب مشتری باید نمای ساختمان سرخ باشد و ماجرایی که همچون مسافرخانه رنگ خون به خود می‌گیرد.برش هایی از متن:- فکر جنایت شاید خودِ جنایت است.- اگر قرار باشد دنبال این بگردیم که هر کس اموالش را از کجا به دست آورده، سر از چه جاهایی که در نمی‌آوردیم.مسافرخانه سرخاین کتاب رو خوندید؟؟؟مسافرخانه سرخ نوشته اونوره دو بالزاک | ترجمه محمد نجابتی | انتشارات ققنوس | پانوراما 4هدیه نوروز 98 از مکتب خونه :)امروز 10 اسفند 98من محمد</description>
                <category>محمد</category>
                <author>محمد</author>
                <pubDate>Sat, 29 Feb 2020 18:04:54 +0330</pubDate>
            </item>
                    <item>
                <title>چرا حساب ویرگولم 24 ساعت مسدود شد؟</title>
                <link>https://virgool.io/@mamadlone/%DA%86%D8%B1%D8%A7-%D8%AD%D8%B3%D8%A7%D8%A8-%D9%88%DB%8C%D8%B1%DA%AF%D9%88%D9%84%D9%85-24-%D8%B3%D8%A7%D8%B9%D8%AA-%D9%85%D8%B3%D8%AF%D9%88%D8%AF-%D8%B4%D8%AF-dxvjia0zvkrj</link>
                <description>سلام حالتون چطوره؟ خوبید؟چند روز پیش ایمیلی واسم اومد با عنوان &quot;مسدود شدن حساب کاربری شما در ویرگول&quot; که در توضیحاتش نوشته شده بود بدلیل فعالیت زیاد حسابتون 24 ساعت مسدود شده...ایمیل ویرگول به منمن که اولش، ماجرا رو فهمیدم ولی باز به پشتیبانی پیام دادم که چرا؟؟؟در جواب گفتن بدلیل استفاده ربات گونه از ویرگول :)جواب ویرگول به منخب سوال اینجاست که چه کردم که ویرگول به انسان بودنم شک کرده؟کل ماجرا اینه:من از تنبلی دنبال نوشتن یه قطعه کد بودم که بجای من پست های اینستا (هشتگ های خاصی) رو لایک کنه تا با این کار افراد لایک متقابل کنن یا فالو...خلاصه تا حدودی نوشتم و خوب پیش رفت و یه جاهایی ام به مشکل خوردم و چون دیدم کُدَم تقریبا خوب کار میکنه تصمیم گرفتم همین کار رو روی ویرگول هم انجام بدمباید بگم که کدی که برای اینستا نوشتم با پایتون و کتابخونه سِلِنیوم بود ولی من زیاد با پایتون حال نمیکنم اومدم واسه ویرگول از جاوااسکریپت استفاده کردم.توضیحات ش هم این بود که تمام دکمه های لایک رو توی یه آرایه میگرفت و با استفاده از یه حلقه فور روی عناصر آرایه متد کلیک رو فراخوانی میکرد.و در چند ثانیه تعداد زیادی پست رو لایک میکرد.به مشکلی که برخوردم این بود که ویرگول از اسکرول بی نهایت استفاده میکنه و قبل از اجرای کد باید تا جایی که میخواستم به پایین اسکرول کنم میشد این رو هم حل کرد ولی چون کار میکرد بیخیالش شدم.خلاصه بگم که چند روزی این کارو کردم و بیش از 2200 پست رو لایک کردم (اگر پستی از شما توسط من لایک شده بدونید که من نبودم، کدم بود).با این کار تمام فالوور ها و لایک تنها پستم رو، بدون فعالیت گرفتم، این یعنی جواب داد و من الان خوشحالم.ولی مشکلی که بعد از رفع مسدودیت م پیش اومد تغییر قالب ویرگول بود این که دکمه لایک رو از صفحه اصلی برداشت و تمام نقشه های من بر باد رفت.امروز 7 اسفند 98من محمد</description>
                <category>محمد</category>
                <author>محمد</author>
                <pubDate>Wed, 26 Feb 2020 14:28:56 +0330</pubDate>
            </item>
                    <item>
                <title>نمایش اطلاعات حساب اینستاگرام با جاوااسکریپت</title>
                <link>https://virgool.io/cheyab-blog/%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA-%D8%AD%D8%B3%D8%A7%D8%A8-%D8%A7%DB%8C%D9%86%D8%B3%D8%AA%D8%A7%DA%AF%D8%B1%D8%A7%D9%85-%D8%A8%D8%A7-%D8%AC%D8%A7%D9%88%D8%A7%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-fnoesf4qaxrz</link>
                <description>خیلی وقت بود میخواستم با API اینستاگرام کار کنم که ببینم چی داره چی نداره که توی این گشت و گذار با یه چیزی آشنا شدم که با استفاده از اون یه پروژه کوچیک زدم.اگه به آخر آدرس اکانتتون /?__a=1 رو اضافه کنید میتونید اطلاعات ی راجع به صفحتون رو در قالب JSON ببینید، به این صورت:instagram.com/USERNAME/?__a=1این اطلاعات علاوه بر اون چیزایی که برا همه قابل مشاهده است یه سری چیز دیگه مثل پست ها ، پست های ذخیره شده و ... رو هم تو خودش جا داده.خب توی این پروژه یه فرم داریم که کاربر یوزرنیم خودش رو وارده میکنه و ما با استفاده از جاوااسکریپت نام، عکس پروفایل، تعداد پست ها، فالوئر، فالوینگ و بیوگرافی رو نمایش میدیم.اول از همه فرم رو طراحی میکنیم.&lt;div id=&amp;quotpage&amp;quot&gt;
  &lt;div id=&amp;quotinput&amp;quot&gt;
  نام کاربری:
  &lt;input type=&amp;quottext&amp;quot id=&amp;quottxtUser&amp;quot&gt;
  &lt;button =&amp;quotgetData()&amp;quot&gt;نمایش&lt;/button&gt;
  &lt;/div&gt;
  &lt;div id=&amp;quotresult&amp;quot&gt;
    &lt;div&gt;
      &lt;p id=&amp;quotfullname&amp;quot&gt;&lt;/p&gt;
    &lt;/div&gt;
    &lt;div id=&amp;quotdividpic&amp;quot&gt;&lt;/div&gt;
    &lt;div id=&amp;quotdata&amp;quot&gt;&lt;/div&gt;
    &lt;div id=&amp;quotdivBio&amp;quot&gt;
      &lt;pre id=&amp;quotbio&amp;quot&gt;&lt;/pre&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;خب تا اینجا یه همچین چیزی داریم:طراحی فرم با HTMLالان باید بریم و تو کار قشنگ کردن با CSS، خب تو کدهای پایین چند تا کلاس و آی دی رو میبینید که توی HTML ننوشتیم. اونارو توی جاوااسکریپت اضافه کردم، نپرسید چرا که نمیگم :دی@import url(&#039;https://cdn.fontcdn.ir/Font/Persian/Vazir/Vazir.css&#039;);
* {
direction: rtl;
padding: 0;
margin: 0;
box-sizing: border-box;
font-size: 16px;
font-family: Vazir;
}
body {
display: flex;
justify-content: center;
padding: 10px;
}
#page {
background: #ecf0f1;
width: 33%;
border-radius: 20px;
height: auto;
padding: 10px 0;
box-shadow: 0 0 5px rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
align-items: center;
}
#input, #result {
width: 85%;
}
#input {
width: 70%;
display: flex;
justify-content: space-around;
align-items: baseline;
}
input {
width: 40%;
background: transparent;
outline: none;
padding: 2px 10px;
border-radius: 5px;
border: 1px solid #555;
color: #333;
direction: ltr;
}
input:focus {
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
button {
width: 30%;
outline: none;
padding: 2px 5px;
border-radius: 5px;
cursor: pointer;
border: 1px solid #555;
background: #3598db;
color: #fff;
}
#page&gt;div {
margin: 10px 0;
}
#result {
display: flex;
flex-direction: column;
align-items: center;
}
#fullname {
font-size: 18px;
text-transform: uppercase;
}
#pic {
width: 200px;
height: 200px;
border-radius: 50%;
overflow: hidden;
margin: 10px 0;
transition: .2s;
}
#pic:hover {
box-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
#pic img {
width: 100%;
}
#data {
width: 100%;
display: flex;
justify-content: space-around;
text-align: center;
}
#divBio {
width: 100%;
}
#bio {
direction: ltr;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
white-space: pre-wrap;
}خب تا الان فرم ما این شکلی شده:طراحی فرم با HTML-CSSدر آخر هم اصل کار رو انجام میدیم یعنی گرفتن اطلاعات با AJAX توی جاوااسکریپت که دو روش داره مختصر بگم با XHR و FETCH که من با استفاده از فِچ (واکشی) انجام دادم.function getData() {
  var username = document.getElementById(&#039;txtUser&#039;).value;
  const url = &#039;https://instagram.com/&#039; + username + &#039;/?__a=1&#039;;
  fetch(url)
    .then(data =&gt; {
      return data.json()
    })
    .then(res =&gt; {
      var rgu = res.graphql.user;
      var fn = rgu.full_name;
      var post = rgu.edge_owner_to_timeline_media.count;
      var img = rgu.profile_pic_url_hd;
      var flwing = rgu.edge_follow.count;
      var flwer = rgu.edge_followed_by.count;
      var bio = rgu.biography;
      document.getElementById(&#039;dividpic&#039;) = &amp;quot&lt;div id=&#039;pic&#039;&gt;&lt;img src=&#039;&#039; id=&#039;img&#039;&gt;&lt;/div&gt;&amp;quot
      document.getElementById(&#039;data&#039;) = &#039;&lt;div&gt;&lt;p&gt;پست&lt;/p&gt;&lt;span id=&amp;quotpost&amp;quot&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;دنبال شونده&lt;/p&gt;&lt;span id=&amp;quotflwing&amp;quot&gt;&lt;/span&gt;&lt;/div&gt;&lt;div&gt;&lt;p&gt;دنبال کننده&lt;/p&gt;&lt;span id=&amp;quotflwer&amp;quot&gt;&lt;/span&gt;&lt;/div&gt;&#039;;
      var bioStyle = document.getElementById(&#039;bio&#039;);
      bioStyle.style.background = &#039;#eee&#039;;
      bioStyle.style.padding = &#039;5px&#039;;
      bioStyle.style.marginTop = &#039;15px&#039;;
      document.getElementById(&#039;fullname&#039;) = fn;
      document.getElementById(&#039;bio&#039;) = bio;
      document.getElementById(&#039;img&#039;).src = img;
      document.getElementById(&#039;post&#039;) = post;
      document.getElementById(&#039;flwing&#039;) = flwing;
      document.getElementById(&#039;flwer&#039;) = flwer;
  })
}توی ایونت  دکمهء نمایش، تابع بالا رو صدا میزنیم.توضیحاتی هم نداره بنظرم واضحه :|نمایش اطلاعات حساب اینستاگراماین پروژه رو میتونید از گیت هاب یا کدپن دریافت کنید (فورک و لایک یادتون نره) یا هر بلایی که دلتون خواست سرش بیارید.برای اجرای پروژه کلیک کنید [+]</description>
                <category>محمد</category>
                <author>محمد</author>
                <pubDate>Fri, 31 Jan 2020 22:41:33 +0330</pubDate>
            </item>
            </channel>
</rss>