هر کاراکتر در کامپیوتر با عددی مشخص می شود که آن عدد همان کد کاراکتر است. در اصل کامپیوتر کاراکتر ها را فقط با عدد آن ها می شناسد و نمی داند مثلا حرف "a" چیست. بلکه می داند عدد آن 97 است. جالب تر این که کامپیوتر حتی همین 97 را هم نمی شناسد و با اعداد دودویی آن را تشخیص می دهد.

کد کاراکتر چیست؟

تمام کاراکتر هایی که ما استفاده می کنیم ، در جدول هایی بسیار بزرگ جمع آوری شده اند و به صورت قراردادی این کد ها به آن ها تعلق گرفته است که وقتی ما صفحه ای پر از کاراکتر را می بینیم ، کامپیوتر برای نمایش تمام این کاراکتر ها از آن جدول ها استفاده می کند. سیستم ها به طور پیشفرض از جدول ascii برای نمایش کاراکتر ها استفاده می کنند که جدول بسیار محدودی است و بسیاری از کاراکتر هایی که شاید به درد ما بخورند ، از جمله حروف فارسی را ندارند. اگر شما می توانید الان این حروف فارسی را ببینید به خاطر این است که کامپیوتر شما از جدولی به غیر از این جدول استفاده کرده است. جدول utf-8 جدولی کامل تر است که به دلیل استفاده از اعداد در مبنای 16 ، ظرفیت بسیار بیشتری دارد. این جدول شامل حروف فارسی و بسیاری کاراکتر های دیگر نیز هست.

در مطلبی ، خبر انتشار بازی رمزگشایی را به کاربران دادم. گفتم که این بازی ، مربوط به برنامه نویسی و امنیت است. قرار بود در مورد آن آموزش هایی قرار دهم تا افراد مبتدی هم بتوانند آن را بازی کنند. امروز در این مطلب می خواهم در مورد مرحله ای اول این بازی توضیحاتی بدهم و روش بردن مرحله ی اول را توضیح دهم.

نکته: برای اجرای کد های جاوا اسکریپت می توانید از کنسول موجود در مرورگر خود استفاده کنید. برای این کار F12 را بزنید و در قسمت console کد جاوا اسکریپت را وارد کنید و نتیجه را ببینید.

نکته: برای اجرای کد های C# می توانید از نرم افزار visual studio استفاده کنید.

برای ورود به بازی روی لینک زیر کلیک کنید:

بازی رمزگشایی

مرحله ی یک بازی رمزگشایی

من در بازی عضو شدم و این مرحله را باز کردم. این مرحله 10 امتیاز دارد و آسان به حساب می آید.

در دو مطلب قبلی ای که در سایت منتشر شد ، من سعی کردم تا حدودی کاربران را با رمزگذاری (encryption) و مبهم کردن (obfuscation) آشنا کنم.

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

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

مقدمه ای بر رمزگذاری و مبهم کردن کد

امروز با بازی رمزگشایی در سایت ابزارها قالب میزبان شما هستیم. این بازی نمونه ی ایرانی ندارد. از این به بعد باید منتظر بازی های تحت وب این چنینی از سایت ما باشید.

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

کاربرد این کدَک

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

برای مشاهده ی آموزش به ادامه ی مطلب بروید.

خیلی ها هستند که می خواهند در صفحهات سایت خود ورودی های (input) اختصاصی داشته باشند. به این معنی که تمام مواردی که برای ورودی ها وجود دارد برای سایت آن ها به طور کاملا اختصاصی طراحی شده باشد. در این کار تغییر دادن حالت ورودی های متن ، آدرس وب ، عدد و ... کار ساده ای است و به راحتی می تواند با سی اس اس این کار را انجام داد. اما تغییر دادن دکمه های checkbox  و  radion کمی مشکل تر است.

ادامه ی متن در ادامه ی مطلب.

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

اگر با برنامه نویسی ای مثل C# کار کرده باشید باید بدانید که این برنامه نویسی به دلیل داشتن امکان Namespace که برای هر فایل ایجاد می شود ، چنین مشکلی ندارد و متغیر های هر قسمت را به طور خودکار از دیگر قسمت ها جدا می کند. اما ما در جاوا اسکریپت باید خودمان این کار را انجام بدهیم. البته باید بگویم که این کار بسیار جالب است. (من که از کار کردن با کلاس های Javscript کلی لذت می برم)

کلاس چیست؟

خیلی ساده شروع می کنم. کلاس چیست؟

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

مطلب را در ادامه ی مطلب دنبال کنید.

من قبلا در مطلب توابع انیمیشنی جی کوئری درباره ی تابع های موجود در جی کوئری برای ایجاد انیمیشن های ساده توضیح داده بودم. اما به تازگی یکی از کاربران سوالی در مورد نوعی انیمیشن پرسید که مربوط به slide ها می شد. (یعنی slideUp , slideDown , slideToggle)

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

برای مشاهده ی مطلب به طور کامل به ادامه ی مطلب بروید.

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

برای دیدن مطلب به طور کامل به ادامه ی مطلب بروید.

قبل از همه پیشنهاد می کنم به هیچ وجه این مطلب را از دست ندهید و تا پایان آن را مطالعه کنید.

شاید تا به حال با کلمه ی cache (تلفظ: کَش) روبرو شده باشید. این کلمه مربوط به یکی از امکانات مرورگر ها است که اگر علاقه داشته باشید می توانید در این باره متن زیر را بخوانید.

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

درباره ی امکان cache باید بگویم که یکی از امکانات فوق العاده لازم برای وب است. اگر این امکان وجود نداشت ، هم ترافیک اینترنت شما خیلی زود تمام می شد و هم هزینه ی نگه داری هاست ها و سرور ها خیلی زیاد می شد.

برای مطالعه ی مطلب به طور کامل به ادامه ی مطلب بروید.

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

<<<code>>>

function urlexists($url)

   {

      $file_headers = @get_headers($url);

      if($file_headers[0] == 'HTTP/1.1 404 Not Found')

         $exists = false;

      else

         $exists = true;

      return $exists;

   }

<<</code>>>

تابع بالا ، یک آدرس کامل (http:// ...) را می گیرد و اگر آن صفحه موجود باشد (یعنی ارور 404 نداشته باشد) مقدار true را باز می گرداند و در غیر این صورت مقدار false را بر می گرداند.

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

 در پی درخواست یکی از کاربران ، این مطلب را ایجاد کرده ام. می خواهم در این جا به طور ساده طرز ایجاد یک پنجره ی شناور برای صفحات وب را آموزش دهم. در این آموزش از کد های html ، css و javascript و از کتابخانه ی jquery استفاده می کنیم.

برای این که کد ها را آزمایش کنید از ابزار زیر استفاده کنید:

دمو ساز - آزمایش کد ها

کد های html

خب! ابتدا کد های اچ تی ام ال:

<<<code>>>

<a href="#" title="باز کردن پنجره" id="winOpen"> open floating window </a>

<div class="win-blur"></div> <!-- صفحه ی تار پشتی -->

<div class="win-width"> <!-- تنظیم کننده ی پنجره -->

   <div class="win-page"> <!-- خود پنجره -->

      <span class="win-close">X</span> <!-- بستن -->

      <p>

         چیزی که در پنجره نمایش داده می شود.

      </p>

   </div>

</div>

<<</code>>>

توضیحات بیشتر در ادامه ی مطلب.

سلام. امروز با یک مطلب تخصصی در خدمت شما هستم. این مطلب مربوط به امکان CURL در php است. CURL یکی از توانایی های سیستم عامل linux است که این امکان را به شما می دهد که با استفاده از سیستم و بدون نیاز به کاربر زنده ، به قسمت های مختلف اینترنت درخواست هایی را ارسال کنید ، پاسخ آن ها را دریافت کنید و بر اساس آن ها کار هایی را انجام دهید. توجه داشته باشید که این کار ها همه به وسیله ی خود سیستم و به صورت خودکار انجام می شود و نیازی به یک کاربر ندارد تا به انجام برسد.

از نظر من CURL یکی از جالب ترین و باحال ترین قسمت های php است. این امکان به شما قدرتی می دهد که وقتی به آن قدرت دست پیدا کنید ، تازه حرف من را می فهمید.

شروع کار با CURL

خب! برای شروع کار با CURL در php ما باید از تابع curl_init استفاده کنیم. این تابع یک نشست برای ارسال درخواست ، ایجاد می کند.

<<<code>>>

$ch = curl_init();

<<</code>>>

ما باید خروجی این تابع را در یک متغیر ذخیره کنیم. زیرا در ادامه ی کار و در استفاده از دیگر توابع curl ما نیاز داریم از این خروجی استفاده کنیم. این خروجی در اصل همان نشست ایجاد شده توسط تابع است.

توضیحات بیشتر در ادامه ی مطلب

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

اول برای درک بهتر این آموزش صفحه ی زیر که صفحه ی اصلی افزونه ی wow است را ببینید:

صفحه ی اصلی افزونه ی wow

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

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

صفحه ی آموزش انگلیسی

ادامه ی آموزش در ادامه ی مطلب

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

آموزش وبلاگ نویسی حرفه ای قسمت دوم

در مطلب قبلی هم گفتم که ابتدای وبلاگ نویسی حرفه ای تا حدودی می تواند ساده باشد. اما هر چه بیشتر پیش برویم به نکات سطح بالا تر و آموزشات حرفه ای تری می پردازیم.

در آموزش قبلی بخش خدمات حرفه ای رزبلاگ و قسمت "خوش آمدید" آن را توضیح دادم. در این مطلب به توضیح بقیه ی امکانات موجود در پنل کاربری رزبلاگ می پردازم.

به ادامه ی مطلب بروید.

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

مطالب گذشته ی مربوط به وبلاگ نویسی

بخش های اصلی رزبلاگ

• خوش آمدید
• مطالب
• مدیریت انجمن
• مدیریت کاربران
• نظرات
• پیوندها
• قالب
• دیگر امکانات
• نتظیمات
• سایر

در بالا فهرست کامل امکانات اصلی رزبلاگ را مشاهده می کنید. برای این که بتوانید خودتان وارد پنل مدیریتی سایت رزبلاگ بشوید و این امکانات را ببینید باید در رزبلاگ عضو شوید. عضویت در زبلاگ تفاوت چندانی با بلاگفا ندارد. پس باید بتوانید خودتان بدون آموزش عضو شوید.

به ادامه ی مطلب بروید.