(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','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-85215037-1', 'auto'); ga('send', 'pageview');

آموزش زبان برنامه نویسی php , html , css , تجربیات یک برنامه نویس

چرا از جی کوئری استفاده کنیم؟

جی کوئری یک کتابخونه از جاوا اسکریپت هست و شاید بگید کتابخونه چیه، نگران نباشید همه چیزو خیلی ساده توضیح میدم

دوستان ما برای طراحی یک اپلیکیشن تحت وب نیاز به یادگیری زبانهای html , css , php داریم  (البته میتونیم بجای php از زبانهای دیگه هم استفده کنیم) حالا اگه بخواهیم یکسری عناصر و رویدادها رو در سمت کلاینت یعنی توسط مرورگر کاربر کنترل و مدیریت کنیم و نیازی نباشه که پردازش توسط کامپیوتر سرور انجام بشه (مثلا وقتی کاربر روی یک دکمه در صفحه کلیک کرد یک پیاغام بلافاصله بهش نشون بدیم)در اینصورت علاوه بر سه زبان بالا باید یک زبان دیگه هم یاد بگیریم و اون کسی نیست جز زبان جاوا اسکریپت ، این زبان برنامه نویسی توسط مرورگرها تفسیر میشن بنابراین کدهایی که با زبان جاوا اسکرپیت نوشته میشن نیازی به پردازش در سمت سرور ندارند و مرورگر خودش کدها رو اجرا میکنه (مرورگرها قادرند زبانهای HTML و CSS و JAVASCRIPT رو پردازش کنند)
حالا که فهمیدیم جاوا اسکریپت چی هست و چرا استفاده میشه ، ممکنه بپرسید پس Jquery چیه ؟! نگران نباشید ، ادامه مطلب رو مطالعه بفرمائید

ادامه مطلب...
۱۵ شهریور ۹۵ ، ۱۳:۵۴ ۱ نظر موافقین ۰ مخالفین ۰
مهدی حسامی

نمایش تصویر لودینگ زمان ارسال فرم و قفل عناصر صفحه با جی کوئری

یکی از رویدادهایی که در صفحات وب اتفاق می افتد ، رویداد submit هست که در زمان ارسال فرم اتفاق می افتد و از لحظه فشرده شدن دکمه سابمیت فرم آغاز و تا اتمام ارسال کامل فرم به سمت سرور ادامه دارد ، لذا ما می توانیم یک تصویر لودینگ در صفحه قرار بدیم که خاصیت display آن برابر none باشه و در زمان ارسال فرم که رویداد submit اتفاق می افته display این تصویر رو در طول سابمت شدن فرم با استفاده از جاوا اسکریپت و جی کوئری نمایش دهیم:

که اگر برای مختصر نویسی از سینتکس جی کوئری استفاده کنید باید کتابخونه جی کوئری رو نیز دانلود و به صفحه تون لینک کنید که دقیقا به شکل زیر خواهد بود :

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Submit And Loading</title>
    <script src="js/jquery.min.js"></script>
    <style>
        .screen
        {
            display: none;
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            right: 0;
            z-index: 10;
            background:rgba(0,0,0,0.4);
        }
        .screen img
        {
            position: absolute;
            top: 50%;
            right: 49%;
            z-index: 100;
        }
    </style>
</head>
<body>
<div class="screen"><img src="images/loading.gif"></div>

<form action="" id="Form">

    <input type="submit" value="Submit">
</form>

<script>
    $(document).ready(function () {

        $("#Form").submit(function(){

            $(".screen").css('display','block');

        });

    });
</script>
</body>
</html>

جهت دانلود آخرین نسخه کتابخونه جی کوئری به سایت جی کوئری مراجعه کنید و پس از دانلود که یک فایل با پسوند js هست رو با تگ <script> در قسمت head صفحه مثل نمونه کد بالا به سند تون لینک کنید. 

 

من در اینجا هر دو فایل رو  (تصویر لودینگ و فایل جی کوئری) قرار میدم ولی سعی کنید جی کوئری رو از سایت اصلیش دانلود کنید

 

دریافت
حجم: 40.3 کیلوبایت
توضیحات: فایل جی کوئری و تصویر لودینگ
 

۱۴ شهریور ۹۵ ، ۱۶:۵۷ ۰ نظر موافقین ۰ مخالفین ۰
مهدی حسامی

رمزگذاری url برای چیست؟

همونطور که میدونید URL نام دیگر آدرس وب هست ، دقیقا مثل آدرس محل سکونت هر یک از ما در دنیای واقعی

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

 

مثال : یک URL نمونه از وبلاگ من رو در نظر بگیرید

  http://www.phpkar.blog.ir/posts/index.php

 

این آدرس صفحه index.php درون پوشه posts از وبلاگ من هست که خوب اگه آدرس بالارو بررسی کنیم میبینیم که به ترتیب از چپ به راست از قسمت های زیر تشکیل شده است:

 

- نوع سرویس اینترنتی : که معمولا یکی از پروتکل های http یا https یا ftp و یا file هست

- پیشوند : که بصورت پیشفرض در پروتکل http بصورت www نوشته می شود

- دامنه سایت : عبارت جایگزین شماره آی پی سرور هست مثل  phpkar.blog.ir

- شماره پورت هاست : که بصورت پیشفرض در پروتکل http برابر با 80 هست و می توان در مرورگر تایپ نکرد

- مسیر یا دایرکتوری : نام دایرکتوری یا پوشه که در صورت خالی گذاشتن به ریشه هاست اشاره میکنه

- نام فایل یا سند : نام سند یا فایلی که در نهایت باید از وبسرور دریافت شود

 

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

البته بعضی موقع ها هم نیاز پیدا می کنیم که از رشته های URL ارسال شده توسط مرورگر ، در سمت سرور یکسری عبارتهای کدشده توسط مرورگر رو تبدیل به حالت اولش کنیم که میتونیم خیلی راحت بوسیله یکسری توابع در php اینکار رو انجام بدیم ولی فعلا در این پست میخواهیم بگیم که در زمان ارسال چنین کاراکترهایی چه مکانیزم هایی اتفاق می افته

مثلا مرورگر بجای کاراکترهای غیر اسکی علامت % رو قرار میده و بجای هر فاصله یک علامت + قرار میده که برخی مرورگرها بجای + از عبارت 20% نیز استفاده میکنند که میتونید با جستجوی عبارت " کاراکترهای اسکی " در گوگل یا سایر موتورهای جستجو به این لیست دسترسی پیدا کنید.

امیدوارم براتون مفید بوده باشه

۱۴ شهریور ۹۵ ، ۱۵:۵۳ ۰ نظر موافقین ۰ مخالفین ۰
مهدی حسامی

چه چیزهای جدیدی به html5 اضافه شده است

در این پست میخوام برخی از ویژگی های جدید که در html5 وجود داره رو خدمتتون آموزش بدم ، پس با من همراه باشید

اولین چیزی که در html 5 بهینه شده ، سینتکس آسان و ساده شده تعریف نوع سند (DOCTYPE) هست که در اولین خط هر صفحه html قرار میگیره:

<!DOCTYPE html>

همچنین سینتکس تعریف Encoding صفحه هم خیلی ساده تر شده ، بصورت زیر :

<meta charset="UTF-8">

که یک نمونه اولیه سند HTML5 بصورت زیر نوشته میشه :

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title of the document</title>
</head>

<body>

</body>

</html>

ادامه مطلب...
۱۴ شهریور ۹۵ ، ۱۲:۵۸ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

انتخابگر تاریخ شمسی جی کوئری

انتخابگر تاریخ

دوستان حتما شما هم توی پروژه هاتون نیاز به انتخابگر تاریخ شمسی پیدا کرده اید پس این پست رو بخوانید

ادامه مطلب...
۱۰ شهریور ۹۵ ، ۲۳:۵۰ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

پلاگین های رایگان جی کوئری

برای دانلود پلاگین و ابزارهای آماده جی کوئری یک سایت معروفی هست که میتونید شماهم ازش استفاده کنید.

جهت ورود به سایت جی کوئری اسکریپت بر روی تصویر زیر کلیک کنید:

 

پلاگین های جی کوئری

۱۰ شهریور ۹۵ ، ۲۱:۲۱ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

متریال دیزاین گوگل در طراحی و معرفی 15 فریمورک متریال

متریال دیزاین

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

متریال دیزاین یک سبک از طراحی هست که همه عناصر صفحه به شکل تخت باید باشند که برای این نوع طراحی دو راه حل داریم ، یا اینکه خودمان کلاس های css با این رویکرد و تفکر بنویسیم یا اینکه از فریمورکهای آماده ای که به سبک متریال دیزاین استایل های آماده ای رو نوشته اند استفاده کنیم که من در زیر لینک فریم ورک متریال دیزاین رو قرار دادم که شما میتونید وارد این وبسایت شده و بعد از دانلود فایل های css و  js و اضافه کردن به پروژه تان شروع به استفاده از کلاسها و توابع آماده این فریمورک نمائید که البته مستندات خودشون کامل همه چی رو توضیح داده و کدها رو بابه همراه نمونه خروجی شان به شما نشون داده که براحتی میتونید ازش استفاده کنید 

ادامه مطلب...
۰۸ شهریور ۹۵ ، ۱۷:۳۴ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

نمایش کدهای برنامه نویسی در سایت خودمان با Syntax Highlighter

ممنکنه شماهم نیاز داشته باشید تا کدهای برنامه نویسی رو به کاربران سایتتون نمایش بدید که برای اینکار باید افزونه SyntaxHighlighter Managment  رو بر روی CKEditor خود نصب کنید.

برای نصب این افزونه به لینک زیر رفته واین افزونه رو دانلود کنید

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

ادامه مطلب...
۰۷ شهریور ۹۵ ، ۱۹:۰۳ ۱ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

htaccess. چیست؟

مقدمه درباره فایل htaccess. 

htaccess. یک فایل پیکربندی برای وب سرورهایی هست که از نرم افزار وبسرور آپاچی استفاده میکنند.

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

حالا فایل  htaccess. حاوی چه دستوراتی هست؟

حاوی دستوراتی هست که میتونیم با استفاده از اونها تنظیمات نرم افزار وب سرور آپاچی رو تغییر بدیم و یکسری قابلیت ها و ویژگی های عملکردی و اضافی این نرم افزار رو فعال یا غیر فعال کنیم . این امکانات شامل قابلیت های تغییر مسیر و هدایت کاربران در مواقع پیدا نشدن صفحات و بروز خطاها و یا قابلیت های پیشرفته دیگر اعم از رمز گذاری بر روی محتوا جهت حفاظت از دسترسی عمومی و جلوگیری از مصرف ترافیک سرور میزبان شما توسط افراد دیگر با استفاده از HotLink ها میباشد که در زیر به برخی از این قابلیت ها اشاره میکنیم و نحوه استفاده از اونارو هم میگیم .

ادامه مطلب...
۰۵ شهریور ۹۵ ، ۱۲:۳۷ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی

ثبت همزمان چند ردیف در دیتابیس با استفاده از Transactions

Transactions در PDO :

گاهی ما نیاز داریم تا بصورت پشت سرهم ردیف هایی رو در چند جدول از دیتابیس بطور همزمان ایجاد کنیم که اغلب در نرم افزار های مالی پیش میاد به عنوان مثال فرض کنید ما پس از ارسال یک فرم در سایت قصد داریم تا عملیاتیدر چند جدول از دیتابیس سایت رکورد ثبت کنیم .

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

ادامه مطلب...
۳۰ مرداد ۹۵ ، ۲۲:۲۸ ۰ نظر موافقین ۱ مخالفین ۰
مهدی حسامی