میرممد

آموزش برنامه نویسی همراه با تکه کد های کاربردی از زبان های مختلف برنامه نویسی
سید محمد میرعالی

سید محمد میرعالی

امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.

دسته بندی مطالب آمار سایت
  • کل مطالب : 19
  • کل نظرات : 0
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • آی پی امروز : 14
  • آی پی دیروز : 28
  • بازدید امروز : 63
  • باردید دیروز : 94
  • گوگل امروز : 2
  • گوگل دیروز : 1
  • بازدید هفته : 63
  • بازدید ماه : 1,720
  • بازدید سال : 8,834
  • بازدید کلی : 32,127
  • طراحی و پیاده سازی وبسایت کلینیک قو سپید


    طراحی و پیاده سازی وبسایت کلینیک قو سپید

    در این پروژه از bootstrap 4 و همچنین css3 و html5 استفاده شده است و قالبی کاملا رسپانسیو دارد.در نهایت سئو داخلی سایت رو انجام دادم که امتیاز 94 از 100 رو از طرف گوگل گرفته و میتونید مابقی امتیاز های این کار رو در عکس زیر ببینید :

    http://rozup.ir/view/2780484/Screenshot_2019-02-27%20GTmetrix%20Performance%20Report%20A%20(94%)%20B%20(89%).png

    این هم نمونه اسکرین شات از پروژه :

    http://rozup.ir/view/2780483/Screenshot_2019-02-27%20%DA%A9%D9%84%DB%8C%D9%86%DB%8C%DA%A9%20%D9%82%D9%88%20%D8%B3%D9%BE%DB%8C%D8%AF.jpg     http://rozup.ir/view/2780482/Screenshot_2019-02-27%20%D8%A2%DB%8C%D8%A7%20%D8%A8%D9%88%D8%AA%D8%A7%DA%A9%D8%B3%20%D8%AF%D8%B1%20%D8%AF%D8%B1%D9%85%D8%A7%D9%86%20%D8%B3%D8%B1%D8%AF%D8%B1%D8%AF%D9%87%D8%A7%DB%8C%20%D9%85%DB%8C%DA%AF%D8%B1%D9%86%DB%8C%20%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%AF%DB%8C%20%D8%A7%D8%B3%D8%AA%D8%9F.png

    برای بزرگ شدن عکس روی آن کلیک کنید.

    اینم آدرس سایت www.ghooyesepidclinic.ir

    ادامه مطلب
    بازدید : 22 چهارشنبه 08 اسفند 1397 : 14:36 نظرات ()

    طراحی و پیاده سازی وبسایت ISCRC.IR


    طراحی و پیاده سازی وبسایت مرکز پژوهش های فرهنگی و مطالعات اسلامی بنیان مرصوص ISCRC.IR

    این سایت رو با ورپرس پیاده سازی کردم که میتونید اسکرین شات هایی از کار ببینید:

    http://rozup.ir/view/2780456/Screenshot_2019-02-27%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png  http://rozup.ir/view/2780455/Screenshot_2019-02-27%20%D9%85%D8%AF%DB%8C%D8%B1%20%DA%AF%D8%B1%D9%88%D9%87%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%AD%DA%A9%D9%85%D8%AA%20%D9%88%20%D9%81%D9%84%D8%B3%D9%81%D9%87(%D9%85%D8%AF%DB%8C%D8%B1%20%D9%85%D8%B1%DA%A9%D8%B2)%20%E2%80%93%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png  http://rozup.ir/view/2780454/Screenshot_2019-02-27%20%D8%A7%D8%AE%D8%A8%D8%A7%D8%B1%20%E2%80%93%20%D9%85%D8%B1%DA%A9%D8%B2%20%D9%BE%DA%98%D9%88%D9%87%D8%B4%20%D9%87%D8%A7%DB%8C%20%D9%81%D8%B1%D9%87%D9%86%DA%AF%DB%8C%20%D9%88%20%D9%85%D8%B7%D8%A7%D9%84%D8%B9%D8%A7%D8%AA%20%D8%A7%D8%B3%D9%84%D8%A7%D9%85%DB%8C%20%D8%A8%D9%86%DB%8C%D8%A7%D9%86%20%D9%85%D8%B1%D8%B5%D9%88%D8%B5.png 

    برای بزرگ شدن عکس روی آن کلیک کنید.

    اینم آدرس سایت ISCRC.IR

    ادامه مطلب
    بازدید : 19 چهارشنبه 08 اسفند 1397 : 14:19 نظرات ()

    آموزش مخفی کردن اسکرول بار همراه با کد


    در این مطلب از سايت ميرممد برای شما عزیزان آموزش مخفی کردن اسکرول بار همراه با کد را قرار دادم.

    برای این کار کافیه از استایل زیر استفاده کنید :

    .scroll-example {
        overflow: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE 10+ */
    }

    .scroll-example::-webkit-scrollbar {
            width: 0px;
            background: transparent; /* Chrome/Safari/Webkit */
        }

    برای مخفی کردن اسکرول از یک دایو خاص کلاس scroll-example رو به دایو مد نظر بدید:

    <div class="scroll-example" >

    .....

    </div>

    ادامه مطلب
    بازدید : 43 پنجشنبه 18 بهمن 1397 : 18:46 نظرات ()

    آموزش لود اطلاعات با اسکرول کردن در ASP.net MVC


    در این مطلب از سايت ميرممد برای شما عزیزان لود شدن اطلاعات با اسکرول کردن توسط AJAX در ASP.net MVC همراه با نمونه کد رو توضیح میدم.

    توضیح کلی : اول باید یک تابع داشته باشیم که وقتی اسکرول کردیم و به آخر مرورگر رسیدیم به ما اطلاع بده.دوم باید در تابع فرآخوانی مطالب رو بنویسیم که با AJAX  اطلاعات رو بگیره.سوم باید اطلاعات گرفته شده رو در صفحه قرار بده.

    ادامه مطلب
    بازدید : 80 شنبه 13 بهمن 1397 : 14:31 نظرات ()

    آموزش سئو | عملکرد موتورهای جستجو


    در این مطلب از سايت ميرممد برای شما عزیزان عملکرد موتورهای جستجو رو توضیح میدم.

    موتورهای جستجو دارای دو عملکرد عمده هستند: خزیدن (crawling) و ساختن یک فهرست (building an index)، و فراهم کردن لیست رتبه بندی شده ی وب سایت ها برای کاربرانی که جستجو میکنن.

    1- خزیدن و تولید لیست (Crawling and Indexing)

    خزیدن و فهرست سازی میلیاردها اسناد، صفحات، فایل ها، اخبار، فیلم ها، و رسانه در شبکه جهانی وب.

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


    ساختار لینک وب باعث میشه همه صفحات با هم در ارتباط باشند.

    لینک ها اجازه می دهد تا ربات های خودکار موتورهای جستجو، به نام "خزنده ها" و یا "عنکبوت ها"،به میلیاردها اسناد متصل در وب برسند.

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

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

    2- ساختن یک فهرست (building an index)

    پاسخ دادن به پرس و جوهای کاربر، لیستی از صفحات مربوط به جستجوی کاربر بر اساس رتبه بندی.

    موتورهای جستجو ماشین های پاسخ هستند.هنگامی که یک فرد جستجوی آنلاین را انجام می دهد، موتور جستجو یک دسته از میلیاردها اسناد را فراهم میکنند که دو چیز را داشته باشند:

    اول، تنها نتایجی را که برای جستجوی جستجوگر مناسب یا مفید هستند، باز می گرداند. دوم، این نتایج را با توجه به محبوبیت وب سایت رتبه بندی می کند.

    این دو ارتباط و محبوبیت است که در روند جستجوگرها مورد توجه است و به سئو معنا میدهد.

    موتورهای جستجو چگونه ارتباط و محبوبیت را تعیین می کنند؟

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


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

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

    این الگوریتم ها اغلب شامل صدها متغیر هستند. در زمینه سئو ، ما به آنها "عوامل رتبه بندی" می گوییم.

    ادامه مطلب
    بازدید : 50 سه شنبه 09 بهمن 1397 : 14:2 نظرات ()

    تکه کد گرفتن اطلاعات رندم از دیتابیس در asp.net MVC


    در این مطلب از سايت ميرممد برای شما عزیزان تکه کد گرفتن اطلاعات رندم از دیتابیس در asp.net MVC رو قرار میدم.

    ViewBag.randvideo = (from p in db.Videos orderby Guid.NewGuid() select p).Take(5).ToList();

    من در نمونه کد بالا لیست 5 ویدئو را از جدول Video به صورت رندم از دیتابیس گرفتم و در یک ViewBag قرار دادم.بخش کلیدی که دیتا رو برای ما رندم میکنه بخش زیر هست

    orderby Guid.NewGuid()

    این هم یک نمونه ActionResult در asp.net MVC که یک لیست رندم از کتاب ها رو برای ما برمیگردونه :

    public ActionResult Book()
            {
                return View((from Book in db.Books orderby Guid.NewGuid() select Book.ToList());
            }

    ادامه مطلب
    بازدید : 59 جمعه 05 بهمن 1397 : 0:43 نظرات ()

    آموزش DocType در HTML 5


    در اين مطلب از سايت ميرممد با  DocType در HTML 5 آشنا خواهيم شد.

    در نسخه هاي قبلي HTML تعريف DocType به صورت زير بود :

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ‎‎"HTTP>
    /www.w3.org/TR/html4/loose.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" ‎‎"HTTP>
    /www.w3.org/TR/html4/frameset.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ‎‎"HTTP>
    /www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">‎
    ‎<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ‎‎"HTTP>
    /www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">‎

    ولي در HTML 5 به سادگي كد زير DocType تعريف ميشه :

    <!DOCTYPE html>

    يك نمونه كد HTML 5 همراه با تعريف DocType :

    <!DOCTYPE html>‎
    <html>‎
    <head> ‎
                        <title>HTML5 DocType </title> ‎
    </head>‎
    <body>
       ‎  <h1>HTML5 DocType </h1>   ‎
    </body>‎
    </html>‎

    ادامه مطلب
    بازدید : 95 یکشنبه 06 آبان 1397 : 7:52 نظرات ()

    صفحه بندی در Bootstrap 4


    در اين مطلب از سايت ميرممد با صفحه بندی در بوتسترپ نسخه چهار كار خواهيم كرد.نمونه کد pagination در بوتسترپ 4 :

    <ul class="pagination">
      <li class="page-item"><a class="page-link" href="#">Previous</a></li>
      <li class="page-item"><a class="page-link" href="#">1</a></li>
      <li class="page-item"><a class="page-link" href="#">2</a></li>
      <li class="page-item"><a class="page-link" href="#">3</a></li>
      <li class="page-item"><a class="page-link" href="#">Next</a></li>
    </ul>

    خروجی کد بالا :

    فقط کافیه کلاس های سبز رنگ در کد بالا رو به لیستمون بدیم.

    ادامه مطلب
    بازدید : 384 پنجشنبه 03 آبان 1397 : 12:17 نظرات ()

    آموزش کار با Alerts در Bootstrap 4


    در اين مطلب از سايت ميرممد با Alerts در بوتسترپ نسخه چهار كار خواهيم كرد.كلاس Alerts وقتي به يك div داده ميشه ، یک پیغام زیبا به کاربر نشون داده میشه.تکه کد استفاده از Alerts در بوتسترپ چهار :

    <div class="alert alert-success">
      به سایت میر ممد خوش آمدید
    </div>

    خروجی کد بالا :

    به سایت میر ممد خوش آمدید
    ادامه مطلب
    بازدید : 611 دوشنبه 23 مهر 1397 : 21:53 نظرات ()

    آموزش کار با Jumbotron در Bootstrap 4


    در اين مطلب از سايت ميرممد با Jumbotron در بوتسترپ نسخه چهار كار خواهيم كرد.در واقع كلاس Jumbotron وقتي به يك div داده ميشه، يك حاشيه ي داخلي و يك بكگراند به اون div داده ميشه.تكه كد استفاده از كلاس Jumbotron در بوتسترپ 4 :

    <div class="jumbotron">
      <p>آموزش طراحي سايت در سايت ميرممد</p>
    </div>

    خروجي كد بالا :

    آموزش طراحي سايت در سايت ميرممد

    ادامه مطلب
    بازدید : 688 دوشنبه 23 مهر 1397 : 9:24 نظرات ()

    آموزش کار با جداول در Bootstrap 4


    در اين مطلب از سايت ميرممد با كلاس هاي جدول در Bootstrap 4 كار ميكنيم و يك سري تكه كد مربوط به جداول در بوتسترپ نسخه چهار رو براتون قرار ميدم.

    شما فقط کافیه کلاس Table رو به تگ جدولتون بدید مثل کد زیر :

    <table class="table">
        <thead>
          <tr>
            <th>Firstname</th>
            <th>Lastname</th>
            <th>Email</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>John</td>
            <td>Doe</td>
            <td>john@example.com</td>
          </tr>
          <tr>
            <td>Mary</td>
            <td>Moe</td>
            <td>mary@example.com</td>
          </tr>
          <tr>
            <td>July</td>
            <td>Dooley</td>
            <td>july@example.com</td>
          </tr>
        </tbody>
      </table>

    خروجی کد بالا :


    FirstnameLastnameEmail
    John Doe john@example.com
    Mary Moe mary@example.com
    July Dooley july@example.com

    همونطور که میبینید یک ظاهر زیبایی به جدول شما میده فقط با اضافه کردن کلاس table به جدولتون.

    ادامه مطلب
    بازدید : 776 شنبه 21 مهر 1397 : 16:57 نظرات ()

    آموزش استفاده از Tooltip در Bootstrap 4


    در اين مطلب از سايت ميرممد شما رو با كلاس Tooltip در بوتسترپ چهار آشنا ميكنم.وقتي كلاس Tooltip رو به يك المنت ميديم اگر موس رو روي آن المنت ببريم يك پاپ آپ مسيج كوچيك كنار المنت باز ميشه و ميتونيد پيام خودتونو توش به كاربر نشون بديد.يك نمونه دكمه ميذارم در پايين تا منظورمو خوب متوجه بشيد :

    دكمه تولتيپ دار

    همونطور كه ميبينيد وقتي روي دكمه بريد به شما پيغام نشون ميده كه بش ميگن تولتيپ.

     

    ادامه مطلب
    بازدید : 420 سه شنبه 17 مهر 1397 : 13:16 نظرات ()

    آموزش استفاده از تگ video در HTML5


    در اين مطلب از سايت ميرممد نحوه ي استفاده از تگ video در HTML5 رو براتون قرار ميدم.تگ video زماني استفاده ميشه كه بخواييم يك كليپ رو به صورت آنلاين در سايت قرار بديم.حتي زيرنويس هم ميشه به اين قابليت جديد در html 5 اضافه كرد.

    كد زير يك تكه كد از تگ video در اچ تي ام ال 5 هست كه در آن از دو كيفيت تصويري mp4 و  ogg استفاده شده و همچنين دوتا زيرنويس با زبان انگليسي و نروژي رو هم اضافه كرده :

    <video width="320" height="240" controls>
      <source src="klip.mp4" type="video/mp4">
      <source src="klip.ogg" type="video/ogg">
      <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
      <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
    </video>

    فقط كافيه در كد بالا لينك كليپ خودتونه به شكل زير اضافه كنيد :

      <source src="لينك ويدئو" type="فرمت ويدئو">

    در كد اولي كه قرار دادم از دوتا كد سورس استفاده كردم كه هر كدوم از سورس ها يك فرمت خاصي از همون كليپ هستش شما ميتونيد از چند فرمت با كيفيت هاي متفاوت براي كليپتون استفاده كنيد.

     

    ادامه مطلب
    بازدید : 403 دوشنبه 16 مهر 1397 : 10:46 نظرات ()

    آموزش كار با تصاوير در Bootstrap 4


    در اين مطلب از سايت ميرممد با كلاس هاي تصاوير در Bootstrap 4 كار ميكنيم و يك سري تكه كد مربوط به تصاوير در بوتسترپ نسخه چهار رو براتون قرار ميدم.

    كلاس Rounded در Bootstrap 4 :

    وقتي كلاس Rounded را به يك عكس ميديم گوشه هاي تصوير گرد ميشه بهتره با يك مثال منظورمو متوجه بشيد.اين نمونه كد كلاس Rounded در بوتسترپ چهار هستش كه به عكس خودم دادم :

    <img src="http://rozup.ir/view/2664254/f8e93a67-914b-4c10-be27-ef1929a35a5b%20-%20Copy.jpg" class="rounded" alt="سيد محمد ميرعالي" >

    نتيجه تكه كد بالا :

      سيد محمد ميرعالي

     همونطور كه ميبينيد گوشه هاي عكس من گرد شده فقط با دادن كلاس Rounded به عكس.

    ادامه مطلب
    بازدید : 389 یکشنبه 15 مهر 1397 : 7:37 نظرات ()